Skip to content

Instantly share code, notes, and snippets.

@0x4a
Created August 30, 2022 23:20
Show Gist options
  • Save 0x4a/1483a2ac11c84dd3ba59b722a772e7b2 to your computer and use it in GitHub Desktop.
Save 0x4a/1483a2ac11c84dd3ba59b722a772e7b2 to your computer and use it in GitHub Desktop.
simple 404 error page
<!DOCTYPE html>
<html lang="de" >
<head>
<meta charset="UTF-8">
<title>404 NOT FOUND</title>
<link rel="stylesheet" href="style.css">
<style>
@import url(https://fonts.googleapis.com/css?family=Asap&display=swap);
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #555;
font-family:'Asap', sans-serif;
overflow: hidden;
}
.center {
height: 400px;
width: 500px;
position: absolute;
top: calc(50% - 200px);
left: calc(50% - 250px);
text-align: center;
}
h1, p {
margin: 0;
padding: 0;
}
h1 {
font-size: 16rem;
color: #99CC33;
}
p {
font-size: 2rem;
color: #FF9900;
}
</style>
</head>
<body>
<div class="center">
<h1>404</h1>
<p>NOT FOUND.</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment