404.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>404 Not Found - TaurusTech</title>
  <link rel="stylesheet" href="/css/styles.css" />
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
  <script src="/js/core.js" defer></script>
</head>
<body>
  <div class="container">
    <!-- Modular sections -->
    <header id="site-header"></header>
    <nav id="site-nav"></nav>

    <main>
      <h2 class="error-code">ERROR 404 :: Resource Not Located</h2>

      <p>Hmm, it looks like the digital pathway you requested leads to a dead end or an empty sector.</p>
      <p>
        The requested URL was not found on this server.
        <span class="blinking-cursor">_</span>
      </p>

      <p>Here are some ways to get back on track:</p>
      <ul style="list-style-type: none; padding-left: 0;">
        <li>🔹 Double-check the URL in your address bar.</li>
        <li>🔹 Go back to the <a href="/">TaurusTech Homepage</a>.</li>
        <li>🔹 Explore other sections:</li>
        <ul style="list-style-type: none; padding-left: 0;">
          <li>– <a href="/about.html">About Me</a></li>
          <li>– <a href="/projects.html">Projects</a></li>
          <li>– <a href="/portfolio/homelab.html">Home Lab Log</a></li>
        </ul>
      </ul>
    </main>

    <footer id="site-footer"></footer>
  </div>
</body>
</html>