JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<!doctype html>
<head>
  <title>Direct Certification Offline</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;
      margin: 0 auto;
      border: solid black 1px;
      border-radius: 5px;
      padding: 0 25px;
      background-color: palegoldenrod;
      width: 1000px;
    }
  </style>
</head>
<body>
  <article>
    <h1>
      The Direct Certification system is offline for end of program year maintenance.
    </h1>
    <div>
      <p>
        The system will be back online July 6<sup>th</sup>, 2017 with new data for the 2017&ndash;2018 school year.
      </p>
    </div>
  </article>
</body>