<main class="container">
   <div class="row error-page align-items-center">
      <div class="error-page-content col-12 col-md-6">
        <h1>Server maintenance</h1>
        <p>The server is undergoing scheduled maintenance. Check back later.</p>
        <p class="error-page-home-link">
           <a class="btn btn-primary" href="#!">Go to homepage</a>
        </p>
      </div>
      <div class="error-page-image col-12 col-md-6">
         <img src="{path-to-image}/server_maintenance.svg" alt="Server maintenance illustration">
      </div>
   </div>
</main>