<section class="py-14 2xl:pt-14 2xl:pb-32 bg-gray-50 overflow-hidden">
<div class="relative container px-4 mx-auto">
<img class="absolute left-0 -bottom-6 xl:-left-10 md:bottom-24 z-30 w-28 md:w-auto" src="uinel-assets/images/http-codes/cursor-orange.svg" alt="">
<img class="absolute right-0 xl:-right-12 top-0 md:top-96 z-30 w-24 md:w-auto" src="uinel-assets/images/http-codes/cursor-blue.svg" alt="">
<img class="absolute md:left-24 -top-16 z-10" src="uinel-assets/images/http-codes/elipse-purple.svg" alt="">
<img class="absolute -left-16 top-12 md:-top-5" src="uinel-assets/images/http-codes/elipse-yellow.svg" alt="">
<div class="relative text-center py-12 md:py-24 px-4 2xl:pt-36 2xl:pb-60 bg-white rounded-7xl z-20">
<div class="relative z-40">
<span class="block mb-9 uppercase tracking-widest text-xs text-gray-300">Can't find</span>
<h2 class="mb-6 font-medium font-heading text-9xl md:text-10xl xl:text-smxl leading-tight">404</h2>
<p class="max-w-md mb-20 xl:mb-24 mx-auto font-heading font-medium text-3xl leading-10">Wooops. We can’t find that page or something has gone wrong.</p>
<a class="inline-flex items-center pb-2 font-bold tracking-tight text-xl leading-6 text-green-600 hover:text-green-700 border-b border-green-600 hover:border-green-700" href="#">
<span class="mr-3">Back to home</span>
<svg width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.8 1L15 7H1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11 12L15 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
Uinel
Components
- Application 5
- Banner 10
- Blog 5
- Call to action 5
- Contact 5
- Content 5
- Cookies 10
- E-commerce (orders) 14
- E-commerce (products) 25
- FAQ 5
- Features 10
- Footers 10
- Graphs 10
- HTTP codes 5
- Headers 10
- How it works 5
- Logo clouds 11
- Navbar 16
- Navigation (horizontal) 15
- Newsletter 15
- Portfolio 5
- Pricing 6
- Reviews 5
- Sign in / Sign up 5
- Stats 38
- Tables 22
- Team 8
Uinel UI Components by Shuffle
Choose from 285 of ready-made UI components available in Shuffle Editor.
By subscribing to the editor, you get access to all of them.
The UI libraries are available in four frameworks - Tailwind CSS, Bootstrap, Bulma, and Material-UI (React). We divided them into components, under which there is clear code. In Shuffle Editor, you can build whole templates from them, editing styles, texts, images, and other features. You can also export them as code and work in your favorite IDE.
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
