Site Maintenance (https://git.io/viYjG)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Site Maintenance</title>
<style>
body { text-align: center; padding: 20px; font: 20px Helvetica, sans-serif; color: #333; }
@media (min-width: 768px){
body{ padding-top: 150px; }
}
main { display: block; text-align: left; max-width: 650px; margin: 0 auto; }
h1 { font-size: 50px; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
</head>
<body>
<main>
<h1>We’ll be back soon!</h1>
<p>Sorry for the inconvenience but we’re performing some maintenance at the moment. If you need to you can always <a href="mailto:support@example.com">contact us</a>, otherwise we’ll be back online shortly!</p>
<p>— Example Team</p>
</main>
</body>
</html>