<nav class=“navbar navbar-expand-lg fixed-top navbar-light py-4” id=“menu”>

<!-- BRAND LOGO OR NAME -->
<a class="navbar-brand top" id="site-logo" href="{{ '/' | relative_url }}">
  {% if site.navbar_img %}
    <img class="navbar-brand-img" src="{{ site.navbar_img | relative_url }}" alt="">
  {% elsif site.title %}
    {{ site.title }}
  {% else %}
    <img class="navbar-brand-img" src="{{ 'assets/images/Cadre.png' | relative_url }}" alt="">
  {% endif %}
</a>

<!-- NAVIGATION -->
{% if site.data.navigation %}
  {% if page.url == "/" %}
    {% assign current = 'index.html' %}
  {% else %}
    {% assign url_list = page.url | split: "/" %}
    {% assign current = url_list[1] | strip %}
  {% endif %}
  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
    <div class="navbar-nav">
    {% for item in site.data.navigation %}
      {% if item.link == current %}
        {% assign active_status = 'active' %}
      {% else %}
        {% assign active_status = '' %}
      {% endif %}
      <a class="nav-item nav-link {{ active_status }}" href="{{ item.link | relative_url }}">{{ item.name }}</a>
    {% endfor %}
    </div>
  </div>
{% endif %}

</nav>