Skip to content

Instantly share code, notes, and snippets.

@CatEntangler
Last active February 19, 2016 02:22
Show Gist options
  • Save CatEntangler/dc686cdac8eb4d9c1b08 to your computer and use it in GitHub Desktop.
Save CatEntangler/dc686cdac8eb4d9c1b08 to your computer and use it in GitHub Desktop.
Maintenance Page Template
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>We're currently in maintenance</title>
<style>
#container {
width: 792px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10%; /* Get the container somewhat in the middle of the page */
padding: 34px 0 23px 0; /* this was for brand standards */
background: #000000 url('/path/to/background/image') 0 0 repeat no-repeat; /* Main image on the left */
}
#text {
display: inline;
float: right; /* Lets the maintenance text be on the right */
color: #FFCC00;
font-size: 1.3em;
text-align: center;
padding-right: 42px;
}
</style>
</head>
<body>
<div id="container">
<img src="/path/to/logo/file">
<p id="text">
<span id="maintenance-text">We're currently undergoing scheduled maintenance.</span><br /><span id="maintenance-text">Check back soon.</span>
</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment