404 Error

In this example below you will see how to do a 404 Error with some HTML / CSS and Javascript

Inspired by the blank pages inside exam papers

Thumbnail
This awesome code was written by Zed Dash, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Zed Dash ©
  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>404 Error</title>
  
  
  
      <style>
      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      .text {
  font-family: 'Arial';
  font-size:36px;
  color:#7f8c8d;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
   width:100%;
}
    </style>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>

<body>

  <div class="text">
  <div>This page was</div>
  <div>not intentionally</div>
  <div>left blank, <i>possibly</i></div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://dev.finnthewebdesigner.com/pentitle.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/z-/404-error-jbvMqY */
.text {
  font-family: 'Arial';
  font-size:36px;
  color:#7f8c8d;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
   width:100%;
}

/*Downloaded from https://www.codeseek.co/z-/404-error-jbvMqY */
pentitle="404 - Exam Paper";

Comments