Created
October 9, 2021 11:47
-
-
Save takumade/144ba86aad93e27226d8c7c2cbb3c4d4 to your computer and use it in GitHub Desktop.
Simple 404, 500 template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en" > | |
<head> | |
<meta charset="UTF-8"> | |
<title>CodePen - Simple 404 Page</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:100,300'><link rel="stylesheet" href="./style.css"> | |
<style> | |
*{ | |
transition: all 0.6s; | |
} | |
html { | |
height: 100%; | |
} | |
body{ | |
font-family: 'Lato', sans-serif; | |
color: #888; | |
margin: 0; | |
} | |
#main{ | |
display: table; | |
width: 100%; | |
height: 100vh; | |
text-align: center; | |
} | |
.fof{ | |
display: table-cell; | |
vertical-align: middle; | |
} | |
.fof h1{ | |
font-size: 50px; | |
display: inline-block; | |
padding-right: 12px; | |
animation: type .5s alternate infinite; | |
} | |
.fof p{ | |
font-size: 30px; | |
padding-right: 12px; | |
animation: show .5s alternate infinite; | |
} | |
@keyframes type{ | |
} | |
@keyframes type{ | |
from{box-shadow: inset -3px 0px 0px #888;} | |
to{box-shadow: inset -3px 0px 0px transparent;} | |
} | |
</style> | |
</head> | |
<body> | |
<!-- partial:index.partial.html --> | |
<div id="main"> | |
<div class="fof"> | |
<h1>🎍 Site Under Maintainence 🎍 </h1> | |
<p>We will be back soon</p> | |
</div> | |
</div> | |
<!-- partial --> | |
<script src="./script.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment