<div class="container">
    <nav class="navbar navbar-fixed-top  navigation " id="top-nav">
        <a class="navbar-brand float-none float-lg-left" href="{{ .Site.BaseURL }}">
            {{ with .Site.Params.navigation.logo }}
            <img src="{{ . }}" alt="logo">
            {{ end }}
        </a>
        <button class="navbar-toggler hidden-lg-up float-lg-right" type="button" data-toggle="collapse" data-target="#navbarResponsive">
            <i class="tf-ion-android-menu"></i>
        </button>
        <div class="collapse navbar-toggleable-md" id="navbarResponsive">
            <ul class="nav navbar-nav menu float-lg-right" id="top-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "home" | urlize }}">
                        {{ with .Site.Params.navigation.home }} {{ . }} {{ end }}
                    </a>
                </li>
                {{ if .Site.Params.about.enable }}
                    <li class="nav-item">
                        <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "about" | urlize }}">
                            {{ with .Site.Params.navigation.about }} {{ . }} {{ end }}
                        </a>
                    </li>
                {{ end }}
                {{ if .Site.Params.service.enable }}
                    <li class="nav-item">
                        <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "service" | urlize }}">
                            {{ with .Site.Params.navigation.service }} {{ . }} {{ end }}
                        </a>
                    </li>
                {{ end }}
                {{ if .Site.Params.contact.enable }}
                    <li class="nav-item">
                        <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "contact" | urlize }}">
                            {{ with .Site.Params.navigation.contact }} {{ . }} {{ end }}
                        </a>
                    </li>
                {{ end }}
                <li class="nav-item">
                    <a class="btn btn-tickets" href="https://wiki.vvoid.camp" role="button">
                        Wiki
                    </a>
                </li>
                <li class="nav-item">
                    <a class="btn btn-tickets" href="https://tickets.vvoid.camp" role="button">
                        Tickets
                    </a>
                </li>
            </ul>
        </div>
    </nav>
</div>