{% extends 'light.html.twig' %}

{% block title %}Page non trouvée{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-lg-2 order-2 order-lg-1 bg-primary p-5 text-center d-none d-lg-block">
            <img src="{{ asset('images/Hextra-bg-transparent.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5">
        </div>
        <div id="first-login-form" class="col-12 col-lg-10 order-1 order-lg-2 p-5">
            <img src="{{ asset('images/Hextra.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5 d-block d-lg-none">
            <h1 class="h3 mb-3 font-weight-normal text-uppercase text-primary text-center fst-italic mt-md-5">404 page non trouvée</h1>
            <div class="row">
                <div class="col-12">
                    <p>Cette page n'existe pas :(</p>
                    <p><a href="/" class="btn btn-primary btn-fw">Retour à l'accueil</a></p>
                </div>
            </div>
        </div>
    </div>

{% endblock %}