<section class="px-8 md:px-24 py-32">
<h1 class="font-heading tracking-tight text-5xl md:text-6xl font-medium mb-6 max-w-sm md:max-w-lg">The team behind successful product</h1>
<p class="tracking-tight text-lg text-gray-700 mb-24 max-w-xl">Consulty gives you the blocks & components you need to create a truly professional website, landing page or admin panel for your SaaS.</p>
<div class="flex flex-wrap -m-4">
<div class="w-full md:w-1/2 lg:w-2/12 p-4">
<img class="rounded-2xl h-56 w-full object-cover mb-6" src="consulty-assets/team/picture1.png" alt="">
<img class="rounded-2xl h-28 w-full object-cover" src="consulty-assets/team/shapes-box1.png" alt="">
</div>
<div class="w-full md:w-1/2 lg:w-3/12 p-4">
<img class="rounded-2xl w-full object-cover" style="height:360px;" src="consulty-assets/team/picture2.png" alt="">
</div>
<div class="w-full md:w-1/2 lg:w-3/12 p-4">
<div class="flex gap-6">
<img class="rounded-2xl w-16 object-cover" style="height:360px;" src="consulty-assets/team/shapes-box2.png" alt="">
<div class="flex-1">
<img class="rounded-2xl w-full object-cover mb-6" style="height:165px;" src="consulty-assets/team/picture3.png" alt="">
<img class="rounded-2xl w-full object-cover" style="height:165px;" src="consulty-assets/team/picture4.png" alt="">
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-4/12 p-4">
<img class="rounded-2xl w-full object-cover" style="height:360px;" src="consulty-assets/team/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
