templates/header.html.twig line 1

1. <div class="header-container dflex jcsb header-section introjs-no-highlight">
2.     <div class="header-logo dflex jcfe aic">
3.         <a href="{{ sulu_content_root_path() }}"><img src="/resources/img/header-logo.svg" alt="retour à l'accueil" width="239" height="79" loading="lazy"></a>
4.     </div>
5.     <div class="header-right">
6.         <div class="header-top not-visible-mobile aic jcfe dflex bgblue">
7.             <div class="dflex aic">
8.                 <div class="dflex">
9.                     {% include 'header/gt-newsletter-user.html.twig' %}
10.                 </div>
11.             </div>
12.         </div>
14.         <div class="header-middle bgorange dflex aic jcfe">
15.             <nav class="main-nav dflex jcc aic">
16.                 <ul class="dflex fwwrap jcsa">
17.                     {% for item in sulu_navigation_root_tree('main', 3,true) %}
18.                         <li class="menu-element dflex aic">
19.                             {% if item.children|length > 0 %}
20.                                 <a href="javascript:;" onclick="return false;" title="{{ item.title }}" class="diflex cwhite fw600 fs18 lh28 nodeco dropdown-button" aria-expanded="false">{{ item.title }}
21.                                     <div class="dflex aic arrow-container">{{ source('svg/arrow-icon.html.twig') }}</div>
22.                                 </a>
23.                                 <ul class="submenu dropdown-element">
24.                                     {% for child in item.children %}
25.                                         {% set icon = false %}
26.                                         {% for item in child.excerpt.icon %}
27.                                             {% if item.url is defined and item.url is not empty %}
28.                                                 {% set icon = item %}
29.                                             {% endif %}
30.                                         {% endfor %}
31.                                         <li class="dflex">
32.                                             <a href="{{ sulu_content_path(child.url) }}" title="{{ child.title }}" class="fw400 nodeco menu-link icon-display">
33.                                                 {% if icon %}
34.                                                 <span class="span-icon"><img src="{{ icon.formats['300x'] }}" alt="" width={{icon.fileVersion.properties.width}} height={{icon.fileVersion.properties.height}} loading="lazy"></span>
35.                                                 {% endif %}
36.                                                 <span>{{ child.title }}</span>
37.                                             </a>
38.                                         </li>
39.                                     {% endfor %}
40.                                 </ul>
41.                             {% else %}
42.                                 <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" title="{{ item.title }}" class="dblock cwhite fw600 fs18 lh28 nodeco">{{ item.title }}</a>
43.                             {% endif %}
44.                         </li>
45.                     {% endfor %}
46.                 </ul>
47.                 <div class="visible-mobile dflex aic fdc">
48.                     {% include 'header/gt-newsletter-user.html.twig' %}
49.                 </div>
50.             </nav>
51.             <nav id="search-nav" class="search-nav pr-1p5em">
52.                 <a href="#" id="main-search-button" class="main-search-button dflex jcc aic" title="Rechercher"><img src="/resources/img/search-icon.svg" alt="Icone de recherche loupe" style="pointer-events: none;" width="16" height="16" loading="lazy"></a>
53.             </nav>
54.             <div class="visible-mobile-flex dflex aic">
55.                 <button id="menu-button" class="menu buttons" aria-label="Main Menu">
56.                     {{ source('svg/menu-icon.html.twig') }}
57.                 </button>
58.             </div>
59.         </div>
60.     </div>
61.     <div class="header-deco not-visible-mobile">
62.         <div class="bgblue"></div>
63.         <div class="bgorange"></div>
64.     </div>
65. </div>