45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<input class="nav-toggle" type="checkbox" id="nav-toggle" aria-hidden="true">
|
|
|
|
<header class="site-header">
|
|
<div class="container site-header__inner">
|
|
<label class="nav-toggle-button" for="nav-toggle">
|
|
<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>
|
|
</label>
|
|
|
|
<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>
|
|
|
|
<span class="site-header__spacer" aria-hidden="true"></span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="mobile-menu">
|
|
<label class="mobile-menu__backdrop" for="nav-toggle" aria-hidden="true"></label>
|
|
|
|
<div class="mobile-menu__panel">
|
|
<header class="mobile-menu__header">
|
|
<div class="site-brand site-brand--menu">
|
|
<include href="partials/site_brand.html" />
|
|
</div>
|
|
|
|
<label class="mobile-menu__close" for="nav-toggle">
|
|
<span class="sr-only">Fermer le menu</span>
|
|
<span class="mobile-menu__close-line"></span>
|
|
<span class="mobile-menu__close-line"></span>
|
|
</label>
|
|
</header>
|
|
|
|
<nav class="mobile-menu__nav" aria-label="Navigation principale mobile">
|
|
<include href="partials/nav_items.html" />
|
|
</nav>
|
|
</div>
|
|
</div>
|