Sensation Energy

Tutorials


Tab

Example


A tab allows us to group links or text in one or more places. You can create several Tabs and enter content or links depending on where you want, and the user will go to the tab he needs.

It is used by copying the code below, and then pastes it into your application or website. Before that, you can use our CSS and JS to make certain functionalities work for you. These are the addressees:


<link rel="stylesheet" href="www.sensationenergy.com/se_css/se.css>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script  src="www.sensationenergy.com/js_css/se.js"></script>


Test 1

Test 2

Test 3


HTML

    
<div class="tabs">
<nav class="umetak-list">
<a class="umetak aktivni" href="#one">Tset 1</a>
<a class="umetak" href="#two">Tset 2</a>
<a class="umetak" href="#three">Tset 3</a>
</nav>
<div id="one" class="umetak-sadrzaj show">
<div align="centar"> <h1>  Test 1 </h1> </div>
</div>
<div id="two" class="umetak-sadrzaj">
<div align="centar"> <h2>  Test 2 </h2> </div>
</div>
<div id="three" class="umetak-sadrzaj">
<div align="centar"> <h3>  Test 3 </h3> </div>
</div>
</div>