48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<header class="site-header">
|
|
<div class="container site-header__inner">
|
|
<button
|
|
class="icon-button nav-toggle-button"
|
|
type="button"
|
|
data-mobile-menu-open
|
|
aria-controls="mobile-menu"
|
|
aria-expanded="false"
|
|
aria-label="Ouvrir le menu"
|
|
>
|
|
<span class="sr-only">Ouvrir le menu</span>
|
|
<span class="nav-toggle-button__line"></span>
|
|
<span class="nav-toggle-button__line"></span>
|
|
<span class="nav-toggle-button__line"></span>
|
|
</button>
|
|
|
|
<div class="site-brand site-brand--header">
|
|
<include href="partials/site_brand.html" />
|
|
</div>
|
|
|
|
<nav class="nav nav--desktop" aria-label="Navigation principale">
|
|
<include href="partials/nav_items.html" />
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="mobile-menu" id="mobile-menu" data-mobile-menu>
|
|
<button class="mobile-menu__backdrop" type="button" data-mobile-menu-close aria-label="Fermer le menu"></button>
|
|
|
|
<div class="mobile-menu__panel" role="dialog" aria-modal="true" aria-label="Navigation principale mobile">
|
|
<header class="mobile-menu__header">
|
|
<div class="site-brand site-brand--menu">
|
|
<include href="partials/site_brand.html" />
|
|
</div>
|
|
|
|
<button class="icon-button mobile-menu__close" type="button" data-mobile-menu-close aria-label="Fermer le menu">
|
|
<span class="sr-only">Fermer le menu</span>
|
|
<span class="mobile-menu__close-line"></span>
|
|
<span class="mobile-menu__close-line"></span>
|
|
</button>
|
|
</header>
|
|
|
|
<nav class="mobile-menu__nav" aria-label="Navigation principale mobile">
|
|
<include href="partials/nav_items.html" />
|
|
</nav>
|
|
</div>
|
|
</div>
|