Update Stinky7thShop.html

stinky7thgraders · Oct 16, 2024 · 79d6e5c · 79d6e5c
1 parent 01f2900
commit 79d6e5c
Showing 1 changed file with 32 additions and 12 deletions.
diff --git a/Stinky7thShop.html b/Stinky7thShop.html
@@ -126,10 +126,30 @@
     <h1>Welcome to The Stinky7thShop!</h1>
     <p style="text-align: center;">Explore our collection of fidget toys available in a variety of colors. Find the perfect fidget to keep your hands busy and your mind focused!</p>
 
-    <div class="product" onclick="openModal('./fc.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Spiral Cone')">
-        <img src="./fc.jpg" alt="Spiral Cone">
+    <div class="product" onclick="openModal('./flb.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Fidget Lightbulb')">
+        <img src="./flb.jpg" alt="Fidget Lightbulb">
         <div>
-            <h2>Spiral Cone</h2>
+            <h2>Fidget Lightbulb</h2>
+            <p><strong>Available Colors:</strong></p>
+            <div class="colors">
+                <div class="color-circle" style="background-color: white;"></div>
+                <div class="color-circle" style="background-color: grey;"></div>
+                <div class="color-circle" style="background-color: silver;"></div>
+                <div class="color-circle" style="background-color: black;"></div>
+                <div class="color-circle" style="background-color: red;"></div>
+                <div class="color-circle" style="background-color: orange;"></div>
+                <div class="color-circle" style="background-color: yellow;"></div>
+                <div class="color-circle" style="background-color: green;"></div>
+                <div class="color-circle" style="background-color: blue;"></div>
+                <div class="color-circle" style="background-color: #ff1493;"></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="product" onclick="openModal('./fc.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Fidget Cone')">
+        <img src="./fc.jpg" alt="Fidget Cone">
+        <div>
+            <h2>Fidget Cone</h2>
             <p><strong>Available Colors:</strong></p>
             <div class="colors">
                 <div class="color-circle" style="background-color: white;"></div>
@@ -146,10 +166,10 @@ <h2>Spiral Cone</h2>
         </div>
     </div>
 
-    <div class="product" onclick="openModal('./fcu.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Spiral Cube')">
-        <img src="./fcu.jpg" alt="Spiral Cube">
+    <div class="product" onclick="openModal('./fcu.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Fidget Cube')">
+        <img src="./fcu.jpg" alt="Fidget Cube">
         <div>
-            <h2>Spiral Cube</h2>
+            <h2>Fidget Cube</h2>
             <p><strong>Available Colors:</strong></p>
             <div class="colors">
                 <div class="color-circle" style="background-color: white;"></div>
@@ -166,10 +186,10 @@ <h2>Spiral Cube</h2>
         </div>
     </div>
 
-    <div class="product" onclick="openModal('./fcy.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Spiral Cylinder')">
-        <img src="./fcy.jpg" alt="Spiral Cylinder">
+    <div class="product" onclick="openModal('./fcy.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Fidget Cylinder')">
+        <img src="./fcy.jpg" alt="Fidget Cylinder">
         <div>
-            <h2>Spiral Cylinder</h2>
+            <h2>Fidget Cylinder</h2>
             <p><strong>Available Colors:</strong></p>
             <div class="colors">
                 <div class="color-circle" style="background-color: white;"></div>
@@ -186,10 +206,10 @@ <h2>Spiral Cylinder</h2>
         </div>
     </div>
 
-    <div class="product" onclick="openModal('./fs.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Spiral Sphere')">
-        <img src="./fs.jpg" alt="Spiral Sphere">
+    <div class="product" onclick="openModal('./fs.jpg', ['white', 'grey', 'silver', 'black', 'red', 'orange', 'yellow', 'green', 'blue', '#ff1493'], 'Fidget Sphere')">
+        <img src="./fs.jpg" alt="Fidget Sphere">
         <div>
-            <h2>Spiral Sphere</h2>
+            <h2>Fidget Sphere</h2>
             <p><strong>Available Colors:</strong></p>
             <div class="colors">
                 <div class="color-circle" style="background-color: white;"></div>