"Minimal and light weight 404 error page"
Bootstrap 3.3.0 Snippet by mrmccormack

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <br> <br> <br> <br> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <div class="panel panel-danger"> <div class="panel-heading"> <h3 class="text-center"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> Oops: <small>Page not found - <b>404 error</b></small> </h3> </div> <div class="panel-body"> <p>The page you are looking for might have been removed, had its name changed, or is temporarily unavailable. Please try the following:</p> <ul class="list-group"> <li class="list-group-item">Make sure that the Web site address displayed in the address bar of your browser is spelled and formatted correctly.</li> <li class="list-group-item">If you reached this page by clicking a link, <a href="#"><b>contact us</b></a> to alert us that the link is incorrectly formatted.</li> <li class="list-group-item">Forget that this ever happened, and go <a href="/">our <b>Home</b> page</a> :)</li> </ul> </div> </div> </div> <div class="col-md-2"> </div> </div> <p>JOKE: <a href="http://www.popwebdesign.net/junk.html"target="_blank">Funny 404 page.</a></p> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2FeNAXy" target="_blank"> <small>HTML</small><sup>5</sup> </a> </div>

Related: See More


Questions / Comments: