<section class="px-8 md:px-24 py-40">
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-1/4 p-4">
<img class="mb-6 w-full object-cover rounded-2xl" style="height:375px;" src="consulty-assets/work/picture1.png" alt="">
<img class="w-full object-cover rounded-2xl" style="height:280px;" src="consulty-assets/work/picture2.png" alt="">
</div>
<div class="w-full lg:w-1/2 p-4">
<div class="relative" style="height:682px;">
<img class="absolute inset-0 w-full h-full rounded-2xl" src="consulty-assets/work/picture3.png" alt="">
<div class="absolute inset-0">
<div class="flex flex-col justify-between h-full p-8">
<div>
<p class="text-white tracking-tight mb-4">Growth</p>
<h1 class="font-heading tracking-tight text-white text-3xl font-medium max-w-md">We helped Flarezo to increase their website conversion rate by 310%</h1>
</div>
<a href="#" class="tracking-tight bg-white px-5 py-3 w-full h-14 rounded-full hover:bg-gray-50 focus:bg-gray-50 focus:ring-4 focus:ring-gray-300 text-sm font-semibold transition duration-200 inline-flex items-center justify-center">Read Full Story</a>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-1/4 p-4">
<img class="w-full object-cover mb-6 rounded-2xl" style="height:327px;" src="consulty-assets/work/picture4.png" alt="">
<img class="w-full object-cover rounded-2xl" style="height:327px;" src="consulty-assets/work/picture5.png" alt="">
</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
