janikvonrotz
4/7/2014 - 6:46 AM

HTML maintenance template#HTML#CSS

HTML maintenance template#HTML#CSS

<!DOCTYPE html>
<html>
    <head>
        <title>Site is down for maintenance - [Client Name]</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
    		body{
    			text-align: center;
    			padding: 150px; 
    			font: 20px Helvetica, sans-serif;
    			color: #333;
    		}
    		h1{
    			font-size: 50px;
    		}
    		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>
        <article>
            <h1>Site is temporary unavailable.</h1>
            <p>We are currently performing scheduled maintenance. Site will back soon.</p>
            <p>We apologize for any inconvenience.</p>
            <!-- http://robspangler.com/blog/encrypt-mailto-links-to-stop-email-spam/ -->
            <p>&mdash; <a href="&#109;&#97;&#105;&#x6c;&#x74;&#111;&#x3a;&#x79;&#111;&#x75;&#114;&#x40;&#x6d;&#97;&#105;&#x6c;&#46;&#99;&#x68;">[Client Name]</a></p>
        </article>
    </body>
</html>