<div class="tabs">
  <div class="tabs-header">
    <h2 class="tabs-title">Optional Tab Title</h2>
    <ul class="tabs-nav">
      <li class="is-active">
        <a href="#tab-one" data-toggle="tab">Tab 1</a>
      </li>
      <li>
        <a href="#tab-two" data-toggle="tab">Tab 2</a>
      </li>
      <li>
        <a href="#tab-three" data-toggle="tab">Tab 3</a>
      </li>
    </ul>
  </div>
  <div class="tab-body">
    <section class="tab-pane is-active" id="tab-one">Content for tab 1</section>
    <section class="tab-pane" id="tab-two">Content for tab 2</section>
    <section class="tab-pane" id="tab-three">Content for tab 3</section>
  </div>
</div>