Update index.html

redspy-sec · Nov 19, 2023 · 05d4dcf · 05d4dcf
1 parent 26e0a6d
commit 05d4dcf
Showing 1 changed file with 48 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -16,16 +16,16 @@
       <div class="container">
         <div class="image-cube">
           <div class="front">
-            <img src="image-1.jpg" />
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_083705_434.jpg" />
           </div>
           <div class="right">
-            <img src="image-2.jpg" />
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230718_081357_600.jpg" />
           </div>
           <div class="back">
-            <img src="image-3.jpg" />
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_085227_609.jpg" />
           </div>
           <div class="left">
-            <img src="image-4.jpg" />
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_085227_764.jpg" />
           </div>
         </div>
       </div>
@@ -41,4 +41,47 @@
     <!-- Script -->
     <script src="script.js"></script>
   </body>
-</html>
+</html><!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>3D Cube Slider</title>
+    <!-- Font Awesome -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+    />
+    <!-- Stylesheet -->
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="wrapper">
+      <div class="container">
+        <div class="image-cube">
+          <div class="front">
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_083705_434.jpg" />
+          </div>
+          <div class="right">
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230718_081357_600.jpg" />
+          </div>
+          <div class="back">
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_085227_609.jpg" />
+          </div>
+          <div class="left">
+            <img src="https://github.com/redspy-sec/web-cube/blob/main/IMG_20230724_085227_764.jpg" />
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <button id="prev">
+          <i class="fas fa-arrow-left"></i>
+        </button>
+        <button id="next">
+          <i class="fas fa-arrow-right"></i>
+        </button>
+      </div>
+    </div>
+    <!-- Script -->
+    <script src="script.js"></script>
+  </body>
+</html>Enter