{% extends 'index.twig' %}

{% block content %}
  <div class="container my-5">
    <div class="row align-items-center">
      <div class="col-6">
        <h1 class="display-1">{{ 'msgError404' | translate }}</h1>
        <p class="mb-4 mx-auto pb-2 lead">{{ 'msgError404Description' | translate }}</p>
        <a href="./" class="btn btn-lg btn-primary shadow-primary w-sm-auto w-100">
          <i class="bi bi-house me-2 ms-n1 lead"></i>
          {{ 'msgBack2Home' | translate }}
        </a>
      </div>
    </div>
  </div>
{% endblock %}
