index.html

<!doctype html>
<title>Scheduled Maintenance</title>
<meta charset="UTF-8">
<style>
  body { text-align: center; padding: 60px; width:70%; margin:0 auto; }
  h1 { font-size: 50px; }
  body { font: 20px Helvetica, sans-serif; color: #333; }
  article { display: block; text-align:center; margin:0 auto; }
  a { color: #dc8100; text-decoration: none; }
  a:hover { color: #333; text-decoration: none; }
  p {line-height: 1.4em;}
  small { font-size:14px;}
  img.logo {width:150px; height:32px;}
</style>

<article>
    <p><img src="maintenance.png"></p>
    <h1>Don't go bananas</h1>
    <div>
        <p>Everyday School is down for scheduled maintenance. We'll be back in a moment.</p>

        <p><img src="logo-green-150x32.png"></p>

        <p><small>Need to reach us? Drop us a line at <a href="mailto:team@everyday.school">team@everyday.school</a>.</small></p>


    </div>
</article>