templates/component/footer/footer_corporate.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: footer-corporate
  4.     title {string}: Titre
  5.     to {string}: Lien
  6.   
  7. #}
  9. {% set props = {
  10.   links:[{
  11.     title:"CGV",
  12.     to:"#"
  13.   },{
  14.     title:"Mentions légales",
  15.     to:"#"
  16.   },{
  17.     title:"RGPD",
  18.     to:"#"
  19.   },{
  20.     title:"Presse",
  21.     to:"#"
  22.   },{
  23.     title:"Plan du site",
  24.     to:"#"
  25.   },]
  26. }|merge(props|default({}))  %}
  28. <div data-component="footer-corporate" class="FooterCorporate-component">
  30.   <div class="l-container">
  32.     <div class="l-row">
  34.       <div class="l-column FooterCorporate-main">
  36.         {# Links #}
  37.         <ul class="FooterCorporate-linksList">
  39.                 {% for link in props.links %}
  41.           <li class="FooterCorporate-linkItem">
  43.             <a href="{{ link.to }}" class="FooterCorporate-link" target="{{link.target}}">{{ link.title }}</a>
  45.           </li>
  47.                 {% endfor %}
  49.         </ul>
  51.         {# Logos #}
  52.         <div class="FooterCorporate-banks">
  54.           <div class="FooterCorporate-bank">
  56.             {% include "component/svg.html.twig" with {
  57.               props: {
  58.                 name: 'mastercard'
  59.               }
  60.             } %}
  62.           </div>
  64.           <div class="FooterCorporate-bank">
  66.             {% include "component/svg.html.twig" with {
  67.               props: {
  68.                 name: 'visa'
  69.               }
  70.             } %}
  72.           </div>
  74.         </div>
  76.       </div>
  78.     </div>
  80.   </div>
  82. </div>