Skip to content

Instantly share code, notes, and snippets.


magenx/error page

Created Apr 16, 2014
What would you like to do?
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
body {background:#eee;font-size:1em;line-height:1.3;font-family:arial,sans-serif;}
.error {position:relative;width:530px;margin:50px auto;padding:20px 40px;background:#fff;border:10px solid #e0e0e0;box-shadow:0 2px 8px -6px rgba(0,0,0,.2);border-radius:10px;text-align:center}
.error-logo {position:absolute;top:100px;left:100px;}
.error-title {margin:0;color:#aaa;font-size:2.25em;font-weight:normal;}
.error-problem-note {font-size:.85em;color:#555;}
.error-home-link {margin:18px 0 4px;font-weight:bold;}
.error-home-link a {color:#f60;}
.error-home-link a:hover {color:#000;text-decoration:none;}
.error-redirect-note {font-size:.75em;color:#aaa;}
<div class="error">
<h1 class="error-title">sorry, an error has occurred</h1>
<p class="error-problem-note">it looks like we have a problem - we are working to correct this as soon as possible and apologise for any inconvenience caused</p>
<!-- <div class="error-home-link"><a href="/" >return to the home page</a></div>
<div class="error-redirect-note">you will be automatically redirected after 10 seconds</div>-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.