<section class="pt-32 pb-48 px-8 md:px-24">
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-1/2 p-4">
<img class="object-cover rounded-2xl object-right" style="height:600px;" src="consulty-assets/about/picture1.png" alt="">
</div>
<div class="w-full lg:w-1/2 p-4">
<div class="pt-14">
<h1 class="font-heading text-4xl font-medium mb-4 tracking-tight">About our company</h1>
<p class="text-gray-700 text-lg mb-6 max-w-lg tracking-tight">It is a long established fact that a reader will be content distracted by the readable content of a page when it looking at its layout. The point of using is that it has the many variations of passages distribution.</p>
<a href="#" class="bg-black h-14 rounded-full px-5 py-3 inline-flex items-center justify-center gap-2 tracking-tight hover:bg-orange-600 focus:bg-orange-500 focus:ring-4 focus:ring-orange-200 transition duration-200">
<span class="text-white text-sm font-semibold tracking-tight">Read More About Us</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M14 6.66669H7.33333C4.38781 6.66669 2 9.0545 2 12V13.3334M14 6.66669L10 10.6667M14 6.66669L10 2.66669" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</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
