-
-
Save lefuturiste/6684e6bc8350546af0e45e8668ee0c25 to your computer and use it in GitHub Desktop.
HTML: Simple Maintenance Page
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> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="robots" content="noindex, nofollow"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Site Maintenance</title> | |
<style> | |
body { text-align: center; display: flex; justify-content: center; align-items: center; padding: 15px;} | |
h1 { font-size: 50px; } | |
body { font: 20px Helvetica, sans-serif; color: #333; } | |
article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
a { color: #dc8100; text-decoration: none; } | |
a:hover { color: #333; text-decoration: none; } | |
</style> | |
</head> | |
<body> | |
<article> | |
<h1>We'll be back soon!</h1> | |
<div> | |
<p>Sorry for the inconvenience but we’re performing some maintenance at the moment. If you need to you can always <a href="mailto:contact@example.com">contact us</a>, otherwise we’ll be back online shortly!</p> | |
<p>— The web site administrator</p> | |
</div> | |
</article> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You can view this on js fiddle: https://jsfiddle.net/lefuturiste/dwyzywbf/