Skip to content

Instantly share code, notes, and snippets.

@talhasch

talhasch/404.html

Last active December 27, 2021 18:29
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save talhasch/66ff92811d6f03dab1a9b122d4340c2e to your computer and use it in GitHub Desktop.
Save talhasch/66ff92811d6f03dab1a9b122d4340c2e to your computer and use it in GitHub Desktop.
Download ZIP
404.html template
Raw
404.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>404 - Page Not Found</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background: #f9f9f9;
margin: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.wrapper {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
h1 {
color: #999999;
font-size: 160px;
font-weight: 300;
margin: 0;
}
p {
color: #cccccc;
font-size: 40px;
font-weight: 300;
margin: 0;
}
</style>
</head>
<body>
<div class="wrapper">
<h1>404</h1>
<p>Page Not Found</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment