templates/form-uploads.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  4.         
  5.         {{ include('partials/title-meta.html.twig', {title: 'File Upload'}) }}
  7.         <!-- dropzone css -->
  8.         <link href="/libs/dropzone/dist/min/dropzone.min.css" rel="stylesheet" type="text/css" />
  10.         {{ include('partials/head-css.html.twig') }}
  12.     </head>
  14.     {{ include('partials/body.html.twig') }}
  16.         <!-- Begin page -->
  17.         <div id="layout-wrapper">
  19.             {{ include('partials/menu.html.twig') }}
  21.             <!-- ============================================================== -->
  22.             <!-- Start right Content here -->
  23.             <!-- ============================================================== -->
  24.             <div class="main-content">
  26.                 <div class="page-content">
  27.                     <div class="container-fluid">
  29.                         {{ include('partials/page-title.html.twig', {pagetitle: 'Forms', title: 'File Upload'}) }}
  31.                         <div class="row">
  32.                             <div class="col-12">
  33.                                 <div class="card">
  34.                                     <div class="card-header">
  35.                                         <h4 class="card-title">Dropzone</h4>
  36.                                         <p class="card-title-desc">DropzoneJS is an open source library
  37.                                             that provides drag’n’drop file uploads with image previews.
  38.                                         </p>
  39.                                     </div>
  40.                                     <div class="card-body">
  41.     
  42.                                         <div>
  43.                                             <form action="#" class="dropzone">
  44.                                                 <div class="fallback">
  45.                                                     <input name="file" type="file" multiple="multiple">
  46.                                                 </div>
  47.                                                 <div class="dz-message needsclick">
  48.                                                     <div class="mb-3">
  49.                                                         <i class="display-4 text-muted bx bx-cloud-upload"></i>
  50.                                                     </div>
  51.     
  52.                                                     <h5>Drop files here or click to upload.</h5>
  53.                                                 </div>
  54.                                             </form>
  55.                                         </div>
  56.     
  57.                                         <div class="text-center mt-4">
  58.                                             <button type="button" class="btn btn-primary waves-effect waves-light">Send
  59.                                                 Files</button>
  60.                                         </div>
  61.                                     </div>
  62.                                 </div>
  63.                             </div> <!-- end col -->
  64.                         </div> <!-- end row -->
  65.                         
  66.                     </div> <!-- container-fluid -->
  67.                 </div>
  68.                 <!-- End Page-content -->
  70.                 
  71.                 {{ include('partials/footer.html.twig') }}
  72.             </div>
  73.             <!-- end main content-->
  75.         </div>
  76.         <!-- END layout-wrapper -->
  78.         {{ include('partials/right-sidebar.html.twig') }}
  80.         {{ include('partials/vendor-scripts.html.twig') }}
  82.         <!-- dropzone js -->
  83.         <script src="/libs/dropzone/dist/min/dropzone.min.js"></script>
  85.         <script src="/js/app.js"></script>
  87.     </body>
  88. </html>