<section class="pb-16 bg-neutral-50">
<div class="container mx-auto px-4">
<div class="pt-8 pb-6">
<p class="text-4xl font-semibold tracking-tight">Projects</p>
</div>
<div class="pt-12 px-10 pb-14 bg-white rounded-4xl">
<div class="flex flex-wrap -m-4 mb-8">
<div class="w-full md:w-1/2 p-4">
<p class="mb-2 text-xl text-neutral-600 font-semibold tracking-tight">Project</p>
<p class="text-5xl font-medium tracking-tight">Weddedone digital</p>
</div>
<div class="w-full md:w-1/2 p-4">
<div class="flex flex-wrap -m-4">
<div class="w-full md:w-auto p-4">
<p class="mb-1 text-xl text-neutral-600 font-semibold tracking-tight">Client</p>
<p class="text-neutral-600 font-medium tracking-tight">EYRA88s</p>
</div>
<div class="w-full md:w-2/3 ml-auto p-4">
<p class="mb-1 text-xl text-neutral-600 font-semibold tracking-tight">Details</p>
<p class="text-neutral-600 font-medium tracking-tight max-w-md">At the heart of our success is a diverse and talented team, united by a shared commitment to excellence.</p>
</div>
</div>
</div>
</div>
<div class="relative">
<img class="w-full h-full object-cover rounded-2xl" style="height: 688px;" src="mirga-assets/images/projects/layer.jpg" alt="">
<div class="absolute bottom-0 left-0 pb-8 px-12 flex flex-wrap -m-0.5">
<div class="w-auto p-0.5">
<a class="flex items-center justify-center w-12 h-16 bg-neutral-800 hover:bg-opacity-80 rounded-lg transition duration-200" href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18L10.2915 16.7463L3.4452 9.9L18 9.9L18 8.1L3.4452 8.1L10.2726 1.2726L9 3.02789e-06L7.86805e-07 9L9 18Z" fill="white"></path>
</svg>
</a>
</div>
<div class="w-auto p-0.5">
<a class="flex items-center justify-center w-12 h-16 bg-neutral-800 hover:bg-opacity-80 rounded-lg transition duration-200" href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0L7.7085 1.2537L14.5548 8.1L0 8.1L0 9.9L14.5548 9.9L7.7274 16.7274L9 18L18 9L9 0Z" fill="white"></path>
</svg>
</a>
</div>
</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
