templates/modules/app/includes/navigation.html.twig line 1

Open in your IDE?
  1. <div class="navigation">
  2.     <div class="navigation__container">
  3.         <div class="navigation__row">
  4.             <div class="figure" data-aos="fade" data-aos-duration="600">
  5.                 <a href="{{ pages.list.home.translate(languages.locale).uri|path(languages) }}" aria-label="Accueil">
  6.                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ pages.list.general.imagesArray['logo_color'].image|striptags) }}" alt="{{ pages.list.general.imagesArray['logo_color'].alt|striptags }}">
  7.                 </a>
  8.             </div>
  9.         </div>
  10.         <div class="navigation__row">
  11.             <nav class="navigation__list">
  12.                 <div class="navigation__item" data-aos="fade" data-aos-delay="150" data-aos-duration="600">
  13.                     <a href="{{ pages.list.home.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_1']|striptags }}</a>
  14.                 </div>
  15.                 <div class="navigation__item navigation__item--submenu" data-aos="fade" data-aos-delay="250" data-aos-duration="600">
  16.                     <div class="navigation__link">{{ pages.list.general.textsArray['navigation_item_2']|striptags }}</div>
  17.                     <div class="navigation__submenu">
  18.                         {% for item in product_category %}
  19.                             <a href="{{ item.slugUrl }}" class="navigation__link">
  20.                                 {{ item.designation|replace({
  21.                                     '<p>': '',
  22.                                     '<br></p>': '',
  23.                                     '</p>' : '',
  24.                                     '<br>' : ''
  25.                                 })|raw }}
  26.                             </a>
  27.                         {% endfor %}
  28.                     </div>
  29.                 </div>
  30.                 <div class="navigation__item" data-aos="fade" data-aos-delay="350" data-aos-duration="600">
  31.                     <a href="{{ pages.list.subventions.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_3']|striptags }}</a>
  32.                 </div>
  33.                 <div class="navigation__item" data-aos="fade" data-aos-delay="450" data-aos-duration="600">
  34.                     <a href="{{ pages.list.contact.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_4']|striptags }}</a>
  35.                 </div>
  36.                 <div class="navigation__item" data-aos="fade" data-aos-delay="550" data-aos-duration="600">
  37.                     <a href="{{ configuration.snFacebook }}" class="navigation__link" aria-label="Facebook">
  38.                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 26.78 26.78">
  39.                             <g data-name="Calque 2">
  40.                                 <g data-name="Calque 1">
  41.                                     <path class="cls-1" d="M17.13,8.13H15.36c-.62,0-.75.26-.75.9v1.56h2.52l-.25,2.73H14.61v8.17H11.35V13.36H9.65V10.59h1.7V8.41c0-2,1.09-3.11,3.52-3.11h2.26ZM13.39,0A13.39,13.39,0,1,0,26.78,13.39,13.39,13.39,0,0,0,13.39,0"/>
  42.                                 </g>
  43.                             </g>
  44.                         </svg>
  45.                     </a>
  46.                 </div>
  47.             </nav>
  48.         </div>
  49.     </div>
  50. </div>
  52. <div class="navigation navigation--responsive">
  53.     <div class="navigation__container">
  54.         <div class="navigation__row" data-aos="fade" data-aos-duration="600">
  55.             <div class="figure" >
  56.                 <a href="{{ pages.list.home.translate(languages.locale).uri|path(languages) }}" aria-label="Accueil">
  57.                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ pages.list.general.imagesArray['logo_color'].image|striptags) }}" alt="{{ pages.list.general.imagesArray['logo_color'].alt|striptags }}">
  58.                 </a>
  59.             </div>
  60.             <div class="navigation__item">
  61.                 <button id="navigation__toggler" class="navigation__toggler  navigation--responsive" aria-label="Afficher le menu de navigation">
  62.                     <span class="toggler-icon"></span>
  63.                     <span class="toggler-icon"></span>
  64.                     <span class="toggler-icon"></span>
  65.                 </button>
  66.             </div>
  67.         </div>
  68.         <div class="navigation__row">
  69.             <nav class="navigation__list" data-aos="fade" data-aos-delay="150" data-aos-duration="600">
  70.                 <div class="navigation__item" >
  71.                     <a href="{{ pages.list.home.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_1']|striptags }}</a>
  72.                 </div>
  73.                 <div id="navigation__item--submenu" class="navigation__item navigation__item--submenu--responsive">
  74.                     <div class="navigation__link">{{ pages.list.general.textsArray['navigation_item_2']|striptags }}</div>
  76.                 </div>
  77.                 <div class="navigation__item">
  78.                     <a href="{{ pages.list.subventions.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_3']|striptags }}</a>
  79.                 </div>
  80.                 <div class="navigation__item">
  81.                     <a href="{{ pages.list.contact.translate(languages.locale).uri|path(languages) }}" class="navigation__link">{{ pages.list.general.textsArray['navigation_item_4']|striptags }}</a>
  82.                 </div>
  83.                 <div class="navigation__item">
  84.                     <a href="{{ configuration.snFacebook }}" class="navigation__link" aria-label="Facebook">
  85.                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 26.78 26.78">
  86.                             <g data-name="Calque 2">
  87.                                 <g data-name="Calque 1">
  88.                                     <path class="cls-1" d="M17.13,8.13H15.36c-.62,0-.75.26-.75.9v1.56h2.52l-.25,2.73H14.61v8.17H11.35V13.36H9.65V10.59h1.7V8.41c0-2,1.09-3.11,3.52-3.11h2.26ZM13.39,0A13.39,13.39,0,1,0,26.78,13.39,13.39,13.39,0,0,0,13.39,0"/>
  89.                                 </g>
  90.                             </g>
  91.                         </svg>
  92.                     </a>
  93.                 </div>
  94.             </nav>
  95.             <div id="submenu-products" class="navigation__submenu navigation__submenu-responsive">
  96.                 {% for item in product_category %}
  97.                     <a href="{{ pages.list.products.translate(languages.locale).uri|path(languages)|replace({'/([a-zA-Z0-9-_]+)': ''}) ~ item.slugUrl }}" class="navigation__link">
  98.                         {{ item.designation|replace({
  99.                                     '<p>': '',
  100.                                     '<br></p>': '',
  101.                                     '</p>' : '',
  102.                                     '<br>' : ''
  103.                                 })|raw }}
  104.                     </a>
  105.                 {% endfor %}
  106.                 <div class="navigation__item navigation__item--close">
  107.                     <div class="navigation__link">Retour</div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </div>
  112. </div>