templates/commons/footer.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'footer' %}
  3. {% block footer %}
  4. <footer>
  5.     <div class="container-fluid">
  6.         <div class="newsletter {{ app.flashes('sendNewsletter') ? 'scrollToNewsletter' : '' }}">
  7.             <div class="row justify-content-around">
  8.                 <div class="col-xxl-5 col-xl-6">
  9.                     <p class="title-white little replaceStars">Tenez-vous informé·e de toute <em>l’actualité de noocarb </em></p>
  10.                 </div>
  11.                 <div class="col-xxl-5 col-xl-6 position-relative">
  12.                     {% for message in app.flashes('successNewsletter') %}
  13.                         <div class="alert alert-success">
  14.                             {{ message }}
  15.                         </div>
  16.                     {% endfor %}
  17.                     {% for message in app.flashes('errorsNewsletter') %}
  18.                         <div class="alert alert-danger">
  19.                             {{ message }}
  20.                         </div>
  21.                     {% endfor %}
  22.                     <p class="uppercase">Newsletter</p>
  23.                     <p class="text">Abonnez-vous à notre newsletter pour recevoir des actualités exclusives rédigées par nos experts noocarb !</p>
  24.                     <div id="errorsNewsletter" class="alert alert-danger d-none"></div>
  25.                     <input id="inputNewsletter" class="form-control" type="text" placeholder="&#xf003; Entrer votre e-mail" style="font-family: 'Font Awesome 5 Free';">
  26.                     <button id="buttonNewsletter" data-url="{{ path('app_newsletter') }}" class="button white">S'inscrire</button>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </div>
  31.     <div class="partners">
  32.         <div class="container">
  33.             <img src="{{ asset('build/images/logo-grdf.svg') }}" alt="GRDF" />
  34.             <img src="{{ asset('build/images/logo_auvergne-Rhone-alpes.svg') }}" alt="Région Rhône-Alpes" />
  35.             <img src="{{ asset('build/images/Logo Frenchtech 1.png') }}" alt="French Tech" />
  36.             <img src="{{ asset('build/images/logo_Bilan_carbon-white 1.png') }}" alt="Bilan Carbone" />
  37.             <img src="{{ asset('build/images/bio-gnv.png') }}" alt="Bio GNV" />
  38.             <img src="{{ asset('build/images/logo-pacte-industrie.svg') }}" alt="Bio GNV" />
  39.         </div>
  40.     </div>
  41.     <div class="footer">
  42.         <div class="container-fluid">
  43.             <div class="row row-gap-5">
  44.                 <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
  45.                     <p class="uppercase">Noocarb lyon</p>
  46.                     <p class="address">
  47.                         35, rue de Marseille<br/>
  48.                         69007 LYON<br/>
  49.                         <i class="fa-solid fa-phone"></i> 06 14 35 64 51<br/>
  50.                         <i class="fa-solid fa-envelope"></i> <span class="underline">
  51.                             <a href="{{"lyon@noocarb.com"|mailto(true)}}" target="_blank">{{"lyon@noocarb.com"|mailto}}</a>
  52.                         </span><br/>
  53.                         <i class="fa-regular fa-clock"></i> 08h00 - 20h00<br/>
  54.                         <a class="link-address" href="https://maps.app.goo.gl/kzLXPcBF5yMvrQmCA" target="_blank"><i class="fa-solid fa-location-dot"></i> Voir le plan d’accès</a>
  55.                     </p>
  56.                 </div>
  57.                 <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
  58.                     <p class="uppercase">Noocarb Nantes</p>
  59.                     <p class="address">
  60.                         61, Bd de la Prairie au Duc<br/>
  61.                         44200 NANTES<br/> 
  62.                         <i class="fa-solid fa-phone"></i> 06 95 47 85 17<br/>    
  63.                         <i class="fa-solid fa-envelope"></i> <span class="underline">
  64.                             <a href="{{"nantes@noocarb.com"|mailto(true)}}" target="_blank">{{"nantes@noocarb.com"|mailto}}</a>
  65.                         </span><br/>
  66.                         <i class="fa-regular fa-clock"></i> 08h00 - 20h00<br/>
  67.                         <a class="link-address" href="https://maps.app.goo.gl/yZyqWvGhHjiUrGSA6" target="_blank"><i class="fa-solid fa-location-dot"></i> Voir le plan d’accès</a>
  68.                     </p>
  69.                 </div>
  70.                 <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12">
  71.                     <p class="uppercase">NOOCARB PERPIGNAN</p>
  72.                     <p class="address">
  73.                         230 rue James WATT Bâtiment B<br/>
  74.                         66100 PERPIGNAN TECNOSUD<br/>
  75.                         <i class="fa-solid fa-phone"></i> 06 14 35 64 51<br/>
  76.                         <i class="fa-solid fa-envelope"></i> <span class="underline">
  77.                             <a href="{{"perpignan@noocarb.com"|mailto(true)}}" target="_blank">{{"perpignan@noocarb.com"|mailto}}</a>
  78.                         </span><br/>
  79.                         <i class="fa-regular fa-clock"></i> 08h00 - 20h00<br/>
  80.                         <a class="link-address" href="https://maps.app.goo.gl/JFPve343to9ifGM2A" target="_blank"><i class="fa-solid fa-location-dot"></i> Voir le plan d’accès</a>
  81.                     </p>
  82.                 </div>
  83.                 <div class="copyright">
  84.                     <div class="row">
  85.                         <div class="col-xxl-6">
  86.                             <p>Tous droits réservés © 2023. noocarb. Fait avec <i class="fa-solid fa-heart"></i> par l’agence <a href="" title="ASB Digital">ASB Digital</a> </p>
  87.                         </div>
  88.                         <div class="col-xxl-6 d-flex justify-content-xxl-end justify-content-xl-end">
  89.                             <a href="{{ path('app_legal_terms', {'_locale': 'fr'}) }}" title="Mentions légales">Mentions légales</a>
  90.                             <a href="{{ path('app_confidentiality', {'_locale': 'fr'}) }}" title="Confidentialité">Confidentialité</a>
  91.                             <a href="/sitemap" title="Plan du site">Plan du site</a>
  92.                             <div class="bloc-socials">
  93.                                 <a href="https://www.linkedin.com/company/noocarb/" class="socials" title="Linkedin" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  94.                                 <a href="https://www.youtube.com/@noocarb" class="socials" title="Youtube" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  95.                             </div>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102. </footer>
  104. {% endblock %}