<nav id="navbar-main" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="{{ site.url }}">XMPP Communication Service</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">{% if page.url == "/" %}{% if site.site.register-web == 2 %}
            <li class="nav-item"><a class="nav-link" href="#register">Register</a></li>{% endif %}
            <li class="nav-item"><a class="nav-link" href="#history">History</a></li>
            <li class="nav-item"><a class="nav-link" href="#file">File Sharing</a></li>
            <li class="nav-item"><a class="nav-link" href="#mobile">Mobile</a></li>
            <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
            <li class="nav-item"><a class="nav-link" href="#security">Privacy</a></li>
          </ul>{% endif %}
          {% if site.register-web >= 1 %}
          <a href="/register" class="btn btn-success">Register</a>
          {% endif %}
        </div>
      </nav>