proxymoron/404 Error page.markdown

## 404 Error page.markdown

      
    Raw
  

              404 Error page.markdown
            
          
    404 Error page

This is a very beautiful 404 page... We will working just with HTML!
Please, change the links in the code ;)
Forked from Sallai József's Pen 404 Error page.
A Pen by Kai Smith on CodePen.
License.

  
## index.html
<!doctype html>
<head>
	<meta charset="utf-8">

	<title>404</title>

	<meta name="description" content="">

	<meta name="author" content="">

	<meta name="viewport" content="width=device-width,initial-scale=1">

	<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Ubuntu' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="http://theloop.7loops.com/css/style.css">

	<link rel="stylesheet" href="http://theloop.7loops.com/css/blue.css">

	<script src="http://theloop.7loops.com/./js/jquery-1.6.2.min.js"></script>

	<script src="http://theloop.7loops.com/./js/script.js"></script>
</head>

<body>

	<div id="error-container">

		<div id="error">

			<div id="pacman"></div>
	</div>

		<div id="container">

			<div id="title">

				<h1>The page seem does not exist!</h1>

			</div>

			<div id="content">

				<div class="left">

					<p class="no-top">Possible causes:</p>

					<ul>

						<li>You wrote a corrupt URL adress</li>

						<li>We linked a corrupt URL adress</li>

						<li>The page is deleted</li>
			</ul>


					<div class="clearfix"></div>
				</div>

				<div class="right">

					<p class="no-top">Look at these:</p>

					<ul class="links">

						<li><a href="/">» Main page</a></li>

						<li><a href="#">» Page2</a></li>

						<li><a href="#">» Page3</a></li>


					</ul>

					<ul class="links">

						<li><a href="#">» Forum</a></li>

						<li><a href="#">» Blog</a></li>

						<li><a href="#">» Feedback!</a></li>
		</ul>
					<div class="clearfix"></div>

				</div>

				<div class="clearfix"></div>
			</div>
			<div id="footer">

			</div> </div> </div>
</body></html><div><span id="openstat2324925"></span><script type="text/javascript">var openstat = { counter: 2324925, next: openstat };(function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = "text/javascript";j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js";var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);})(document, "script", document.location.protocol);</script></div>
	<!doctype html>
	<head>
	<meta charset="utf-8">

	<title>404</title>

	<meta name="description" content="">

	<meta name="author" content="">

	<meta name="viewport" content="width=device-width,initial-scale=1">

	<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed\|Ubuntu' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="http://theloop.7loops.com/css/style.css">

	<link rel="stylesheet" href="http://theloop.7loops.com/css/blue.css">

	<script src="http://theloop.7loops.com/./js/jquery-1.6.2.min.js"></script>

	<script src="http://theloop.7loops.com/./js/script.js"></script>
	</head>

	<body>

	<div id="error-container">

	<div id="error">

	<div id="pacman"></div>
	</div>

	<div id="container">

	<div id="title">

	<h1>The page seem does not exist!</h1>

	</div>

	<div id="content">

	<div class="left">

	<p class="no-top">Possible causes:</p>

	<ul>

	<li>You wrote a corrupt URL adress</li>

	<li>We linked a corrupt URL adress</li>

	<li>The page is deleted</li>
	</ul>


	<div class="clearfix"></div>
	</div>

	<div class="right">

	<p class="no-top">Look at these:</p>

	<ul class="links">

	<li><a href="/">» Main page</a></li>

	<li><a href="#">» Page2</a></li>

	<li><a href="#">» Page3</a></li>




	</ul>

	<ul class="links">

	<li><a href="#">» Forum</a></li>

	<li><a href="#">» Blog</a></li>

	<li><a href="#">» Feedback!</a></li>
	</ul>
	<div class="clearfix"></div>

	</div>

	<div class="clearfix"></div>
	</div>
	<div id="footer">

	</div> </div> </div>
	</body></html><div><span id="openstat2324925"></span><script type="text/javascript">var openstat = { counter: 2324925, next: openstat };(function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = "text/javascript";j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js";var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);})(document, "script", document.location.protocol);</script></div>