templates/elements2024/footer.html.twig line 1

Open in your IDE?
  1. {% import 'elements2024/macros/buttons.html.twig' as buttons %}
  3. {% set settings = sulu_snippet_load_by_area('settings_area') %}
  5. <footer class="footer bg-green text-white overflow-hidden">
  6.     <div class="container">
  7.         <div class="flex items-center justify-center py-16">
  8.             <img class="w-48" src="{{asset('frontend2024/dist/img/logo.svg')}}" alt="Bernard Nicod">
  9.         </div>
  11.         {# Menus #}
  12.         <div class="grid md:grid-cols-2 gap-16 sm:gap-8 border-y border-light/20 py-16">
  13.             <div class="grid grid-cols-2 sm:grid-cols-3 gap-8">
  14.                 <div>
  15.                     <h3 class="h3">{{settings.content.menutitleOne}}</h3>
  17.                     <ul class="mt-8">
  18.             {% for item in sulu_navigation_root_flat('footerOne', 3) %}
  19.                             <li>
  20.                                 <a class="link-underline" href="{{ sulu_content_path(item.url) }}">{{ item.title }}</a>
  21.                             </li>
  22.                         {% endfor %}
  23.                     </ul>
  24.                 </div>
  26.                 <div>
  27.                     <h3 class="h3">{{settings.content.menutitleTow}}</h3>
  29.                     <ul class="mt-8">
  30.             {% for item in sulu_navigation_root_flat('footerTow', 4) %}
  31.                             <li>
  32.                                 <a class="link-underline" href="{{ sulu_content_path(item.url) }}">{{ item.title }}</a>
  33.                             </li>
  34.                         {% endfor %}
  35.                     </ul>
  36.                 </div>
  38.                 <div>
  39.                     <h3 class="h3">{{settings.content.menutitleThree}}</h3>
  41.                     <ul class="mt-8">
  42.             {% for item in sulu_navigation_root_flat('footerThree', 4) %}
  43.                             <li>
  44.                                 <a class="link-underline" href="{{ sulu_content_path(item.url) }}">{{ item.title }}</a>
  45.                             </li>
  46.                         {% endfor %}
  47.                     </ul>
  48.                 </div>
  50.             </div>
  52.             <div>
  53.                 <h3 class="h3">{{ 'Contacts'|trans }}</h3>
  54.                 <div class="mt-8">
  55.                     <address class="not-italic">
  56.                         {{settings.content.address|raw}}
  57.                     </address>
  58.                     <div class="grid sm:grid-cols-2 gap-8 mt-8">
  59.                       {% include 'elements2024/contacts.html.twig' %}
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  65.         {# Form #}
  66.         <div class="grid xl:grid-cols-2 gap-16 xl:gap-8 border-y border-light/20 py-16">
  67.             <div class="max-w-xl">
  68.                 <h3 class="h3">À propos</h3>
  70.                 <div class="mt-8">{{settings.content.footerText|raw}}</div>
  71.             </div>
  73.             <div>
  74.                 <h3 class="h3">Newsletter</h3>
  75.                 <p class="mt-2">{{ 'Inscrivez-vous à notre newsletter'|trans }}</p>
  77.                 <form action="/newsletter/send" method="POST" class="relative contact-form-newsletter w-full mt-8" data-animated-submission>
  78.                   <div data-backend-errors="no"></div>
  79.                   <div class="flex max-sm:flex-col sm:items-center gap-8">
  80.                     {% include 'elements/form_animation.html.twig' with { background: 'green' } %}
  81.                       <div class="w-full">
  82.                           <input class="w-full h-11 border-b border-light outline-none" type="email" name="email" placeholder="Saisissez votre adresse mail" required>
  83.                           <div class="contact-form__error text-red mt-2 hidden">
  84.                               Email invalide ou déjà enregistré
  85.                           </div>
  86.                       </div>  
  87.   
  88.             <input type="hidden" name="g-recaptcha-response-newsl" id="g-recaptcha-response-newsl">
  89.             {% set date_denvoi = 'now'|date('d-m-Y H:i:s') %}  
  90.             <input type="hidden" name="date-envoi" value="{{ date_denvoi}}">  
  91.   
  92.                       <div>
  93.                           {{ buttons.btnRounded("S'inscrire", "btn__white w-full", "type=submit", true) }}
  94.                       </div>
  95.                     </div>
  96.                 </form>
  97.             </div>
  98.         </div>
  100.         <div class="grid xl:grid-cols-2 gap-8 max-sm:pb-32 py-16 max-sm:text-center text-sm sm:text-base whitespace-nowrap">
  101.             <div>
  102.                 © Bernard Nicod Groupe, {{ 'now' | date('Y') }} . Tous droits réservés.
  103.             </div>
  105.             <div class="flex max-sm:flex-col items-center justify-between gap-8">
  106.                 <ul class="flex max-sm:flex-col items-center gap-4">
  107.                     {% for item in sulu_navigation_root_flat('footerBottom', 4) %}
  108.                         <li>
  109.                             <a class="link-underline" href="{{ sulu_content_path(item.url) }}">{{ item.title }}</a>
  110.                         </li>
  111.                     {% endfor %}
  112.                 </ul>
  114.                 <div>
  115.                     Créé par
  116.                     <a class="link-underline" href="https://ewm.swiss" target="blank">EWM.swiss</a>
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </div>
  121. </footer>