<section class="py-10 bg-gray-50 overflow-hidden">
<div class="container mx-auto px-4">
<div class="py-20 px-8 bg-white rounded-3xl">
<div class="pt-20 pb-32 md:pt-36 md:pb-64 max-w-7xl mx-auto">
<div class="md:max-w-md"><img class="mb-20" src="zanrly-assets/logos/zanrly-logo-small.svg" alt=""/>
<h3 class="font-heading text-2xl text-blue-500 font-black tracking-tight">404</h3>
<h2 class="font-heading mb-6 text-4xl md:text-5xl lg:text-6xl text-gray-900 font-black tracking-tight">Page not found</h2>
<p class="mb-6 text-gray-500 font-bold">We’re sorry, the page you requested could not be found. Please go back to the homepage</p>
<div class="flex flex-wrap -m-2">
<div class="w-full md:w-auto p-2"><a class="block w-full px-4 py-2.5 text-sm text-center text-white font-bold bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-200 rounded-full" href="#">Go back to Homepage</a></div>
<div class="w-full md:w-auto p-2"><a class="block w-full px-4 py-2.5 text-sm text-center text-gray-900 font-bold bg-gray-50 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 rounded-full" href="#">Try Again</a></div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
Zanrly
Component #1
Component #2
Component #3
Component #4
HTTP codes Components by Shuffle
Choose from 4 variations of Tailwind HTTP codes components. Presented here are variants available in Zanrly library.
Get access to all Tailwind HTTP codes components, code and our visual editor. Try the demo for free!
