404.html

<div class="container errorpage"><style type="text/css">
      
    ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    
    ::selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    
    .errorpage > input {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    
    .errorpage > h1 {
      margin: 0 10px;
      font-size: 50px;
      text-align: center;
    }
    
    .errorpage > h1 span {
      color: #bbb;
    }
    
    .errorpage > h3 {
      margin: 1.5em 0 0.5em;
    }
    
    .errorpage > p {
      margin: 1em 0;
    }
    
    .errorpage > ul {
      padding: 0 0 0 40px;
      margin: 1em 0;
    }
    
    .container.errorpage {
      max-width: 700px;
      _width: 700px;
      margin: 0 auto;
      padding: 100px 50px;
      font-size: 20px;
      line-height: 1.4;
      color: #737373;
      background: #f0f0f0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      border: 1px solid #b3b3b3;
      border-radius: 4px;
      margin: 0 auto;
      box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
      background: #fcfcfc;
    }
    </style><h1>Not found <span>:(</span></h1><p>Sorry, but the page you were trying to view does not exist.</p><p>It looks like this was the result of either:</p><ul><li>a mistyped address</li><li>an out-of-date link</li></ul><h2>You can go back to <a id="homepage" href="">Home page</a></h2><script>
      document.getElementById('homepage').href = location.protocol + "//" + location.host;
    </script><hr><div style="float:left;"><img src="assets/images/carre_logo.png" width="36" height="40" alt="CARRE"><div style="float:right">&nbsp;<a style="text-decoration: none;" href="https://www.carre-project.eu">CARRE Project</a> © 2015</div></div><p style="height:20px;"></p></div>