website/layouts/partials/header.html

38 lines
1.5 KiB
HTML
Raw Normal View History

<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>
2023-04-10 17:25:39 +00:00
<nav class="site-header__nav desktop-nav">
2023-03-31 22:14:22 +00:00
<a href="/actualites">Actualités</a>.
<a href="/association">L'association</a>.
<a href="/histoires">Histoire</a>.
<a href="/images">Gallerie</a>.
{{ range .Site.Menus.main }}
<a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.
{{ end }}
</nav>
2023-04-10 17:25:39 +00:00
<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">&nbsp;</span>
</label>
<div class="background">&nbsp;</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">Gallerie</a></li>
</ul>
</nav>
</div>
</div>
</div>
2022-09-28 20:49:59 +00:00
</header>