<section class="pt-32 pb-36 bg-white overflow-hidden">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap -m-8">
<div class="w-full md:w-1/2 p-8">
<div class="flex flex-col justify-between h-full">
<div class="mb-8">
<h2 class="mb-6 text-16xl text-indigo-600 font-bold tracking-px-2n leading-none">404</h2>
<h3 class="mb-4 text-3xl font-bold font-heading leading-snug">Something is wrong!</h3>
<p class="text-lg text-gray-600 font-medium leading-normal md:max-w-md">The page you are looking for is not found! Try something else or go back to homepage.</p>
</div>
<div>
<a class="inline-flex items-center text-center font-semibold text-indigo-600 hover:text-indigo-700 leading-normal" href="#">
<svg class="mr-2.5" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.66667 12.6667L2 8.00004M2 8.00004L6.66667 3.33337M2 8.00004L14 8.00004" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Go Back to Homepage</span>
</a>
</div>
</div>
</div>
<div class="w-full md:w-1/2 p-8 self-end">
<img class="mx-auto transform hover:-translate-x-4 transition ease-in-out duration-1000" src="flaro-assets/images/http-codes/illustration.png" alt="">
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 101
- Application 103
- Banners 37
- Blog 122
- Call to action 189
- Cards 29
- Careers 28
- Contact 96
- Content 80
- Cookies 92
- Dashboards 13
- E-commerce (orders) 28
- E-commerce (products) 49
- FAQ 86
- Features 215
- Footers 123
- Forms 9
- Graphs 38
- HTTP codes 98
- Hero section 144
- How it works 121
- Logo clouds 150
- Modals 29
- Navbar 209
- Navigation (horizontal) 202
- Navigation (vertical) 7
- Newsletter 104
- Notifications 7
- Paginations 12
- Portfolio 87
- Pricing 119
- Projects 6
- Reviews 10
- Rich text 3
- Sign in / Sign up 155
- Snackbars 10
- Stats 144
- Tables 70
- Team 108
- Testimonials 139
- Users 17
Component #1
Address errors will happen, so it's a good idea to have a page prepared for the occasion. Here you will find examples of each type of error and information for Tailwind components HTTP codes.
Choose from many variations of the Tailwind components HTTP codes. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Tailwind website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Tailwind components HTTP codes, html, sass, pug files and our drag and drop editor to change them. Try the demo for free.
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
