Skip to content

Instantly share code, notes, and snippets.

@ttristan

ttristan/HTML Simple maintenance page.html

Last active April 6, 2020 01:32
Show Gist options
  • Save ttristan/e9cd8bc4d89ae6fadd00cfbfc522d4f8 to your computer and use it in GitHub Desktop.
Save ttristan/e9cd8bc4d89ae6fadd00cfbfc522d4f8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML Simple maintenance page.html
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Performing Maintenance</title>
<style type="text/css">
body {
text-align: center;
padding: 150px;
background-color: #e84c3d;
}
h1 {
font-size: 40px;
font-weight: 300
}
body {
font: 20px Roboto, sans-serif;
color: #fff;
font-weight: 300
}
#article {
display: block;
text-align: left;
width: 650px;
margin: 0 auto;
}
a {
color: #ddd;
text-decoration: none;
}
a:hover {
color: #eee;
text-decoration: none;
}
</style>
</head>
<body>
<div style="tex-align: center; font-size: 6rem"><i class="ti-ruler-pencil"></i></div>
<div id="article">
<h1>This tool is getting a little tune up and some love.</h1>
<div>
<p>We will be back up soon! &mdash; Salck: @...</p>
</div>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lykmapipo/themify-icons@0.1.2/css/themify-icons.css">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment