-
-
Save Golit/97f4d6a3edb2b50776f7d0bb089a932c 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
| # BEGIN Server Maintenance | |
| <IfModule mod_rewrite.c> | |
| RewriteEngine On | |
| RewriteCond %{REMOTE_ADDR} !^203\.0\.113\.10 | |
| RewriteCond %{REQUEST_URI} !maintenance.html$ [NC] | |
| RewriteRule . /maintenance.html [L] | |
| </IfModule> | |
| # END Server Maintenance |
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> | |
| <meta charset="UTF-8"> | |
| <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; } | |
| } | |
| @media(max-width: 426px){ | |
| body{ padding: 20px; } | |
| } | |
| h1 { font-size: 50px; } | |
| article { display: block; text-align: left; max-width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> | |
| <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>— The Team</p> | |
| </div> | |
| </article> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This fork has some suggestions applied from the comments from the original gist.