simple maintenance html code

Under construction/maintenance website templates helps you to retain customers when you are busy in revamping your website. Even some of the websites manage to get as many leads as possible before launching their site using the under construction page.

we all need some time to have a quick maintenance html code, below is the simple code usually i use it anywhere, enjoy :)

<!doctype html>
<title>Site Maintenance</title>
<style>
    body { text-align: center; padding: auto; }
    h1 { font-size: 2em;text-align: center }
    body { font: 20px Helvetica, sans-serif; color: #333; }
    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&rsquo;ll be back soon!</h1>
    <div>
        <p>Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment. If you need to you can always <a href="mailto:[email protected]">contact us</a>, otherwise we&rsquo;ll be back online shortly!</p>
        <p>&mdash; The Team</p>
    </div>
</article>

simple maintenance html code

Tags