<div class="container-xl">

    <a class="navbar-brand" href="{{ pathto(master_doc) }}">
    <p style="color:#fff;font-size:25px;" class="title">{{ project }}</p>
    </a>
    
    <div id="navbar-menu" class="collapse navbar-collapse">
      <ul id="navbar-main-elements" class="navbar-nav">
        {{ generate_nav_html("navbar", maxdepth=1, collapse=True, includehidden=True, titles_only=True) }}
        {% for external_link in theme_external_links %}
        <li class="nav-item">
            <a class="nav-link nav-external" href="{{ external_link.url }}">{{ _(external_link.name) }}<i class="fas fa-external-link-alt"></i></a>
        </li>
        {% endfor %}
      </ul>
    </div>

    <a class="navbar-brand" href="https://www.deltares.nl/en/">
    <img src="{{ pathto('_static/' + logo, 1) }}" class="logo" alt="logo" />
    </a>

</div>