<section class="px-8 md:px-24 py-24">
<div class="bg-gray-50 rounded-2xl px-8 md:px-16 py-16 md:py-32">
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-7/12 p-4">
<img class="w-full object-contain" style="height:440px;" src="consulty-assets/http-codes/404-image.png" alt="">
</div>
<div class="w-full lg:w-5/12 p-4">
<h1 class="tracking-tight text-4xl md:text-6xl font-medium mb-4">
<span>Oops!</span>
<br>
<span>Page not found</span>
</h1>
<p class="tracking-tight text-gray-700 text-lg mb-8 max-w-md">The page you are looking for either doesn’t exist or currently not available</p>
<a href="#" class="bg-black h-14 rounded-full px-5 py-3 inline-flex items-center justify-center gap-2 hover:bg-orange-600 focus:bg-orange-500 focus:ring-4 focus:ring-orange-200 transition duration-200">
<span class="text-sm font-semibold tracking-tight text-white">Go Back to Home</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
