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:admin@codingislove.com">admin@codingislove.com</a>. We'll be back up soon!</p>
<p>— Coding is Love</p>
</div>
</div>
</html>
Cheers and Credits to Mackey Creative Lab for coding this!