<div class="c-tabs" rel="c-tabs-js">
<ul aria-label="Code Examples" class="c-tabs__labels" id="myTabs_1" role="tablist">
<li role="presentation">
<button type="button" aria-controls="panel1" aria-selected="true" class="tab-label is-active" id="panel1__label" role="tab">
<span class="tab-label__text">HTML</span>
</button>
</li>
<li role="presentation">
<button type="button" aria-controls="panel2" aria-selected="false" class="tab-label" id="panel2__label" role="tab" tabindex="-1">
<span class="tab-label__text">JavaScript</span>
</button>
</li>
<li role="presentation">
<button type="button" aria-controls="panel3" aria-selected="false" class="tab-label" id="panel3__label" role="tab" tabindex="-1">
<span class="tab-label__text">Text</span>
</button>
</li>
</ul>
<div class="c-tabs__content" data-tabs="myTabs_1">
<div aria-labelledby="panel1__label" class="c-tabs__panel is-active" id="panel1" role="tabpanel">
<pre> <code>
<button class="c-btn">HTML</button>
</code>
</pre>
</div>
<div aria-labelledby="panel2__label" class="c-tabs__panel" id="panel2" role="tabpanel">
<p>Hej</p>
</div>
<div aria-labelledby="panel3__label" class="c-tabs__panel" id="panel3" role="tabpanel">
<p>Hej hopp</p>
</div>
</div>
</div>