Skip to content

Instantly share code, notes, and snippets.

@souhaiebtar

souhaiebtar/404.html

Created November 24, 2020 08:36
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 souhaiebtar/0319068c4f5f60286bc16cd249e93195 to your computer and use it in GitHub Desktop.
Save souhaiebtar/0319068c4f5f60286bc16cd249e93195 to your computer and use it in GitHub Desktop.
Download ZIP
[404.html] 404.html #html #redirect
Raw
404.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
margin: 0;
font: 400 15px/1.8 "Lato", sans-serif;
color: #777;
}
.bgimg {
position: relative;
opacity: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bgimg {
background-image: url("https://miro.medium.com/max/700/1*hFwwQAW45673VGKrMPE2qQ.png");
height: 100%;
}
.caption {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #000;
}
.caption span.border {
background-color: #111;
color: #fff;
padding: 18px;
font-size: 25px;
letter-spacing: 10px;
}
h3 {
letter-spacing: 5px;
text-transform: uppercase;
font: 20px "Lato", sans-serif;
color: #111;
}
</style>
</head>
<body>
<div class="bgimg">
<div class="caption">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment