<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>
<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>
