-
Notifications
You must be signed in to change notification settings - Fork 5.5k
/
examples_tabs_vertical_basic_rendered.html
20 lines (20 loc) · 1.54 KB
/
examples_tabs_vertical_basic_rendered.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul class="tabs vertical" data-tab>
<li class="tab-title active"><a href="#panel1a">Tab 1</a></li>
<li class="tab-title"><a href="#panel2a">Tab 2</a></li>
<li class="tab-title"><a href="#panel3a">Tab 3</a></li>
<li class="tab-title"><a href="#panel4a">Tab 4</a></li>
</ul>
<div class="tabs-content vertical">
<div class="content active" id="panel1a">
<p>Panel 1 content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni!</p>
</div>
<div class="content" id="panel2a">
<p>Panel 2 content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, quos ullam soluta pariatur optio magni repudiandae obcaecati quidem consequuntur possimus quam dicta culpa quia aut odit placeat ut amet nesciunt.</p>
</div>
<div class="content" id="panel3a">
<p>Panel 3 content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, possimus, ipsa, aperiam placeat quod doloribus corporis necessitatibus enim sapiente iusto nulla asperiores repudiandae adipisci ea consequuntur dolorem similique recusandae quia.</p>
</div>
<div class="content" id="panel4a">
<p>Panel 4 content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, quo voluptas ratione assumenda beatae tenetur tempora accusamus quisquam rem ad deserunt magni asperiores voluptatibus aperiam neque iste sit recusandae aspernatur!</p>
</div>
</div>