<!DOCTYPE html> <html>

<head>
  <meta charset="UTF-8">
  <title>Down for Maintenance</title>

  <style type="text/css">

    *{
      font-family: Arial, Helvetica, sans-serif;
    }

    body{
      margin: 0;
      background-color: #fff;
    }

    #page{
      position: relative;
      width: 550px;
      margin: 200px auto;
      padding: 75px 0;
      text-align: center;
      background-color: #eaeaea;
      border: solid 1px #ccc;
      border-top: solid 10px #666;
      -moz-box-shadow: inset 0 2px 10px #ccc;
      -webkit-box-shadow: inset 0 2px 10px #ccc;
      box-shadow: inset 0 2px 10px #ccc;
    }

    header, #body{
      width: 400px;
      margin: 0 auto;
    }

    h1{
      margin: 0;
      color: #CC3601;
      font-size: 26pt;
      border-bottom: solid 4px #666;
    }

    #reason{
      margin: 10px 0;
      color: #333;
    }

  </style>

</head>
<body>

  <section id="page">

    <header>
      <h1>Down for Maintenance</h1>
    </header>

    <section id="body">
      <div>
        {{ reason }}
      </div>
    </section>

  </section>

</body>

</html>