37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<header class="site-header">
|
|
<div class="site-header__content page-container">
|
|
<a class="site-header__title" href="/">
|
|
<img
|
|
class="site-header__logo"
|
|
src="/logo.svg"
|
|
alt="Logo l'étoile de bethléem"
|
|
/>
|
|
</a>
|
|
<nav class="site-header__nav desktop-nav">
|
|
<ul class="inline-menu-list">
|
|
<li><a href="/actualites">Actualités</a></li>
|
|
<li><a href="/association">L'association</a></li>
|
|
<li><a href="/histoires">Histoire</a></li>
|
|
<li><a href="/images">Galerie</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="burger-menu">
|
|
<div class="burger-button-container">
|
|
<input type="checkbox" id="navi-toggle" class="checkbox" />
|
|
<label for="navi-toggle" class="burger-button">
|
|
<span class="icon"> </span>
|
|
</label>
|
|
<div class="background"> </div>
|
|
<nav class="nav">
|
|
<ul class="list">
|
|
<li><a href="/actualites">Actualités</a></li>
|
|
<li><a href="/association">L'association</a></li>
|
|
<li><a href="/histoires">Histoire</a></li>
|
|
<li><a href="/images">Galerie</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|