website/layouts/partials/header.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">&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">Galerie</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>