home page style fixed

arghadipmanna101 · Aug 8, 2024 · 85a81de · 85a81de
1 parent 02f4675
commit 85a81de
Showing 1 changed file with 80 additions and 79 deletions.
diff --git a/index.html b/index.html
@@ -654,85 +654,7 @@ <h4>Login</h4>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
 
- <section class="text-gray-600 body-font">
- <div class="container px-5 py-1 mx-auto flex flex-wrap">
- <!-- Step 1 -->
- <div class="flex relative pt-10 pb-20 sm:items-center md:w-2/3 mx-auto">
- <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
- <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
- </div>
- <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">1</div>
- <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
- <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
- <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
- <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
- </svg>
- </div>
- <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
- <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Product Discovery</h2>
- <p class="leading-relaxed">Explore a wide range of products available on our platform. From electronics to fashion, find everything in one place.</p>
- </div>
- </div>
- </div>
- <!-- Step 2 -->
- <div class="flex relative pb-20 sm:items-center md:w-2/3 mx-auto">
- <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
- <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
- </div>
- <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">2</div>
- <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
- <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
- <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
- <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
- </svg>
- </div>
- <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
- <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Add to Cart</h2>
- <p class="leading-relaxed">Easily add products to your cart and review your selections. Our intuitive interface makes shopping a breeze.</p>
- </div>
- </div>
- </div>
- <!-- Step 3 -->
- <div class="flex relative pb-20 sm:items-center md:w-2/3 mx-auto">
- <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
- <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
- </div>
- <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">3</div>
- <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
- <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
- <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
- <circle cx="12" cy="5" r="3"></circle>
- <path d="M12 22V8M5 12H2a10 10 0 0020 0h-3"></path>
- </svg>
- </div>
- <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
- <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Secure Checkout</h2>
- <p class="leading-relaxed">Proceed to checkout with confidence. Our secure payment gateway ensures your information is safe.</p>
- </div>
- </div>
- </div>
- <!-- Step 4 -->
- <div class="flex relative pb-10 sm:items-center md:w-2/3 mx-auto">
- <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
- <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
- </div>
- <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">4</div>
- <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
- <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
- <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" 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>
- <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
- <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Fast Delivery</h2>
- <p class="leading-relaxed">Enjoy fast and reliable delivery to your doorstep. Track your order and get updates in real-time.</p>
- </div>
- </div>
- </div>
- </div>
- </section>
-
+
 
  <!-- carousel start -->
  <div id="default-carousel" class="relative w-full" data-carousel="slide">
@@ -833,6 +755,85 @@ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Fast Delivery</h2>
  <img src="img/1a (2).png" alt="" class="img-fluid" width="100%">
  <img src="img/1a (3).png" alt="" class="img-fluid" width="100%">
  <img src="img/1a (4).png" alt="" class="img-fluid" width="100%">
+ <section class="text-gray-600 body-font">
+ <div class="container px-5 py-1 mx-auto flex flex-wrap">
+ <!-- Step 1 -->
+ <div class="flex relative pt-10 pb-20 sm:items-center md:w-2/3 mx-auto">
+ <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
+ <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
+ </div>
+ <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">1</div>
+ <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
+ <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
+ <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
+ <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+ </svg>
+ </div>
+ <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
+ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Product Discovery</h2>
+ <p class="leading-relaxed">Explore a wide range of products available on our platform. From electronics to fashion, find everything in one place.</p>
+ </div>
+ </div>
+ </div>
+ <!-- Step 2 -->
+ <div class="flex relative pb-20 sm:items-center md:w-2/3 mx-auto">
+ <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
+ <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
+ </div>
+ <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">2</div>
+ <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
+ <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
+ <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
+ <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+ </svg>
+ </div>
+ <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
+ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Add to Cart</h2>
+ <p class="leading-relaxed">Easily add products to your cart and review your selections. Our intuitive interface makes shopping a breeze.</p>
+ </div>
+ </div>
+ </div>
+ <!-- Step 3 -->
+ <div class="flex relative pb-20 sm:items-center md:w-2/3 mx-auto">
+ <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
+ <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
+ </div>
+ <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">3</div>
+ <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
+ <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
+ <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" viewBox="0 0 24 24">
+ <circle cx="12" cy="5" r="3"></circle>
+ <path d="M12 22V8M5 12H2a10 10 0 0020 0h-3"></path>
+ </svg>
+ </div>
+ <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
+ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Secure Checkout</h2>
+ <p class="leading-relaxed">Proceed to checkout with confidence. Our secure payment gateway ensures your information is safe.</p>
+ </div>
+ </div>
+ </div>
+ <!-- Step 4 -->
+ <div class="flex relative pb-10 sm:items-center md:w-2/3 mx-auto">
+ <div class="h-full w-6 absolute inset-0 flex items-center justify-center">
+ <div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
+ </div>
+ <div class="flex-shrink-0 w-6 h-6 rounded-full mt-10 sm:mt-0 inline-flex items-center justify-center bg-indigo-500 text-white relative z-10 title-font font-medium text-sm">4</div>
+ <div class="flex-grow md:pl-8 pl-6 flex sm:items-center items-start flex-col sm:flex-row">
+ <div class="flex-shrink-0 w-24 h-24 bg-indigo-100 text-indigo-500 rounded-full inline-flex items-center justify-center">
+ <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-12 h-12" 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>
+ <div class="flex-grow sm:pl-6 mt-6 sm:mt-0">
+ <h2 class="font-medium title-font text-gray-900 mb-1 text-xl">Fast Delivery</h2>
+ <p class="leading-relaxed">Enjoy fast and reliable delivery to your doorstep. Track your order and get updates in real-time.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
  <img src="img/1a (5).png" alt="" class="img-fluid" width="100%">
  <img src="img/1a (6).png" alt="" class="img-fluid" width="100%">
  <img src="img/1a (7).png" alt="" class="img-fluid" width="100%">