<section class="relative py-12 md:py-24 bg-neutral-50">
<div class="container mx-auto px-4">
<div class="relative z-10 px-12 py-16 bg-white rounded-4xl">
<div class="flex flex-wrap -m-4 divide-y md:divide-y-0 md:divide-x divide-neutral-50">
<div class="w-full md:w-2/3 p-4">
<h1 class="relative mb-12 text-5xl sm:text-6xl md:text-9xl xl:text-11xl text-neutral-800 font-semibold font-heading">
<span class="mr-3">Shh* Something</span>
<span class="relative inline-block">
<span class="relative z-10">has wrong.</span>
<span class="absolute -bottom-2 left-0 h-2.5 w-full bg-green-200 rounded-full"></span>
</span>
</h1>
<p class="mb-12 md:mb-80 text-2xl text-neutral-600 font-semibold tracking-tight">That page isn’t doesn’t exist or we can’t find it.</p>
</div>
<div class="w-full md:w-1/3 p-4">
<div class="py-12 md:py-0">
<div class="max-w-max mx-auto">
<img class="mx-auto object-cover h-64" src="mirga-assets/images/http-codes/face.png" alt="">
</div>
</div>
</div>
</div>
<a class="inline-flex justify-center items-center text-center h-20 p-5 font-semibold tracking-tight text-2xl text-white bg-neutral-900 hover:bg-neutral-800 focus:bg-neutral-800 rounded-lg focus:ring-4 focus:ring-neutral-400 transition duration-200" href="#">Homepage</a>
</div>
</div>
<img class="absolute bottom-0 right-0" src="mirga-assets/images/http-codes/404.png" alt="">
</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
