Created
May 27, 2016 02:30
-
-
Save niksmac/ca1c9391182aa8f09fcee6f0f5597bb2 to your computer and use it in GitHub Desktop.
Simple HTML CSS site maintenance tempalte - responsive, CSS, Center middle
This file contains hidden or 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> | |
| <title>Site Maintenance</title> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link href='https://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'> | |
| <style> | |
| h1 { font-size: 50px; color: #d33682; font-weight: 900; line-height: 3.5rem} | |
| body { font: 20px 'Lato', sans-serif; text-align: center; color: #333; background-color: #fdf6e3; line-height: 1.8rem} | |
| article { display: block; text-align: left; width: 60%; margin: 0 auto; } | |
| a { color: #b58900; text-decoration: none;} | |
| a:visited { color: #cb4b16; text-decoration: none; } | |
| .centered { position: fixed; top: 45%; left: 50%; transform: translate(-50%, -50%); } | |
| </style> | |
| </head> | |
| <body> | |
| <article class="centered"> | |
| <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 us</a>, otherwise we’ll be back online shortly!</p> | |
| <p>— The Team</p> | |
| </div> | |
| </article> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment