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">