HTML simple page for maintenance index page
<!doctype html>
<title>Site Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
.container { display: block; text-align: left; width: 650px; margin: 0 auto; }
.font{font-family: 'Great Vibes', cursive;}
.LOGO{font-family: 'Libre Barcode 128 Text', cursive;}
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Barcode+128+Text" rel="stylesheet">
<div class='container'>
<h1 class="LOGO">WEBSITE TITLE<span> Desciption</span></h1>
<h1>We’ll be back soon!</h1>
<div class='font'>
<p>Sorry for the inconvenience but we’re performing some maintenance at the moment.
If you need to you can always <a href="mailto:team@email.com">contact us</a>
, otherwise repairs are in progress and we’ll be back online shortly!</p>
<p>— The Team</p>
</div>
</div>