<section class="py-20">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap items-center -mx-4">
<div class="w-full lg:w-5/12 px-4 mb-12 lg:mb-0">
<img class="mx-auto object-cover rounded-lg" src="mockup-assets/images/gray-500-square.png" alt="">
</div>
<div class="w-full lg:w-7/12 px-4">
<div class="max-w-xl lg:ml-auto">
<img class="mb-4" src="mockup-assets/images/quote.svg" alt="">
<h2 class="mb-4 text-5xl font-bold font-heading">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<p class="mb-9 text-lg text-gray-500 leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
<p class="text-2xl font-bold font-heading">Danny Bailey</p>
<p class="text-lg text-gray-500">CEO & Founder</p>
</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
