error.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Page not found | MiddleSystems</title>
  <link rel="stylesheet" href="/styles.css">
  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" href="/favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
</head>
<body>
  <header class="site-header">
    <div class="wrap">
      <a class="brand" href="/index.html"><svg class="brand-icon" viewBox="0 0 200 200" aria-hidden="true"><circle cx="60" cy="100" r="30" fill="#0C447C"/><path d="M179,100 A34,34 0 1,0 111,100 A34,34 0 1,0 179,100 Z M163,100 A18,18 0 1,1 127,100 A18,18 0 1,1 163,100 Z" fill-rule="evenodd" fill="#0C447C"/><rect x="84" y="95" width="61" height="10" rx="5" fill="#378ADD"/><circle cx="145" cy="100" r="7" fill="#378ADD"/></svg>Middle<span>Systems</span></a>
      <nav class="nav" aria-label="Main">
        <a href="/index.html">Home</a>
        <a href="/products.html">Products</a>
        <a href="/about.html">About</a>
        <a href="/contact.html">Contact</a>
      </nav>
    </div>
  </header>
  <main>
    <section class="hero small">
      <div class="wrap">
        <p class="eyebrow">404</p>
        <h1>That page doesn't exist.</h1>
        <p class="lead">The link may be broken or the page may have moved.</p>
        <a class="btn btn-light" href="/index.html">Back to home</a>
      </div>
    </section>
  </main>
</body>
</html>