mniak/index.html

## index.html
<!doctype html>
<title>Site em manuten&ccedil;&atilde;o</title>
<style>
  body { text-align: center; padding: 150px; }
  h1 { font-size: 50px; }
  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>

<article>
    <h1>Site em Manuten&ccedil;&atilde;o!</h1>
    <div>
        <p>Perd&atilde;o pela inconveni&ecirc;ncia, mas estamos fazendo manuten&ccedil;&atilde;o no site neste momento. Logo estaremos de volta! Obrigado pela paci&ecirc;ncia.<!--<a href="mailto:#">contact us</a>--> </p>
        <p>&mdash; Andre Soares</p>
    </div>
</article>
	<!doctype html>
	<title>Site em manutenção</title>
	<style>
	body { text-align: center; padding: 150px; }
	h1 { font-size: 50px; }
	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>

	<article>
	<h1>Site em Manutenção!</h1>
	<div>
	<p>Perdão pela inconveniência, mas estamos fazendo manutenção no site neste momento. Logo estaremos de volta! Obrigado pela paciência.<!--<a href="mailto:#">contact us</a>--> </p>
	<p>— Andre Soares</p>
	</div>
	</article>