<nav class="navbar navbar-default navbar-fixed-top dark" ng-controller="NavBarController">
    <header class="container container-fluid">
      <div class="navbar-header">
        <button tabindex="0" type="button" name="button" class="navbar-toggle" ng-click="isCollapsed = !isCollapsed" aria-expanded="false" aria-controlls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <i role="img" class="fa fa-bars"></i>
        </button>
        <high-contrast-switch class="btn navbar-btn navbar-right navbar-toggle"><i role="img" class="fa text-white fa-adjust"></i></high-contrast-switch>
        <a href="/"><h1 class="logo navbar-text">Kupat Givat HaMivtar</h1></a>
      </div>
      <div uib-collapse="isCollapsed" class="navbar-collapse collapse" aria-expanded="true">
        <ul class="nav navbar-nav navbar-right">
          <li du-scrollspy="donate"><a du-smooth-scroll="donate">Donate</a></li>
          <li du-scrollspy="about"><a du-smooth-scroll="about">About</a></li>
          <li du-scrollspy="stories"><a du-smooth-scroll="stories">Stories</a></li>
          <li du-scrollspy="contact"><a du-smooth-scroll="contact">Contact</a></li>
        </ul>
      </div>
    </header>
  </nav>