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

{% block title %}Les Publications{% endblock %}

{% block content %}

         <!-- section -->
         <section>
            <div class="container d-flex flex-column">
               <!-- row -->
               <div class="row min-vh-100 justify-content-center align-items-center">
                  <!-- col -->
                  <div class="offset-lg-1 col-lg-10 py-8 py-xl-0">
                     <div class="mb-10 mb-xxl-0">
                        <!-- img -->
                        <a href="{{ path('app_home') }}"><img src="{{ asset('assets/images/logo/freshcart-logo.svg') }}" alt="" /></a>
                     </div>
                     <div class="row justify-content-center align-items-center">
                        <!-- content -->
                        <div class="col-md-6">
                           <div class="mb-6 mb-lg-0">
                              <h1>Quelque chose ne tourne pas rond...</h1>
                              <p class="mb-8">
                                 Nous ne trouvons pas la page que vous cherchez.
                                 <br />
                                 Contactez nous ou retournez à la page d'accueil.
                              </p>
                              <!-- btn -->
                              <a href="{{ path('app_contact') }}" class="btn btn-dark">
                                 Nous contacter
                                 <i class="feather-icon icon-arrow-right"></i>
                              </a>
                              <!-- btn -->
                              <a href="{{ path('app_home') }}" class="btn btn-primary ms-2">Revenir à l'accueil</a>
                           </div>
                        </div>
                        <div class="col-md-6">
                           <div>
                              <!-- img -->
                              <img src="{{ asset('assets/images/svg-graphics/error.svg') }}" alt="" class="img-fluid" />
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>

{% endblock %}