404 page template

Minimal 404-page template for tailwind css

This tailwind example is contributed by TailwindFlex, on 07-Jan-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are 404 pages,Not found

404 Page

Author TailwindFlex

Tailwind v3.4 13.3k 14

Fork Fullscreen

<div class='flex items-center justify-center w-full min-h-[70vh] text-gray-900 my-12 px-4'>
    <div class='flex flex-col items-center w-full gap-8'>
        <h1 class='text-9xl md:text-16xl w-full select-none text-center font-black text-gray-400'>
            404
        </h1>
        <p class='text-3xl font-semibold text-center'>You have discovered a secret place</p>
        <p class='text-2xl md:px-12 text-center'>
            Unfortunately, this is only a 404 page. You may have
            mistyped the address, or the page has been moved to another URL.
        </p>
        <div class='flex flex-row justify-between gap-8'>
            <a href="#"
                class='flex justiy-center items-center px-5 py-2 text-xl rounded-md text-black border border-indigo-500 hover:bg-indigo-500 hover:text-white'>
                Previous Page
            </a>
            <a href="/"
                class='flex justiy-center items-center px-5 py-2 text-xl rounded-md text-black border border-green-500 hover:bg-green-500 hover:text-white'>
                Home Page
            </a>
        </div>
    </div>
</div>

Related Examples

404 Error Page
Minimal 404 for your project

TailwindFlex

4 years ago

22.8k
Minimal 404 page

Santos78

3 years ago

12.6k
Simple 404 page template

Livia Flores

3 years ago

14.7k
Minimal server error page template

Santos78

3 years ago

14.2k
Beautiful 404 page
404 page with background image

Nikolai

2 years ago

4.5k
404 Error card
Error card at the center

Shakti

3 years ago

10k
404 Page Example

Brandon D

4 years ago

13.4k
404 - Page Not Found
404 - Page Not Found

Tanvir Hasan Bappy (Tanvir)

8 months ago

485
3D. Éléments. HTML 404.
3D. Éléments. HTML 404.

Omer fils ELENGA

8 months ago

729
404 Error Page Example

Anonymous

1 year ago

2.6k
404 Not Found

Rajesh Maheshwari

1 year ago

2.2k
404 Page
The 404 Page is a responsive and customizable error page designed to inform users when they’ve reached a nonexistent or broken link. This component not only improves user experience but also provides a chance to showcase creativity and guide users back to the right path. Key Features: Fully responsive design that works on all devices. Engaging visuals (customizable images, icons, or animations). Includes a message like "Page Not Found" or "Oops! Something went wrong." Provides helpful navigation options such as a "Go Home" button or links to other pages. Easily customizable for themes, styles, and content.

Abhiraj

1 year ago

3.4k