86 lines
3.4 KiB
HTML
86 lines
3.4 KiB
HTML
@@include("partials/main.html")
|
||
|
||
<head>
|
||
|
||
@@include("partials/title-meta.html", {"title": "Form File Upload"})
|
||
|
||
<!-- Plugins css -->
|
||
<link href="assets/libs/dropzone/min/dropzone.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
@@include("partials/head-css.html")
|
||
|
||
</head>
|
||
|
||
@@include("partials/body.html")
|
||
|
||
<!-- Begin page -->
|
||
<div id="layout-wrapper">
|
||
|
||
@@include("partials/menu.html", {"title": "Form File Upload"})
|
||
<!-- ============================================================== -->
|
||
<!-- Start right Content here -->
|
||
<!-- ============================================================== -->
|
||
<div class="main-content">
|
||
<div class="page-content">
|
||
<div class="container-fluid">
|
||
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h4 class="card-title">Dropzone</h4>
|
||
<p class="card-title-desc">DropzoneJS is an open source library
|
||
that provides drag’n’drop file uploads with image previews.
|
||
</p>
|
||
</div>
|
||
<div class="card-body">
|
||
<div>
|
||
<form action="#" class="dropzone">
|
||
<div class="fallback">
|
||
<input name="file" type="file" multiple="multiple">
|
||
</div>
|
||
<div class="dz-message needsclick">
|
||
<div class="mb-3">
|
||
<i class="display-4 text-muted mdi mdi-cloud-upload"></i>
|
||
</div>
|
||
|
||
<h4>Drop files here or click to upload.</h4>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="text-center mt-4">
|
||
<button type="button" class="btn btn-primary waves-effect waves-light">Send Files</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end col -->
|
||
</div> <!-- end row -->
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<!-- container-fluid -->
|
||
</div>
|
||
<!-- End Page-content -->
|
||
|
||
@@include("partials/footer.html")
|
||
</div>
|
||
<!-- end main content-->
|
||
|
||
</div>
|
||
<!-- END layout-wrapper -->
|
||
|
||
@@include("partials/right-sidebar.html")
|
||
|
||
@@include("partials/vendor-scripts.html")
|
||
|
||
<!-- Plugins js -->
|
||
<script src="assets/libs/dropzone/min/dropzone.min.js"></script>
|
||
|
||
<script src="assets/js/app.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |