{% extends 'base.html' %}
{% load static i18n %}

{% block main_css %}
  <link rel="stylesheet" href="{% static 'simpelmin/css/main.bundle.css' %}">
{% endblock main_css %}

{% block extra_css %}
  <style></style>
{% endblock extra_css %}

{% block extrahead %}
  {% include 'meta_tags.html' %}
  {{ block.super }}
{% endblock %}

{% block bodyclass %}bg-soft{% endblock %}

{% block outter_wrapper %}
<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">{% block error_title %}{% endblock error_title %}</h1>
                  <p class="lead my-4">{% block error_description %}{% endblock error_description %}</p>
                  <a href="{{ site_root }}" class="btn btn-gray-800 d-inline-flex align-items-center justify-content-center mb-4">
                      <i class="mdi mdi-18px mdi-arrow-left"></i>{% trans "Back to homepage" %}
                  </a>
              </div>
              <div class="col-12 col-lg-7 order-1 order-lg-2 text-center d-flex align-items-center justify-content-center">
                  {% block error_image %}{% endblock error_image %}
              </div>
          </div>
      </div>
  </section>
</main>
{% endblock outter_wrapper %}
