404.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="color-scheme" content="only light">
  <meta name="Description"
    content="404 - Page Not Found on HTML Haus">
  <title>HTML Haus | 404 - Page Not Found</title>
  <link rel="icon" type="image/x-icon" href="img/favicon.ico">
  <link rel="stylesheet" type="text/css" href="css/sane.css">
  <link rel="stylesheet" type="text/css" href="css/styles.css">
  <!-- <base href="https://html.haus/"> -->
</head>

<body>
  <header>
    <nav>
      <a id="menu-title" href="index.html">HTML<img class="logo" src="img/house-with-tree.png"
          alt="House with tree icon"></a>
      <ul>
        <li><a href="learn.html">Learn</a></li>
        <li><a href="practice.html">Practice</a></li>
        <li><a href="reference.html">Reference</a></li>
        <li><a href="tools.html">Tools</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <h1>Resource Not Found (<span class="orange">404</span>)</h1>
    <p>Sorry, but the page you were trying to view does not exist.</p>
    <p>
      The server can not find the requested resource. In
      the browser, this means the URL is not recognized. In an API, this can also mean that the endpoint is valid but
      the resource itself does not exist. Servers may also send this response instead of 403 to hide the existence of a
      resource from an unauthorized client. This response code is probably the most famous one due to its frequent
      occurrence on the web. 
    </p>
    <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status">Read more about status codes.</a></p>
    <p>Are you looking for one of these pages instead?</p>
    <h2>Site Map</h2>
    <ul>
      <li><a href="learn.html">Learn</a>: a single page tutorial covering neophyte to intermediate HTML</li>
      <li><a href="practice.html">Practice</a>: with a memorization tool to help you remember all of the HTML elements</li>
      <li><a href="reference.html">Reference</a>: for broadly supported HTML elements with their syntax, sample code, and templates</li>
      <li><a href="tools.html">Tools</a>: to help you write better, faster, and stronger HTML</li>
      <li><a href="about.html">About</a>: the story behind HTML.Haus</li>
    </ul>
  </main>
  <footer>
    <a href="learn.html">Learn</a>
    <a href="practice.html">Practice</a>
    <a href="reference.html">Reference</a>
    <a href="tools.html">Tools</a>
    <a href="about.html">About</a>
    <a href="index.html"><img alt="House with tree icon" class="logo" src="img/house-with-tree.png"></a>
  </footer>
</body>

</html>