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

Open in your IDE?
  1. {#
  2.     component: footer-socials
  4.     socialTitle {string}: Titre pour les réseaux
  5.   socialItems: [
  6.     link: {
  7.           title {string}: Titre du lien
  8.           to {string}: Lien
  9.     }
  10.     icon {string}: Icône du lien
  11.   ]
  12.   joinsUsTitle {string}: Titre pour rejoindre l'équipe
  14. #}
  16. {% set joinUsLink = "https://recrutement.miramar-lacigale.com/" %}
  18. {% set props = {
  19.   socialTitle: "footer.rs.title"|trans,
  20.   socialItems: social_media,
  21.   joinUsTitle: "footer.team.title"|trans,
  22.   joinUsLink: joinUsLink
  23. }|merge(props|default({}))  %}
  25. <div data-component="footer-socials" class="FooterSocials-component">
  27.     <div class="l-container">
  29.         <div
  30.             class="l-row">
  32.             {# Socials #}
  33.             <div
  34.                 class="l-column FooterSocials-main">
  36.                 {# Socials text #}
  37.                 <p class="FooterSocials-text">{{ props.socialTitle }}</p>
  39.                 {# Socials list #}
  40.                 <ul class="FooterSocials-list">
  42.                     {% for item in props.socialItems %}
  44.                         {# Socials list item #}
  45.                         <li class="FooterSocials-item">
  47.                             <a class="FooterSocials-itemLink" href="{{ item.link.to }}" title="{{ item.link.title }}" rel="noreferrer" target="_blank">
  49.                                 {% include "component/svg.html.twig" with {
  50.                 props: {
  51.                   name: item.icon
  52.                 }
  53.               } %}
  55.                             </a>
  57.                         </li>
  59.                     {% endfor %}
  61.                 </ul>
  63.             </div>
  65.             {# Join #}
  66.             <div class="l-column FooterSocials-joinUs">
  68.                 <p class="FooterSocials-joinUsText">{{ props.joinUsTitle }}</p>
  70.                 <a href="{{ props.joinUsLink }}" title="{{ props.joinUsTitle }}" class="FooterSocials-joinUsLink" target="blank">
  72.                     {% include "component/svg.html.twig" with {
  73.             props: {
  74.               name: 'arrow-right'
  75.             }
  76.           } %}
  78.                 </a>
  80.             </div>
  82.         </div>
  84.     </div>
  86. </div>