<header class=“site-header”>

<nav class="navbar navbar-default">
    <div class="container">

        <!-- Toggle buttons and brand -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="true" aria-controls="navbar">
                <span class="glyphicon glyphicon-option-vertical"></span>
            </button>

            <button type="button" class="navbar-toggle for-sidebar" data-toggle="offcanvas">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="/"><img src="{{ "/assets/images/logo.png" | relative_url }}"></a>
        </div>
        <!-- END Toggle buttons and brand -->

        <!-- Top navbar -->
        <div id="navbar" class="navbar-collapse collapse" aria-expanded="true" role="banner">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="/docs">Documentation</a></li>
                <li><a target="_blank" href="{{ site.docs-jekyll-theme.github_repo_url }}">Download</a></li>
            </ul>
        </div>
        <!-- END Top navbar -->

    </div>
</nav>

</header>