<section class="relative overflow-hidden">
<img class="hidden lg:block absolute top-0 right-0 w-1/2 h-full" src="saturn-assets/images/http-codes/image-yellow.png" alt="">
<div class="relative container px-4 mx-auto">
<img class="absolute top-0 left-0 ml-20 h-142" src="saturn-assets/images/http-codes/blue-orange-double-light.png" alt="">
<div class="relative py-20 md:py-24 lg:py-44 max-w-sm mx-auto lg:mx-0">
<h3 class="text-7xl font-semibold text-gray-900 mb-4">404</h3>
<h4 class="font-heading text-4xl font-bold text-gray-900 mb-6">Oops! Can't Find That Page</h4>
<p class="text-xl font-semibold text-gray-500 mb-14">Sorry, the page you are looking for doesn't exist or has been moved. Try searching our site:</p>
<a class="relative group inline-block py-3 px-5 text-center text-sm font-semibold text-orange-50 bg-orange-900 rounded-full overflow-hidden" href="#">
<div class="absolute top-0 right-full w-full h-full bg-gray-900 transform group-hover:translate-x-full group-hover:scale-102 transition duration-500"></div>
<span class="relative">Take me home</span>
</a>
</div>
</div>
<img class="lg:hidden w-full h-135 md:h-166 object-cover object-bottom" src="saturn-assets/images/http-codes/image-yellow.png" alt="">
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 111
- Application 113
- Banners 76
- Benefits 16
- Blog 143
- Brands 3
- Breadcrumbs 27
- Call to action 227
- Cards 43
- Careers 34
- Contact 117
- Content 90
- Cookies 104
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 65
- E-commerce (products) 101
- Empty state 4
- FAQ 103
- Features 263
- Footers 163
- Forms 9
- Graphs 58
- HTTP codes 119
- Hero section 184
- How it works 135
- Instagram photos 9
- Integrations 8
- Logo clouds 179
- Modals 35
- Navbar 212
- Navigation (horizontal) 241
- Navigation (vertical) 12
- Newsletter 138
- Notifications 11
- Paginations 16
- Portfolio 93
- Pricing 141
- Product info 5
- Projects 6
- Reviews 36
- Rich text 3
- Search 3
- Sign in / Sign up 201
- Snackbars 10
- Stats 173
- Steps 12
- Tables 91
- Tabs 2
- Team 122
- Testimonials 160
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
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.
