<main class="container">
   <div class="row error-page align-items-center">
      <div class="error-page-content col-12 col-md-6">
        <h1>Unexpected error</h1>
        <p>An error occurred while processing your request. Please try again 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}/unexpected_error.svg" alt="Server error illustration">
      </div>
   </div>
</main>