Skip to content

Commit

Permalink
home page style fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ansh101112
Ansh101112 committed Aug 8, 2024
1 parent 02f4675 commit 85a81de
Showing 1 changed file with 80 additions and 79 deletions.
159 changes: 80 additions & 79 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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%">
Expand Down

0 comments on commit 85a81de

Please sign in to comment.