GeekyGeeky/drag-and-drop-html-gist-1.md

Last active January 13, 2025 02:07

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/GeekyGeeky/580b35e0a213d2aab82996ab1f15bf22.js"></script>
Save GeekyGeeky/580b35e0a213d2aab82996ab1f15bf22 to your computer and use it in GitHub Desktop.

Interactive Drag and Drop HTML Design

Raw

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-   <title>Document</title>
+   <title>Interactive File Upload Demo</title>
  </head>
  <body>
+   <div class="container">
+     <h1 class="text-large">Interactive File Upload</h1>
+
+     <div class="file-upload-container">
+       <div class="drag-area" id="drag-area">Drag and Drop Files Here</div>
+       <ul id="file-list" class="file-list"></ul>
+     </div>
+      
+   </div>
  </body>
</html>