A simple HTML template for displaying site under maintenance. Use this to quickly show a nice message which says “We apologize for the inconvenience, but we’re performing some maintenance.” with a contact email.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <title>Performing Maintenance</title> <style type="text/css"> body { text-align: center; padding: 150px; } h1 { font-size: 40px; } 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> <div id="article"> <h1>Our site is getting a little tune up and some love.</h1> <div> <p>We apologize for the inconvenience, but we're performing some maintenance. You can still contact us at <a href="mailto:[email protected]">[email protected]</a>. We'll be back up soon!</p> <p>— Coding is Love</p> </div> </div> </body> </html>
Cheers and Credits to Mackey Creative Lab for coding this!
Latest posts by Ranjith kumar (see all)
- CSS shape-outside example to wrap text around image - January 7, 2021
- Behind the sun! Pure CSS Animation - January 5, 2021
- Unable to format code in VSCode on MacOS using shortcut (solved) - January 4, 2021
Sorry to report this, but there is a spelling error in the picture on https://codingislove.com/http-requests-excel-vba/
where you have coingislove.com instead of your actual site name.
Thanks for reporting Warren. Fixed it now 🙂
Its quite good