<nav class=“navbar navbar-expand-lg navbar-dark bg-dark”>

<a class="navbar-brand" href="{{ "/" | absolute_url }}">
  {%if site.logo %}
  <img src="{{site.logo | relative_url}}" width="30" height="30" class="d-inline-block align-top rounded-circle" alt="Logo">
  {% endif %}
</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNav">
  <div class="navbar-nav mr-auto">
    {% for link in site.data.navigation.main %}
      {% if link.url contains "http" %}
        {% assign url = link.url %}
      {% else %}
        {% assign url = link.url | relative_url %}
      {% endif %}
      <a class="nav-item nav-link" href="{{ url }}">{{ link.title }}</a>
    {% endfor %}
  </div>

  <form class="form-inline my-2 my-lg-0">
    <input class="form-control" type="search" placeholder="Search" aria-label="Search">
  </form>
</div>

</nav>