Spaces:

slimshadow
/

html-insta-test

Running

slimshadow commited on Nov 30, 2024

Commit

3260dbe

verified ·

1 Parent(s): 5efa6b0

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -3,19 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Download Instagram Reel</title>
-    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <div class="container">
-        <h1>Download Instagram Reel</h1>
-        <p>Enter the URL of the Instagram Reel you want to download:</p>
-        <input type="url" id="reelUrl" placeholder="Enter Instagram Reel URL" required>
-        <button onclick="downloadReel()">Download Reel</button>
-        <div id="message"></div>
-        <div id="downloadLink"></div>
     </div>
     <script src="script.js"></script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Instagram Reel Downloader</title>
+    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="container">
+        <h1>Instagram Reel Downloader</h1>
+        <p>Enter the URL of the Instagram Reel you want to download.</p>
+        <form id="reelForm">
+            <input type="url" id="reelUrl" placeholder="Enter Instagram Reel URL" required>
+            <button type="submit">Download Reel</button>
+        </form>
+        <div id="result" class="hidden">
+            <h2>Download Link</h2>
+            <a id="downloadLink" href="#" target="_blank">Click here to download</a>
+        </div>
     </div>
     <script src="script.js"></script>
 </body>
 </html>