templates/front/common/footer.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'menu' %}
  3. <footer class="w-100 float-left position-relative">
  4.     <div class="container-fluid">
  5.         <div class="row bg-brown-light pt-5 pb-5 commitments">
  6.             <div class="container">
  7.                 <div class="row mb-4">
  8.                     <div class="col-12 text-center">
  9.                         <span class="h1 dark">{{ 'footer.engagements'|trans }}</span>
  10.                     </div>
  11.                 </div>
  12.                 <div class="row">
  13.                     <div class="col-lg-6 offset-lg-3 col-12">
  14.                         <div class="row">
  15.                             <div class="col">
  16.                                 <span class="float-left text-center w-100"><i class="icon-label"></i></span>
  17.                                 <span class="float-left text-center w-100 mt-3">{{ 'footer.selection'|trans|raw }}</span>
  18.                             </div>
  19.                             <div class="col border-left border-right">
  20.                                 <span class="float-left text-center w-100"><i class="icon-avis-verifies"></i></span>
  21.                                 <span class="float-left text-center w-100 mt-3">{{ 'footer.opinion'|trans|raw }}</span>
  22.                             </div>
  23.                             <div class="col">
  24.                                 <span class="float-left text-center w-100"><i class="icon-paiement-securise"></i></span>
  25.                                 <span class="float-left text-center w-100 mt-3">{{ 'footer.payment'|trans|raw }}</span>
  26.                             </div>
  27.                         </div>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.         <div class="row bg-dark pt-5 pb-5 navigation white">
  33.             <div class="container">
  34.                 <div class="row">
  35.                     <div class="col-lg-8 offset-lg-2 col-12">
  36.                         <div class="row">
  37.                             <div class="col-12 col-md-4 d-block d-md-none">
  38.                                 <div class="row">
  39.                                     <div class="col-12">
  40.                                         <div class="row">
  41.                                             <div class="col-12 text-center">
  42.                                                 <span class="h2">{{ 'footer.social'|trans }}</span>
  43.                                             </div>
  44.                                         </div>
  45.                                         <div class="row mt-3">
  46.                                             <div class="col-12 d-flex justify-content-center">
  47.                                                 <ul class="social-networks">
  48.                                                     <li><a target="_blank" href="{{ 'links.facebook'|trans }}"
  49.                                                            title="{{ 'footer.facebook'|trans }}"><i
  50.                                                                     class="icon-Facebook"></i></a></li>
  51.                                                     <li class="ml-3"><a target="_blank"
  52.                                                                         href="{{ 'links.instagram'|trans }}"
  53.                                                                         title="{{ 'footer.instagram'|trans }}"><i
  54.                                                                     class="icon-instagram"></i></a></li>
  55.                                                 </ul>
  56.                                             </div>
  57.                                         </div>
  58.                                     </div>
  59.                                 </div>
  60.                                 <div class="row mt-4 newsletter">
  61.                                     <div class="col-12">
  62.                                         <div class="row">
  63.                                             <div class="col-12 text-center">
  64.                                                 <span class="h3">{{ 'footer.newsletter'|trans }}</span>
  65.                                             </div>
  66.                                         </div>
  67.                                         <div class="row mt-2 mb-5">
  68.                                             <div class="col-6 offset-3">
  69.                                                 <button data-toggle="modal"
  70.                                                         data-target="#newsletterModal"
  71.                                                         class="btn btn-maize pl-5 pr-5 form-control">{{ 'footer.subscribe'|trans }}</button>
  72.                                             </div>
  73.                                         </div>
  74.                                     </div>
  75.                                 </div>
  76.                             </div>
  78.                             <div class="col-12 col-md-4 experiences">
  79.                                 <ul>
  80.                                     <li><b>{{ 'experience.title'|trans }}</b></li>
  81.                                     {% if getTypologies() %}
  82.                                         {% for typology in getTypologies() %}
  83.                                             {# @var  typology \App\Entity\Typology #}
  84.                                             <li>
  85.                                                 <a href="{{ path('catalog',{'typology': typology.slug }) }}">{{ typology.label }}</a>
  86.                                             </li>
  87.                                         {% endfor %}
  88.                                         <li>
  89.                                             <a href="{{ path('catalog',{'typology': constant('App\\Constant\\SlugConstants::ALL_EXPERIENCES') }) }}">{{ 'experience.all'|trans }}</a>
  90.                                         </li>
  91.                                     {% endif %}
  92.                                 </ul>
  93.                             </div>
  94.                             <div class="col-12 col-md-4 pages mt-5 mt-md-0">
  95.                                 <ul>
  96.                                     <li><a href="{{ path('magazine') }}">{{ 'magazine'|trans }}</a></li>
  97.                                     <li><a href="{{ url('contact') }}">{{ 'contact'|trans }}</a></li>
  98.                                     {% if getPages() %}
  99.                                         {% for page in getPages() %}
  100.                                             {# @var page \App\Entity\Page  #}
  101.                                             <li><a href="{{ path('page',{'slug': page.slug  }) }}">{{ page.title }}</a>
  102.                                             </li>
  103.                                         {% endfor %}
  104.                                     {% endif %}
  105.                                 </ul>
  106.                             </div>
  107.                             <div class="col-12 col-md-4 d-none d-md-block">
  108.                                 <div class="row">
  109.                                     <div class="col-12">
  110.                                         <div class="row">
  111.                                             <div class="col-12">
  112.                                                 <span><b>{{ 'footer.social'|trans }}</b></span>
  113.                                             </div>
  114.                                         </div>
  115.                                         <div class="row mt-2">
  116.                                             <div class="col-12">
  117.                                                 <ul class="social-networks">
  118.                                                     <li><a target="_blank" href="{{ 'links.facebook'|trans }}"
  119.                                                            title="{{ 'footer.facebook'|trans }}"><i
  120.                                                                     class="icon-Facebook"></i></a></li>
  121.                                                     <li class="ml-3"><a target="_blank"
  122.                                                                         href="{{ 'links.instagram'|trans }}"
  123.                                                                         title="{{ 'footer.instagram'|trans }}"><i
  124.                                                                     class="icon-instagram"></i></a></li>
  125.                                                 </ul>
  126.                                             </div>
  127.                                         </div>
  128.                                     </div>
  129.                                 </div>
  130.                                 <div class="row mt-4 newsletter">
  131.                                     <div class="col-10">
  132.                                         <div class="row">
  133.                                             <div class="col-12">
  134.                                                 <span><b>{{ 'footer.newsletter'|trans }}</b></span>
  135.                                             </div>
  136.                                         </div>
  137.                                         <div class="row mt-2">
  138.                                             <div class="col-12">
  139.                                                 <button data-toggle="modal"
  140.                                                         data-target="#newsletterModal"
  141.                                                         class="btn btn-maize pl-5 pr-5 form-control">{{ 'footer.subscribe'|trans }}</button>
  142.                                             </div>
  143.                                         </div>
  144.                                     </div>
  145.                                 </div>
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.     </div>
  153. </footer>