Maintenance Page

by Otobong Okoko

HTML

<!doctype>
<html>
<head>
  <title>Maintenance</title>
  <style>
    body {
      text-align: center;
      padding: 150px;
    }

    h1 {
      font-size: 50px;
    }

    body {
      font: 20px Helvetica, sans-serif;
      color: #fff;
      background: #64003f;
    }

    article {
      display: block;
      text-align: left;
      width: 650px;
      margin: 0 auto;
    }

    a {
      color: #dc8100;
      text-decoration: none;
    }

    a:hover {
      color: #fff;
      text-decoration: none;
    }

    .links {
      font-size: 15px;
      margin: 0 auto;
    }

    .message {
      font-size: 17px;
    }

  </style>
</head>

<body>
  <article>
    <h1>We&rsquo;ll be back soon!</h1>
    <div>
      <p class="message">Please be informed that all loan applications are suspended until 1:00pm on August 2, 2018. This is due to the maintenance of the BVN Validation Portal. We sincerely apologize for the inconvenience. You can reach us via email <a href="mailto:[email protected]">[email protected]</a>.</p>
      <p class="message">&mdash; Specta Team</p><br>
      <div class="links">
        <a href="https://www.myspecta.com/Home/faq">FAQ</a> | 
        <a href="https://www.myspecta.com/#features">Features</a> |         <a href="https://www.myspecta.com/Home/Specta365">Blog</a>
      </div>
    </div>
  </article>
</body>
</html>