<section class="pt-16 pb-24">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -m-3">
<div class="w-full lg:w-1/2 p-3">
<div class="px-8 py-14 border border-gray-900 rounded-2xl">
<h2 class="font-heading mb-14 md:mb-40 text-6xl md:text-7xl xl:text-8xl max-w-xs xl:max-w-md">Improve your style with our premium collection</h2>
<p class="mb-8 max-w-sm">Upgrade your wardrobe with our latest fashion collection available now for purchase</p>
<a href="#" class="py-5 px-7 text-white font-semibold bg-gray-900 hover:bg-gray-800 focus:bg-gray-900 rounded-5xl focus:ring-4 focus:ring-gray-200 transition duration-300">Read more now</a>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 p-3">
<div class="relative h-full overflow-hidden rounded-2xl">
<img class="w-full h-96 md:h-full object-cover transform hover:scale-105 transition duration-200" src="shopky-assets/blog/woman.png" alt="">
<div class="absolute bottom-36 -left-24">
<h2 class="font-heading uppercase whitespace-nowrap text-white text-7xl transform -rotate-90">women's suit</h2>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/4 p-3">
<div class="relative h-full overflow-hidden rounded-2xl">
<img class="w-full h-96 md:h-full object-cover transform hover:scale-105 transition duration-200" src="shopky-assets/blog/man.png" alt="">
<div class="absolute bottom-36 -left-24">
<h2 class="font-heading uppercase whitespace-nowrap text-white text-7xl transform -rotate-90">women's suit</h2>
</div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
