{% load static %}

<!doctype HTML>
<html>
  <head>
    <meta charset="UTF-8"/>
    <title>COF ENS - Page non trouvée / Page not found</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0; minimum-scale=1.0;">
    <link rel="stylesheet" type="text/css" href="{% static "fonts/SourceSansPro/sourceSansPro.css" %}"/>
    <style type="text/css">
      html, body, h1, h2 {
        margin:0;
        padding:0;
        font-family: "Source Sans pro", sans-serif;
      }
      body {
        text-align:center;
        font-size: 4vh;
      }
      h1 {
        font-size:30vh;
        color:white;
        background:#5B0012;
        padding-top:1vh;
      }
      h2 {
        font-size:5vh;
        color:white;
        background: #90001C;
        padding-top: 1vh;
        padding-bottom: 1vh;
      }
      a {
        text-decoration: none;
        font-weight: bold;
        color: #90001C;
      }
      section {
        display: inline-block;
        margin: auto;
        text-align: left;
        padding: 10px;
      }
      .en {
        font-size: 0.8em;
        font-style: italic;
        display: inline-block;
        margin: 0 20px;
      }
    </style>
  </head>

  <body>
    <h1>404</h1>
    <h2>Page non trouvée <span class="en">Page not found</span></h2>
    <section>
      <p>&rarr; retourner sur le <a href="https://cof.ens.fr/">site du COF</a>
      <span class="en">back to the <a href="https://cof.ens.fr/">COF's website</a></span></p>
      <p>&rarr; retourner sur <a href="https://cof.ens.fr/gestion">GestioCOF</a>
      <span class="en">back to <a href="https://cof.ens.fr/gestion">GestioCOF</a></span></p>
      <p>&rarr; retourner sur le <a href="https://cof.ens.fr/k-fet">site de la K-Fêt</a>
      <span class="en">back to the <a href="https://cof.ens.fr/k-fet">K-Fêt's website</a></span></p>
    </section>
  </body>
</html>
