404.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>No encontrado | Cluster311</title>
  <meta name="description" content="Pagina no encontrada.">
  <meta property="og:title" content="No encontrado | Cluster311">
  <meta property="og:description" content="Pagina no encontrada.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://cluster311.com/404">
  <meta property="og:locale" content="es_AR">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="canonical" href="https://cluster311.com/404">
  <link rel="alternate" hreflang="es" href="https://cluster311.com/404">
  <link rel="alternate" hreflang="en" href="https://cluster311.com/en/">
  <link rel="alternate" hreflang="x-default" href="https://cluster311.com/404">
  <link rel="stylesheet" href="/css/base.css">
</head>
<body>
  <a class="skip" href="#main">Saltar al contenido</a>
  <header class="site">
    <div class="wrap">
      <a class="brand" href="/">cluster311.com</a>
      <nav aria-label="Principal">
      <a href="/">inicio</a>
      <a href="/servicios/">servicios</a>
      <a href="/principios/">principios</a>
      <a href="/trabajo/">trabajo</a>
      <a href="/contacto/">contacto</a>
      </nav>
      <span class="lang"><a href="/en/" lang="en" hreflang="en">english</a></span>
    </div>
  </header>
  <main id="main" class="wrap">
    <section class="hero">
      <h1>404</h1>
      <p class="lede">Esa pagina no existe. / That page does not exist.</p>
    </section>
    <ul>
      <li><a href="/">inicio</a> / <a href="/en/">home</a></li>
    </ul>

  </main>
  <footer class="site">
    <div class="wrap">
      <span>Cluster311, Cordoba, Argentina. Software y datos desde 2003.</span>
      <a href="mailto:cluster311@gmail.com">cluster311@gmail.com</a>
    </div>
  </footer>
</body>
</html>