<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">

  <title><%-siteTitle-%> - <%-title-%></title>
  <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
</head>

<body>
  <!-- Fixed navbar -->
  <nav class="<%-styles.navbar-%> <%-styles['navbar-default']-%> <%-styles['navbar-fixed-top']-%>">
    <div class="<%-styles['container-fluid']-%>">
      <div class="<%-styles['navbar-header']-%>">
        <button type="button" class="<%-styles['navbar-toggle']-%> <%-styles.collapsed-%>" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="<%-styles['sr-only']-%>">Toggle navigation</span>
          <span class="<%-styles['icon-bar']-%>"></span>
          <span class="<%-styles['icon-bar']-%>"></span>
          <span class="<%-styles['icon-bar']-%>"></span>
        </button>
        <a class="<%-styles['navbar-brand']-%>" href="#"><%-siteTitle-%></a>
      </div>
      <div id="navbar" class="<%-styles.collapse-%> <%-styles['navbar-collapse']-%>">
        <ul class="<%-styles.nav-%> <%-styles['navbar-nav']-%> <%-styles['navbar-right']-%>">
          <% nav.forEach((item) => { %>
          <li class="<%= (item.key === key || item.key === parentKey) ? styles.active : '' %>">
            <a href="/<%-item.path-%>" title="<%-item.title-%>"><%-item.title-%></a>
            <% if (item.children) { %>
            <ul class="<%-styles['dropdown-menu']-%>">
              <% item.children.forEach((child) => { %>
              <li class="<%= (child.key === key) ? styles.active : '' %>">
                <a href="/<%-child.path-%>" title="<%-child.title-%>"><%-child.title-%></a>
              </li>
              <% }); %>
            </ul>
            <% } %>
          </li>
          <% }); %>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
  </nav>
