Skip to content

Instantly share code, notes, and snippets.

@saetia
Created March 29, 2016 15:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save saetia/e589d0aee601e6eb8a37 to your computer and use it in GitHub Desktop.
Save saetia/e589d0aee601e6eb8a37 to your computer and use it in GitHub Desktop.
Errors
<!doctype html>
<html>
<title>400 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>we didn't understand the request</h2>
<p>(error code: 400)</p>
<!doctype html>
<html>
<title>403 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>we don't know who you are</h2>
<p>(error code: 403)</p>
<!doctype html>
<html>
<title>404 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>we couldn't find that page</h2>
<p>(error code: 404)</p>
<!doctype html>
<html>
<title>429 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>you're making too many requests</h2>
<p>(error code: 429)</p>
<!doctype html>
<html>
<title>500 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>sorry, something broke on our end</h2>
<h3>please try again in a minute</h3>
<p>(error code: 500)</p>
<!doctype html>
<html>
<title>502 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>sorry, something broke on our end</h2>
<h3>please try again in a minute</h3>
<p>(error code: 502)</p>
<!doctype html>
<html>
<title>503 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>all of our servers are busy right now</h2>
<h3>please try again in a minute</h3>
<p>(error code: 503)</p>
<!doctype html>
<html>
<title>504 Error</title>
<style>
body{text-align:center;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h2,h3{color:#555;font:bold 200%/100px sans-serif;margin:0}
h3,p{color:#777;font:normal 150% sans-serif}
p{font-size: 100%;font-style:italic;margin-top:2em;}
</style>
<h2>we took too long to make this page for you</h2>
<h3>try again and hopefully we will be fast enough this time</h3>
<p>(error code: 504)</p>
@openbakk
Copy link

Simple and functional, joel,
Thanks!
I will use it on my new website vkay.net

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment