<header>
<div class="row"> <div class="col-xs-12"> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a class="navbar-toggle collapsed navbar-icon" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <i class="fa fa-bars fa-2x"></i> </a> <a class="navbar-brand navbar-icon" href="{{ site.baseurl | append: '/'}}"> <i class="fa fa-home fa-2x"></i> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="{{ site.baseurl | append: '/' }}">Home</a></li> {% if site.blog == true %} <li><a href="{{ '/blog' | prepend: site.baseurl }}">Blog</a></li> {% endif %} {% for page in site.ct %} <li class="nav-item"><a href="{% if page.redirect_to %}{{page.redirect_to}}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}">{{ page.menu-caption }}</a></li> {% endfor %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Skin <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a onclick="toggleThemeTo('blue');"> Blue </a> <a onclick="toggleThemeTo('default');"> Default </a> <a onclick="toggleThemeTo('white');"> White </a> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div>
</header>