Voir la source de Header Tabs

<ul class="tabs" data-tab>
  <li class="tab-title active"><a href="#panel1">Onglet 1</a></li>
  <li class="tab-title"><a href="#panel2">Onglet 2</a></li>
  <li class="tab-title"><a href="#panel3">Onglet 3</a></li>
  <li class="tab-title"><a href="#panel4">Onglet 4</a></li>
</ul>
<div class="tabs-content">
  <div class="content active" id="panel1">
    <p>Voici le premier tableau d'un exemple d'onglet basique. Vous pouvez placer tous les types de contenu ici y compris avec une grille.</p>
  </div>
  <div class="content" id="panel2">
    <p>Voici le second tableau d'un exemple d'onglet basique.  C'est le second panneau d'un exemple d'onglet basique.</p>
  </div>
  <div class="content" id="panel3">
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
  </div>
  <div class="content" id="panel4">
    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
  </div>
</div>