<div class="navbar navbar-inverse navbar-static-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="{{ site.baseurl }}"><i class="icon-flag"></i> Font Awesome</a>
      <ul class="nav">
        <li{% if page.navbar_active == "home" %} class="active"{% endif %}><a href="{{ site.baseurl }}">Home</a></li>
        <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ site.baseurl }}get-started/">Get Started</a></li>
        <li{% if page.navbar_active == "icons" %} class="active"{% endif %}><a href="{{ site.baseurl }}icons/">Icons</a></li>
        <li{% if page.navbar_active == "examples" %} class="active"{% endif %}><a href="{{ site.baseurl }}examples/">Examples</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu pull-right">
            <li class="nav-header">Examples</li>
            <li><a href="{{ site.baseurl }}examples/#new-styles">New Styles</a></li>
            <li><a href="{{ site.baseurl }}examples/#inline-icons">Inline Icons</a></li>
            <li><a href="{{ site.baseurl }}examples/#larger-icons">Larger Icons</a></li>
            <li><a href="{{ site.baseurl }}examples/#bordered-pulled">Bordered & Pulled</a></li>
            <li><a href="{{ site.baseurl }}examples/#buttons">Buttons</a></li>
            <li><a href="{{ site.baseurl }}examples/#button-groups">Button Groups</a></li>
            <li><a href="{{ site.baseurl }}examples/#button-dropdowns">Button Dropdowns</a></li>
            <li><a href="{{ site.baseurl }}examples/#bulleted-lists">Bulleted Lists</a></li>
            <li><a href="{{ site.baseurl }}examples/#navigation">Navigation</a></li>
            <li><a href="{{ site.baseurl }}examples/#form-inputs">Form Inputs</a></li>
            <li><a href="{{ site.baseurl }}examples/#animated-spinner">Animated Spinner</a></li>
            <li><a href="{{ site.baseurl }}examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
            <li><a href="{{ site.baseurl }}examples/#stacked">Stacked</a></li>
            <li><a href="{{ site.baseurl }}examples/#custom">Custom CSS</a></li>
          </ul>
        </li>
        <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ site.baseurl }}whats-new/">What's New</a></li>
        <li{% if page.navbar_active == "contribute" %} class="active"{% endif %}><a href="{{ site.baseurl }}contribute/">Contribute</a></li>
        <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ site.baseurl }}license/">License</a></li>
      </ul>
      <ul class="nav pull-right">
        <li><a href="mailto:{{ site.font_awesome.author.email }}"><i class="icon-envelope"></i> Me</a></li>
      </ul>
    </div>
  </div>
</div>