{% extends "layouts/base-fullscreen.html" %}

{% block title %} Error 500 {% endblock %} 

{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

    <main>
      <section class="vh-100 d-flex align-items-center justify-content-center">
        <div class="container">
          <div class="row align-items-center ">
            <div class="col-12 col-lg-5 order-2 order-lg-1 text-center text-lg-left">
              <h1 class="mt-5">Something has gone wrong</h1>
              <p class="lead my-4">Please try again later.</p>
            </div>
            <div class="col-12 col-lg-7 order-1 order-lg-2 text-center d-flex align-items-center justify-content-center">
              <img class="img-fluid w-75" src="{{ ASSETS_ROOT }}/img/illustrations/500.svg" alt="500 Server Error">
            </div>
          </div>
        </div>
      </section>
    </main>

{% endblock content %}

{% block javascripts %}{% endblock javascripts %}

