---
title: Centered 404 Page with tow links
category: Marketing
paid: false
isActive: true
ltr: {"preview":"function App() {\n    return (\n        <main style={{height: \"680px\"}}>\n            <div className=\"max-w-screen-xl mx-auto px-4 flex items-center justify-start h-screen md:px-8\">\n                <div className=\"max-w-lg mx-auto space-y-3 text-center\">\n                    <h3 className=\"text-indigo-600 font-semibold\">\n                        404 Error\n                    </h3>\n                    <p className=\"text-gray-800 text-4xl font-semibold sm:text-5xl\">\n                        Page not found\n                    </p>\n                    <p className=\"text-gray-600\">\n                        Sorry, the page you are looking for could not be found or has been removed.\n                    </p>\n                    <div className=\"flex flex-wrap items-center justify-center gap-3\">\n                        <a href=\"javascript:void(0)\" className=\"block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg\">\n                            Go back\n                        </a>\n                        <a href=\"javascript:void(0)\" className=\"block py-2 px-4 text-gray-700 hover:bg-gray-50 font-medium duration-150 active:bg-gray-100 border rounded-lg\">\n                            Contact support\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </main>\n    )\n}","svelte":{"svelteTail":[{"label":"App.svelte","code":"<main>\n    <div class=\"max-w-screen-xl mx-auto px-4 flex items-center justify-start h-screen md:px-8\">\n        <div class=\"max-w-lg mx-auto space-y-3 text-center\">\n            <h3 class=\"text-indigo-600 font-semibold\">\n                404 Error\n            </h3>\n            <p class=\"text-gray-800 text-4xl font-semibold sm:text-5xl\">\n                Page not found\n            </p>\n            <p class=\"text-gray-600\">\n                Sorry, the page you are looking for could not be found or has been removed.\n            </p>\n            <div class=\"flex flex-wrap items-center justify-center gap-3\">\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg\">\n                    Go back\n                </a>\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-gray-700 hover:bg-gray-50 font-medium duration-150 active:bg-gray-100 border rounded-lg\">\n                    Contact support\n                </a>\n            </div>\n        </div>\n    </div>\n</main>"}]},"html":{"htmlTail":[{"code":"<main>\n    <div class=\"max-w-screen-xl mx-auto px-4 flex items-center justify-start h-screen md:px-8\">\n        <div class=\"max-w-lg mx-auto space-y-3 text-center\">\n            <h3 class=\"text-indigo-600 font-semibold\">\n                404 Error\n            </h3>\n            <p class=\"text-gray-800 text-4xl font-semibold sm:text-5xl\">\n                Page not found\n            </p>\n            <p class=\"text-gray-600\">\n                Sorry, the page you are looking for could not be found or has been removed.\n            </p>\n            <div class=\"flex flex-wrap items-center justify-center gap-3\">\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg\">\n                    Go back\n                </a>\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-gray-700 hover:bg-gray-50 font-medium duration-150 active:bg-gray-100 border rounded-lg\">\n                    Contact support\n                </a>\n            </div>\n        </div>\n    </div>\n</main>","label":"index.html"}]},"react":{"jsxTail":[{"code":"export default () => {\n    return (\n        <main>\n            <div className=\"max-w-screen-xl mx-auto px-4 flex items-center justify-start h-screen md:px-8\">\n                <div className=\"max-w-lg mx-auto space-y-3 text-center\">\n                    <h3 className=\"text-indigo-600 font-semibold\">\n                        404 Error\n                    </h3>\n                    <p className=\"text-gray-800 text-4xl font-semibold sm:text-5xl\">\n                        Page not found\n                    </p>\n                    <p className=\"text-gray-600\">\n                        Sorry, the page you are looking for could not be found or has been removed.\n                    </p>\n                    <div className=\"flex flex-wrap items-center justify-center gap-3\">\n                        <a href=\"javascript:void(0)\" className=\"block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg\">\n                            Go back\n                        </a>\n                        <a href=\"javascript:void(0)\" className=\"block py-2 px-4 text-gray-700 hover:bg-gray-50 font-medium duration-150 active:bg-gray-100 border rounded-lg\">\n                            Contact support\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </main>\n    )\n}","label":"App.jsx"}],"jsxCss":[]},"vue":{"vueCss":[],"vueTail":[{"label":"App.vue","code":"<template>\n  <main>\n    <div class=\"max-w-screen-xl mx-auto px-4 flex items-center justify-start h-screen md:px-8\">\n        <div class=\"max-w-lg mx-auto space-y-3 text-center\">\n            <h3 class=\"text-indigo-600 font-semibold\">\n                404 Error\n            </h3>\n            <p class=\"text-gray-800 text-4xl font-semibold sm:text-5xl\">\n                Page not found\n            </p>\n            <p class=\"text-gray-600\">\n                Sorry, the page you are looking for could not be found or has been removed.\n            </p>\n            <div class=\"flex flex-wrap items-center justify-center gap-3\">\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg\">\n                    Go back\n                </a>\n                <a href=\"javascript:void(0)\" class=\"block py-2 px-4 text-gray-700 hover:bg-gray-50 font-medium duration-150 active:bg-gray-100 border rounded-lg\">\n                    Contact support\n                </a>\n            </div>\n        </div>\n    </div>\n  </main>\n</template>"}]}}
slug: /404-pages
id: 8f531a46-007f-47d4-8f05-7b5bede66a5a
created_at: 1671312781490
---

<FUICentered404PageWithTowLinks />