<!-------------------------------------------------------
    Navbar 
  -------------------------------------------------------->
  <nav class="navbar navbar-expand-lg navbar-light bg-light m-0 p-0">
    <a class="navbar-brand my-1 mx-4" href="/">Freifunk Rhein-Sieg e.V.</a>
    <button class="navbar-toggler m-3" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto">
        {{ if .Site.Menus.main }}
        {{ range .Site.Menus.main }}
        <li class="nav-item m-0">
          <a class="nav-link p-3" href="{{ .URL }}">{{ .Name }}</a>
        </li>
        {{ end }}
        {{ end }}
      </ul>
    </div>
  </nav>
  <!-------------------------------------------------------
    End Navbar 
  -------------------------------------------------------->