Created
October 26, 2018 14:07
-
-
Save vagelisp/6e66060642787d5e8849154522b9c928 to your computer and use it in GitHub Desktop.
Responsive 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> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { | |
| text-align: center; | |
| padding: 150px; | |
| } | |
| 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: #F6D76D; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| color: #333; | |
| text-decoration: none; | |
| } | |
| small { | |
| font-size: 12px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| body { | |
| padding: 10px; | |
| } | |
| article { | |
| width: 100%; | |
| } | |
| } | |
| </style> | |
| <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 us</a>, otherwise we’ll be | |
| back online shortly!</p> | |
| <p>— Brand Name</p> | |
| <p>Contact info</p> | |
| </div> | |
| <small><a href="#">Copyright</a> Text</small> | |
| </article> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment