>
          </div>
        </header>
      </div>

{% highlight html %}
<header class="bar bar-nav">
  <button class="btn pull-left">
    Left
  </button>
  <button class="btn pull-right">
    Right
  </button>
  <div class="segmented-control">
    <a class="control-item active">One</a>
    <a class="control-item">Two</a>
    <a class="control-item">Three</a>
  </div>
</header>
{% endhighlight %}

    </article>

    <article class="component">
      <h3 class="component-title">Tab bar</h3>
      <p class="