diff --git a/templates/index.html b/templates/index.html
index 2b4d7cf..17c22ab 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,10 +9,16 @@
     <link rel="stylesheet" href="{{ url_for('static', filename='css/dropzone.min.css') }}" type="text/css" />
 </head>
 <body>
-    <h1>Upload new File</h1>
-    <form method=post enctype=multipart/form-data>
-      <input type=file name=file multiple>
-      <input type=submit value=Upload>
-    </form>
+    <h1>Drag & drop files here or <b>browse</b></h1>
+    <script>
+        Dropzone.options.myDropzone = {
+            parallelUploads: 2,
+            uploadMultiple: true,
+            acceptedFiles: 'audio/*'
+        };
+    </script>
+    <form action="/"
+          class="dropzone"
+          id="my-dropzone"></form>
 </body>
 </html>
\ No newline at end of file
