{% extends "base.html" %}
{% load static %}
{% block content %}
    <div class="design-system-container">
        <div class="design-system-my-7w design-system-mt-md-12w design-system-mb-md-10w design-system-grid-row design-system-grid-row--gutters design-system-grid-row--middle design-system-grid-row--center">
            <div class="design-system-py-0 design-system-col-12 design-system-col-md-6">
                <h1>Page non trouvée</h1>
                <p class="design-system-text--sm design-system-mb-3w">Erreur 404</p>
                <p class="design-system-text--lead design-system-mb-3w">
                    La page que vous cherchez est introuvable. Veuillez nous excuser pour la gène occasionnée.
                </p>
                <p class="design-system-text--sm design-system-mb-5w">
                    Si vous avez tapé l’adresse web dans le navigateur, vérifiez qu’elle est correcte. La page n’est peut-être plus disponible.
                    <br />
                    Dans ce cas, pour continuer votre visite, vous pouvez consulter notre page d’accueil.
                </p>
                <ul class="design-system-btns-group design-system-btns-group--inline-md">
                    <li>
                        <a class="design-system-btn" href="/">Page d’accueil</a>
                    </li>
                </ul>
            </div>
            <div class="design-system-col-12 design-system-col-md-3 design-system-col-offset-md-1 design-system-px-6w design-system-px-md-0 design-system-py-0">
                <img src="{% static 'sites-faciles/artwork/technical-error.svg' %}"
                     class="design-system-responsive-img"
                     alt=""
                     width="300"
                     height="300" />
            </div>
        </div>
    </div>
{% endblock content %}
