---
title: Basic 404 Page
category: Marketing
paid: false
isActive: true
ltr: {"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-gray-800 text-4xl font-semibold sm:text-5xl\">\n                        Page not found\n                    </h3>\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                    <a href=\"javascript:void(0)\" className=\"text-indigo-600 duration-150 hover:text-indigo-400 font-medium inline-flex items-center gap-x-1\">\n                        Go back\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" className=\"w-5 h-5\">\n                            <path fillRule=\"evenodd\" d=\"M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z\" clipRule=\"evenodd\" />\n                        </svg>\n                    </a>\n                </div>\n            </div>\n        </main>\n    )\n}","label":"App.jsx"}],"jsxCss":[]},"vue":{"vueCss":[],"vueTail":[{"label":"App.vue","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-gray-800 text-4xl font-semibold sm:text-5xl\">\n              Page not found\n          </h3>\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          <a href=\"javascript:void(0)\" class=\"text-indigo-600 duration-150 hover:text-indigo-400 font-medium inline-flex items-center gap-x-1\">\n              Go back\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5\">\n                  <path fillRule=\"evenodd\" d=\"M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z\" clipRule=\"evenodd\" />\n              </svg>\n          </a>\n      </div>\n  </div>\n</main>"}]},"svelte":{"svelteTail":[{"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-gray-800 text-4xl font-semibold sm:text-5xl\">\n              Page not found\n          </h3>\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          <a href=\"javascript:void(0)\" class=\"text-indigo-600 duration-150 hover:text-indigo-400 font-medium inline-flex items-center gap-x-1\">\n              Go back\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5\">\n                  <path fillRule=\"evenodd\" d=\"M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z\" clipRule=\"evenodd\" />\n              </svg>\n          </a>\n      </div>\n  </div>\n</main>","label":"App.svelte"}]},"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-gray-800 text-4xl font-semibold sm:text-5xl\">\n              Page not found\n          </h3>\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          <a href=\"javascript:void(0)\" class=\"text-indigo-600 duration-150 hover:text-indigo-400 font-medium inline-flex items-center gap-x-1\">\n              Go back\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5\">\n                  <path fillRule=\"evenodd\" d=\"M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z\" clipRule=\"evenodd\" />\n              </svg>\n          </a>\n      </div>\n  </div>\n</main>","label":"index.html"}]},"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-gray-800 text-4xl font-semibold sm:text-5xl\">\n                        Page not found\n                    </h3>\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                    <a href=\"javascript:void(0)\" className=\"text-indigo-600 duration-150 hover:text-indigo-400 font-medium inline-flex items-center gap-x-1\">\n                        Go back\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" className=\"w-5 h-5\">\n                            <path fillRule=\"evenodd\" d=\"M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z\" clipRule=\"evenodd\" />\n                        </svg>\n                    </a>\n                </div>\n            </div>\n        </main>\n    )\n}"}
slug: /404-pages
id: c81853f1-a1ad-4710-ba66-f1893ab05a18
created_at: 1671312682422
---

<FUIBasic404Page />