404.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex">
  <title>Page not found — TM Hospitality Strategies</title>
  <base href="/Github-Pages-Demo-1/">
  <script>document.documentElement.setAttribute("data-theme","light");</script>
  <link rel="icon" type="image/png" sizes="48x48" href="assets/images/favicon-48.png">
  <link rel="preload" href="assets/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="assets/fonts/fraunces.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="css/tokens.css">
  <link rel="stylesheet" href="css/base.css">
  <style>
    body { min-height: 100vh; display: grid; place-items: center; background: var(--navy); color: #C9D3E6; text-align: center; padding: 24px; }
    .box { max-width: 460px; }
    .box h1 { color: #fff; font-size: 2.4rem; }
    .code { font: 600 .85rem var(--sans); letter-spacing: .14em; color: #86CCF8; text-transform: uppercase; }
    .logo { background: #fff; border-radius: 20px; padding: 16px; display: inline-block; margin-bottom: 24px; }
  </style>
</head>
<body>
  <main class="box">
    <div class="logo"><img src="assets/images/tmhs-logo.png" width="120" height="111" alt="TM Hospitality Strategies"></div>
    <p class="code">Error 404</p>
    <h1>This table isn't on the floor plan</h1>
    <p>The page you're looking for doesn't exist or has moved.</p>
    <p><a class="btn btn-light" href="./">Back to the homepage</a></p>
  </main>
</body>
</html>