        <li class="active"><a href="tabs.html">Tabs</a></li>
          <li><a href="alerts.html">Alerts</a></li>
          <li><a href="modals.html">Modals</a></li>
          <li><a href="petalicon.html">Petalicons</a></li>
      </ul>
  </nav>
</div>

<div id="content-pane">
  <div class="container stretch limit-width">
    <section>
      

<div class="section-header">
  <h2 id="section-panels">Tabs</h2>
  <p class="sub">
    <span class="file-ref">tabs.less</span>
  </p>
</div>

<h3>
  Tabs
  <a href="ja