<main class="mx-4 mt-12 flex justify-center">
<!--π COMPANY CARD CODE π-->
<div class="shdow max-w-md bg-gray-50">
<div class="rounded-lg border-2 border-gray-900">
<div class="flex flex-col gap-x-4 p-4 sm:flex-row sm:items-center">
<div class="flex h-16 w-16 items-center justify-center rounded-lg border-2 border-gray-800 bg-green-50 p-2">
<img class="h-auto w-full" src="https://www.freepnglogos.com/uploads/tut-wuri-handayani-png-logo/vector-wuri-handayani-warna-0.png" alt="" />
</div>
<div>
<h4 class="text-xl font-bold text-gray-900">Pandash Multi Comp.</h4>
<div class="text-xs font-medium text-gray-900">Gwarko, Lalitpur, Nepal</div>
</div>
</div>
<div class="border-t-2 border-gray-800 p-4">
<div class="text-sm font-medium text-gray-600">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime omnis, veniam ullam officiis voluptatem commodi vero modi minima cumque ex?</div>
<div class="mt-3">
<button>
<a class="inline-block cursor-pointer rounded-lg border-2 border-gray-800 px-6 py-1 text-lg font-medium hover:bg-green-100 hover:text-green-700">26 Jobs Posted</a>
</button>
</div>
</div>
</div>
</div>
<!--π ------------ π-->
</main>