pan id="item3mobile" class="control-content">Item 3</span>
</div>
{% endhighlight %}

  </article>

  <!-- Badges -->
  <article class="component" id="badges">
    <h3 class="component-title">Badges</h3>
    <p class="component-description">Badges come in four flavors and should be used to indicate "how many" of something there are. Adding the a class of <code>.badge-inverted</code> will remove the badges background color.</p>

    <div class="component-example">
      <span class="badge">1</span>
      <sp