<section class="px-8 md:px-24 py-32">
<h1 class="font-heading tracking-tight text-4xl md:text-6xl mb-16">Read from blog</h1>
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-1/3 p-4">
<img class="rounded-2xl mb-6 w-full object-cover lg:mt-14" style="height:295px;" src="consulty-assets/blog/picture1.png" alt="">
<p class="tracking-tight text-orange-400 text-sm font-medium mb-3">Awards</p>
<a href="#" class="inline-block tracking-tight text-2xl font-semibold max-w-sm hover:underline">There are the variations of all passages of the majority</a>
</div>
<div class="w-full lg:w-1/3 p-4">
<img class="rounded-2xl mb-6 w-full object-cover" style="height:490px;" src="consulty-assets/blog/picture2.png" alt="">
<p class="tracking-tight text-orange-400 text-sm font-medium mb-3">Interior</p>
<a href="#" class="inline-block tracking-tight text-2xl font-semibold max-w-sm hover:underline">Contrary to popular the of all passages of the majority</a>
</div>
<div class="w-full lg:w-1/3 p-4">
<img class="rounded-2xl mb-6 w-full object-cover lg:mt-24" style="height:295px;" src="consulty-assets/blog/picture3.png" alt="">
<p class="tracking-tight text-orange-400 text-sm font-medium mb-3">Architecture</p>
<a href="#" class="inline-block tracking-tight text-2xl font-semibold max-w-sm hover:underline">Making this the variations of all passages of the majority</a>
</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
