StaticWebsiteJovian/src/templates/navbar.html

<nav class="navbar navbar-expand-md navbar-dark bg-jovian fixed-top">
    <a class="navbar-brand" href="/index.html">Jovian Hersemeule</a>
    <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav"
         aria-controls="joviaNav"
         aria-expanded="false" aria-label="Dérouler le menu" src="/include/icon/icons8-48-menu-2.png"
         alt="V">
    <div class="collapse navbar-collapse" id="joviaNav">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="/index.html">
                    <img src="/include/icon/icons8-48-city.png" alt="|">
                    Accueil
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/cv/content.html">
                    <img src="/include/icon/icons8-48-parse-from-clipboard.png" alt="|">
                    CV
                </a>
            </li>
            <li class="nav-item dropdown active">
                <a class="nav-link dropdown-toggle" href="/projets/content.html" id="dropdown01" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <img src="/include/icon/icons8-48-code.png" alt="|">
                    Projets
                </a>
                <div class="dropdown-menu" aria-labelledby="dropdown01">
                    <a class="dropdown-item active" href="/projets/content.html">
                        Liste des projets
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item"
                       href="/projets/static_site/content.html">
                        Jovian Website
                    </a>
                    <a class="dropdown-item"
                       href="/projets/ascii_space/content.html">
                        ASCII Space Destroyer
                    </a>
                    <a class="dropdown-item"
                       href="/projets/pulsar/content.html">
                        Pulsar
                    </a>
                    <a class="dropdown-item"
                       href="/projets/quoridor/content.html">
                        Quoridor
                    </a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/contact/content.html">
                    <img src="/include/icon/icons8-48-secured-letter.png" alt="|">
                    Contact
                </a>
            </li>
        </ul>
    </div>
</nav>