Skip to content

Instantly share code, notes, and snippets.

@3mm3ttm

3mm3ttm/not_found.html

Created April 16, 2026 20:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save 3mm3ttm/c5ab9df9aa019cad83428c21ce2ad3a7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save 3mm3ttm/c5ab9df9aa019cad83428c21ce2ad3a7 to your computer and use it in GitHub Desktop.
Download ZIP
a traditional not found page
Raw
not_found.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="nofollow">
<meta name="viewport" content="width=device-width, initial-size=1.0">
<title>Page Not Found</title>
<!-- The CSS stylesheet link can contain all types of styling, and applies to all elements. to single out elements, use "<element class="">"-->
<!-- remove the content on the next line if it does not apply to you. -->
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<!-- the JavaScript fuction link can contain all function definitions, and applies to all <script> elements. -->
<!-- remove the content on the next line if it does not apply to you. -->
<script src="/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- The HTML iframe element can contain HTML for any time you do not want to write a long HTML file every time you want to put in something that is on every page, in our case, a navigation bar. -->
<!-- remove the content on the next line if it does not apply to you. -->
<iframe src="/navbar.html"></iframe>
<h1>Error 404: Page Not Found</h1>
<hr style="border: 1px solid black;">
<p>The page you were looking for at <span id="link">{this URL}</span> could not be found.</p>
<p>maybe there was a typo?</p>
<script>
let link = document.getElementById("link");
let currentUrl = document.URL;
link.textContent = currentUrl
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment