foundation-sites-5
Version:
**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**
28 lines (27 loc) • 1.13 kB
HTML
<ul class="tabs" data-tab>
<li class="tab-title active"><a href="#panela">Tab 1</a></li>
<li class="tab-title"><a href="#panelb">Tab 2</a></li>
<li class="tab-title"><a href="#panelc">Tab 3</a></li>
<li class="tab-title"><a href="#paneld">Tab 4</a></li>
</ul>
<div class="tabs-content">
<div class="content active" id="panela">
<div class="row">
<div class="small-3 columns">
<img src="http://placehold.it/350x150">
</div>
<div class="small-4 end columns">
<p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
</div>
</div>
</div>
<div class="content" id="panelb">
<p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
</div>
<div class="content" id="panelc">
<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="paneld">
<p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
</div>
</div>