templates/FrontCommun/footer.html.twig line 1

Open in your IDE?
  1. {% if app.request.get('_route') == 'footer' %}
  2.     {% set agence = getAgence() %}
  3.     {% set reseauxSociaux = getReseauxSociaux() %}
  4.     <link href="{{ asset('assets-commun/css/bootstrap.css') }}" rel="stylesheet" type="text/css"/>
  5. {% endif %}
  7. <link href="{{ asset('assets-commun/css/footer-commun.css') }}" rel="stylesheet" type="text/css"/>
  8. <footer class="common-footer">
  9.     <!--newsletter-->
  11.     <div class="newsletter bg-blue">
  13.         <div class="container">
  14.             <div class="row {% if not is_mobile() %}d-flex {% endif %} align-items-center">
  15.                 <div class="col-12 col-sm-12 col-lg-7 col-md-12">
  16.                     <h2 class="newsletter__title">{{"Newsletters"|trans }}</h2>
  17.                     <p class="text-newsletter">
  18.                         {{"Inscrivez-vous à notre liste de diffusion pour obtenir les dernières mises à jour et offres"|trans }}
  19.                     </p>
  20.                 </div>
  21.                 <div class="col-12 col-sm-12 col-lg-5 col-md-12">
  22.                     <form class="form-inline newsletter__form" id="newsletter">
  23.                         <div class="group-input input-email">
  24.                             <input type="email" required name="email" class="form-control"
  25.                                    placeholder="{{"Entrez votre adresse email"|trans }}">
  27.                             <button type="submit" class="btn "><i class="fa fa-spinner fa-spin hidden"
  28.                                                                        id="load-newsletter"></i>{{"S'INSCRIRE"|trans }}
  29.                             </button>
  32.                         </div>
  33.                     </form>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>
  40.     <div class="container ">
  41.         <div class="row footer-bottom">
  42.             <div class="col-md-4">
  43.                 <div class="logo">
  44.                     <img src="{{ domaineBack() ~ '/' ~ agence.logo }}" class="logo" alt="{{ agence.nom }}">
  45.                 </div>
  46.                 <div class="widget-body">
  47.                     <p class="grey-text">
  50.                         {% for article in ArticlesElement().desktop %}
  51.                             {% if article.code=="slogan" %}
  52.                                 {% for ele in article.elements %}
  53.                                     {{ ele.texte|raw }}
  54.                                 {% endfor %}
  55.                             {% endif %}
  56.                         {% endfor %}
  59.                     </p>
  60.                 </div>
  61.             </div>
  62.             <div class="col-md-4">
  63.                 <div class="widget-footer">
  64.                     <h5 class="widget-title">{{"Contact"|trans }}</h5>
  65.                     <ul class="list-unstyled">
  67.                         <li class="d-flex align-items-center">
  68.                             <img src="{{ asset('assets-commun/images/icons/phone-footer.svg') }}" class="icon-contact"
  69.                                  alt=".">
  70.                             {{ getAgence().prefixTel }}  {{ getAgence().tel1 }}
  71.                         </li>
  72.                         <li class="d-flex align-items-center">
  74.                             <img src="{{ asset('assets-commun/images/icons/mail-footer.svg') }}" class="icon-contact"
  75.                                  alt=".">
  76.                             {{ getAgence().contactEmail }}
  77.                         </li>
  78.                         <li class="d-flex align-items-center">
  79.                             <img src="{{ asset('assets-commun/images/icons/map-footer.svg') }}" class="icon-contact"
  80.                                  alt=".">{{ getAgence().adresse }}
  81.                         </li>
  83.                     </ul>
  84.                 </div>
  85.                 {% if reseauxSociaux and reseauxSociaux.facebook and reseauxSociaux.instagram and reseauxSociaux.twitter and reseauxSociaux.youtube is not null %}
  86.                     <div class="widget-footer">
  87.                         <h5 class="widget-title">{{"Suivez-nous"|trans }}</h5>
  88.                         <ul class="social">
  91.                             {% if reseauxSociaux and reseauxSociaux.facebook  is not null %}
  92.                                 <li>
  93.                                     <a class="fb-ft" href="{{ reseauxSociaux.facebook }}">
  94.                                         <img src="{{ asset('assets-commun/images/icons/fb-footer.svg') }}"
  95.                                              class="social-svg" alt="">
  96.                                     </a>
  98.                                 </li>
  99.                             {% endif %}
  100.                             {% if reseauxSociaux and reseauxSociaux.instagram  is not null %}
  101.                                 <li>
  102.                                     <a class="link-ft" href="{{ reseauxSociaux.instagram }}">
  103.                                         <img src="{{ asset('assets-commun/images/icons/insta-footer.svg') }}"
  104.                                              class="social-svg" alt="">
  105.                                     </a>
  106.                                 </li>
  107.                             {% endif %}
  108.                             {% if reseauxSociaux and reseauxSociaux.twitter  is not null %}
  109.                                 <li>
  110.                                     <a class="twit-ft" href="{{ reseauxSociaux.twitter }}">
  111.                                         <img src="{{ asset('assets-commun/images/icons/twit-footer.svg') }}"
  112.                                              class="social-svg" alt="">
  113.                                     </a>
  114.                                 </li>
  115.                             {% endif %}
  116.                             {% if reseauxSociaux and reseauxSociaux.youtube  is not null %}
  117.                                 <li>
  118.                                     <a class="youtube-ft" href="{{ reseauxSociaux.youtube }}">
  119.                                         <img src="{{ asset('assets-commun/images/icons/youtube-footer.svg') }}"
  120.                                              class="social-svg" alt="">
  121.                                     </a>
  122.                                 </li>
  123.                             {% endif %}
  124.                         </ul>
  125.                     </div>
  126.                 {% endif %}
  127.             </div>
  129.             {% for utile in getlienUtils() %}
  130.             <div class="col-md-4">
  135.                     <div class="widget-footer mb-2">
  136.                         <h5 class="widget-title">{{ utile.titre }}</h5>
  137.                         <ul class="list-unstyled">
  138.                             {% for ele in utile.elements %}
  139.                                 <li><a class="grey-text itene-btn" href="{{ ele.url }}">{{ ele.titre }}</a></li>
  140.                             {% endfor %}
  142.                         </ul>
  143.                     </div>
  147.             </div>
  148.             {% endfor %}
  151.             {#{% for utile in ArticlesElement().desktop %}
  152.                 {% if utile.titre=="PAYMENTS" %}
  153.                     <div class="widget-footer">
  154.                         <h5 class="widget-title">{{ utile.titre }}</h5>
  155.                         <ul class="social">
  156.                             {% for ele in utile.elements %}
  157.                                 <li>
  158.                                     <img src=" {{ domaineBack() }}/{{ ele.photo }}" class="pay-icon-svg" alt=""
  159.                                          style="width: 160px">
  160.                                 </li>
  161.                             {% endfor %}
  162.                         </ul>
  163.                     </div>
  164.                 {% endif %}
  165.             {% endfor %}#}
  168.         </div>
  170.     </div>
  172.     <div class="footer-copyright">
  174.         <div class="row col-md-12 text-center">
  175.             <p>
  176.                 {{"Copyright"|trans }} © 2022 {{ agence.nom }}. {{"Designed by"|trans }} <a class="yellow-text" href="https://octasoft.com.tn/"
  177.                                                                   target="_blank">{{"Octasoft"|trans }} </a> {{"All rights reserved"|trans }} </p>
  178.         </div>
  179.     </div>
  182. </footer>