404.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Not Found</title>
  <link rel="icon" type="image/png" href="assets/images/logo/fula-icon-green.png">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/footer.css">
  <style>
    .error-page {
      min-height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: var(--color-darker-bg);
      color: var(--color-text-white);
      padding: var(--spacing-3xl) 0;
    }
    .error-page__code {
      font-size: 8rem;
      font-weight: 800;
      color: var(--color-primary);
      line-height: 1;
      margin-bottom: var(--spacing-sm);
    }
    .error-page__title {
      font-size: var(--font-size-3xl);
      font-weight: 700;
      margin-bottom: var(--spacing-sm);
    }
    .error-page__text {
      font-size: var(--font-size-lg);
      color: var(--color-text-white-muted);
      margin-bottom: var(--spacing-lg);
    }
  </style>
</head>
<body>

  <header class="site-header">
    <div class="container">
      <button class="hamburger" aria-label="Toggle menu"><span class="hamburger__line"></span><span class="hamburger__line"></span><span class="hamburger__line"></span></button>
      <nav class="nav">
        <ul class="nav__list">
          <li class="nav__item"><a href="index.html" class="nav__link">Home</a></li>
          <li class="nav__item nav__item--has-dropdown">
            <a href="#" class="nav__link">Participate <span class="nav__arrow">&#9662;</span></a>
            <div class="nav__dropdown">
              <a href="use-apps/" class="nav__dropdown-link">Use Apps</a>
              <a href="fxfiles-mcp/" class="nav__dropdown-link">FxFiles MCP</a>
              <a href="fxblox-device/" class="nav__dropdown-link">FxBlox Device</a>
              <a href="build/" class="nav__dropdown-link">Build Apps</a>
              <a href="ipfs-ecosystem/" class="nav__dropdown-link">IPFS Ecosystem</a>
              <a href="live-map/" class="nav__dropdown-link">Live Map</a>
              <a href="https://cloud.fx.land/directory" class="nav__dropdown-link nav__dropdown-link--external" target="_blank" rel="noopener">Directory</a>
              <a href="https://cloud.fx.land/" class="nav__dropdown-link nav__dropdown-link--external" target="_blank" rel="noopener">Manage Cloud</a>
              <a href="https://cloud.fx.land/stats" class="nav__dropdown-link nav__dropdown-link--external" target="_blank" rel="noopener">Cloud User Stats</a>
              <a href="https://docs.fx.land/functionyard" class="nav__dropdown-link nav__dropdown-link--external" target="_blank" rel="noopener">Documentation</a>
              <a href="https://fulanetwork.github.io/" class="nav__dropdown-link nav__dropdown-link--external" target="_blank" rel="noopener">Fula Governance Association</a>
            </div>
          </li>
        </ul>
      </nav>
    </div>
  </header>

  <main>
    <section class="error-page">
      <div class="container">
        <div class="error-page__code">404</div>
        <h1 class="error-page__title">Page Not Found</h1>
        <p class="error-page__text">The page you're looking for doesn't exist or has been moved.</p>
        <a href="index.html" class="btn btn--primary btn--lg">Back to Home</a>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="site-footer">
    <div class="container">
      <div class="footer__grid">
        <div class="footer__brand">
          <p class="footer__tagline">FxBlox hardware and FxFiles apps &mdash; own your data, don&rsquo;t rent it.</p>
        </div>
        <div>
          <h4 class="footer__col-title">Navigation</h4>
          <div class="footer__links">
            <a href="index.html" class="footer__link">Home</a>
            <a href="live-map/" class="footer__link">Live Map</a>
          </div>
        </div>
        <div>
          <h4 class="footer__col-title">Products</h4>
          <div class="footer__links">
            <a href="use-apps/" class="footer__link">Use Apps</a>
            <a href="fxblox-device/" class="footer__link">FxBlox Device</a>
            <a href="ipfs-ecosystem/" class="footer__link">IPFS Ecosystem</a>
            <a href="build/" class="footer__link">Build Apps</a>
          </div>
        </div>
        <div>
          <h4 class="footer__col-title">Additional</h4>
          <div class="footer__links">
            <a href="https://docs.fx.land/functionyard" class="footer__link" target="_blank" rel="noopener">Documentation</a>
            <a href="https://fulanetwork.github.io/" class="footer__link" target="_blank" rel="noopener">Fula Governance Association</a>
            <a href="branding/" class="footer__link">Branding</a>
            <a href="privacy-policy/" class="footer__link">Privacy Policy</a>
            <a href="terms/" class="footer__link">Terms of Use</a>
          </div>
        </div>
      </div>

      <p class="footer__disclaimer">This website is operated by Fula Governance Association (FGA), an association organized under the laws of Switzerland. FGA operates this website, together with its domains and servers. FGA is responsible for the Fula network, the FULA token and its treasury, and FEC NFTs. Information on this website describing FxBlox storage hardware and the FxBlox and FxFiles apps refers to products originally developed by Functionland Inc. FGA has not assumed any liabilities, warranty, guarantee or product-support obligations of Functionland Inc. Nothing on this website is an offer to sell or a solicitation to buy any token, security or financial instrument, and nothing on it is investment, financial, tax or legal advice. For information about the Fula network, the FULA token, or available grants, visit fula.network.</p>

      <p class="footer__copyright">&copy; 2026 Fula Governance Association. All rights reserved.</p>
    </div>
  </footer>

  <script src="js/nav.js"></script>
  <script src="js/analytics.js"></script>
</body>
</html>