Enhanced feature in Grocery

arghadipmanna101 · Jun 12, 2024 · d6c8c1f · d6c8c1f
1 parent caff2b4
commit d6c8c1f
Showing 1 changed file with 26 additions and 4 deletions.
diff --git a/Grocery-/index.html b/Grocery-/index.html
@@ -18,18 +18,40 @@
 
 
   <div class="containter-fluid bg-white">
-    <div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
+    <div class="containter-fluid p-3 mt-1 bg-success text-white" style="border-bottom: 1px solid #e4e7eb;">
       <h4>Grocery</h4>
     </div>
-    <div id="grocery-product" class="row m-1"></div>
-  </div>
 
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12"><img src="https://rukminim2.flixcart.com/flap/1000/1000/image/37ba2d80e7566df1.jpg?q=50" alt="" width="100%"></div>
+        <div class="col-md-6"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/15cbd99e6fcb6fc1.jpg?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-6"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/ed04b09381eec3f9.jpg?q=50" alt="" class="img-fluid"></div>
+
+        <div class="col-12"><img src="https://rukminim2.flixcart.com/flap/1000/1000/image/7f003daeaf4ae8dc.jpg?q=50" alt="" width="100%"></div>
+        <div class="col-md-3"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/7245c5bc2a7c3dcb.jpg?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-3"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/538bbfa1ed73f14a.jpg?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-3"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/14017df9b6f0c7c5.png?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-3"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/f2f929242d71a365.jpg?q=50" alt="" class="img-fluid"></div>
+
+
+        <div class="col-12"><img src="https://rukminim2.flixcart.com/flap/1000/1000/image/f6ce91ec12acfe5a.jpg?q=50" alt="" width="100%"></div>
+        <div class="col-md-4"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/8c79136d5eeaae1f.jpg?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-4"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/b3e4fd5dce73256b.png?q=50" alt="" class="img-fluid"></div>
+        <div class="col-md-4"><img src="https://rukminim2.flixcart.com/flap/1050/1050/image/a3df8d2af525ec55.jpg?q=50" alt="" class="img-fluid"></div>
 
+        <div class="col-12"><img src="https://rukminim2.flixcart.com/flap/1000/1000/image/862eb4eabe3f7ba4.jpg?q=50" alt="" width="100%"></div>
+
+      </div>
+    </div>
+    <!-- fetch item -->
+    <div id="grocery-product" class="row m-1"></div>
+  </div>
 
 
 
 
-  <footer id="footer-grocery" style="background-color: #292d33;"> </footer>
+  <footer id="footer-grocery" style="background-color: #172337;"> </footer>
   <!-- javaScript -->
   <script src="../js/bootstrap.bundle.min.js"></script>
   <script src="../js/grocery-store-script.js"></script>