404.html

<!DOCTYPE html>
<html>
<head>
	<title>404 - file not found</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="style.css">
    <link href='http://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'>
	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script>
		function relocate(){window.location = "http://jkirchartz.github.com";}
		$(function(){
			setTimeout("relocate()",500);
		});
	</script>
</head>
<body>
    <div id="container">
	<h1>OMG what did you do!? you broke it!</h1>
	<p>Just kidding, this page doesn't exist because 404.</p>
	<p>Right now you have two options:
	<ol><li>Wait and Automatically be taken to the index.</li>
	<li><a href="/">Click Here to be taken to the index.</a></li>
	</ol> 
    </p>
</div>
</body>
</html>