FoodLoop-Web/src/app/pages/500.component.html

<div class="app flex-row align-items-center">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-6">
        <div class="clearfix">
          <h1 class="float-left display-3 mr-4">500</h1>
          <h4 class="pt-3">Houston, we have a problem!</h4>
          <p class="text-muted">Server connection unavailable.</p>
        </div>
        <span class="input-group-btn">
          <button class="btn btn-primary btn-lg" type="button"(click)="goBack()">Go Back</button>
        </span>
      </div>
    </div>
  </div>
</div>