Merge pull request #1601 from Ansh101112/uid

New UI added
arghadipmanna101 · Aug 10, 2024 · 09f116a · 09f116a
2 parents 84903a5 + 2d8c977
commit 09f116a
Showing 1 changed file with 68 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -857,6 +857,74 @@ <h4>Best of Electronics</h4>
             </div>
         </div>
     </div>
+    <section class="bg-light py-5">
+        <div class="container">
+          <div class="text-center mb-5">
+            <h1 class="display-4">Exclusive Online Deals</h1>
+            <p class="lead text-muted">Grab the latest electronics, fashion, and home essentials at unbeatable prices. Limited-time offers, hurry up!</p>
+            <div class="d-flex justify-content-center mt-3">
+              <div class="bg-primary rounded-circle" style="width: 4rem; height: 4px;"></div>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4 mb-4">
+              <div class="text-center">
+                <div class="bg-light text-primary rounded-circle mb-4 d-flex align-items-center justify-content-center" style="width: 5rem; height: 5rem;">
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-50 h-50" viewBox="0 0 24 24">
+                    <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+                  </svg>
+                </div>
+                <h2 class="h5 text-dark">Top Electronics</h2>
+                <p class="text-muted">Find the best deals on smartphones, laptops, and more. Get the latest gadgets at unbeatable prices.</p>
+                <a href="#" class="text-primary">Shop Now
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="ml-2" style="width: 1rem; height: 1rem;" viewBox="0 0 24 24">
+                    <path d="M5 12h14M12 5l7 7-7 7"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+            <div class="col-md-4 mb-4">
+              <div class="text-center">
+                <div class="bg-light text-primary rounded-circle mb-4 d-flex align-items-center justify-content-center" style="width: 5rem; height: 5rem;">
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-50 h-50" viewBox="0 0 24 24">
+                    <circle cx="6" cy="6" r="3"></circle>
+                    <circle cx="6" cy="18" r="3"></circle>
+                    <path d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12"></path>
+                  </svg>
+                </div>
+                <h2 class="h5 text-dark">Fashion Trends</h2>
+                <p class="text-muted">Upgrade your wardrobe with the latest fashion styles. Explore our exclusive collections at amazing prices.</p>
+                <a href="#" class="text-primary">Discover More
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="ml-2" style="width: 1rem; height: 1rem;" viewBox="0 0 24 24">
+                    <path d="M5 12h14M12 5l7 7-7 7"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+            <div class="col-md-4 mb-4">
+              <div class="text-center">
+                <div class="bg-light text-primary rounded-circle mb-4 d-flex align-items-center justify-content-center" style="width: 5rem; height: 5rem;">
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-50 h-50" viewBox="0 0 24 24">
+                    <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
+                    <circle cx="12" cy="7" r="4"></circle>
+                  </svg>
+                </div>
+                <h2 class="h5 text-dark">Home Essentials</h2>
+                <p class="text-muted">From kitchen appliances to home decor, find everything you need to make your home a better place.</p>
+                <a href="#" class="text-primary">Shop Now
+                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="ml-2" style="width: 1rem; height: 1rem;" viewBox="0 0 24 24">
+                    <path d="M5 12h14M12 5l7 7-7 7"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <button class="btn btn-primary btn-lg d-block mx-auto mt-5">Explore All Deals</button>
+        </div>
+      </section>
+
+
+
 
     <!-- fetch random products -->
     <div class="containter-fluid bg-white">