Swavy UI tabbed panel is used for switching between different tabs of a webpage
<div class="sw_tab sw_rsq-2 sw_tab-styled">
<ul class="sw_tab-nav">
<li class="sw_tab-menu"><a href="#tab1" class="sw_tab-link sw_active">Tab Link1</a></li>
<li class="sw_tab-menu"><a href="#tab2" class="sw_tab-link">Tab Link2</a></li>
<li class="sw_tab-menu"><a href="#tab3" class="sw_tab-link">Tab Link3</a></li>
<li class="sw_tab-menu"><a href="#tab4" class="sw_tab-link">Tab Link4</a></li>
</ul>
<!-- <hr class="sw_hr"> -->
<div class="sw_tab-wrapper">
<div class="sw_tab-content current" id="tab1">
<h1>Tab1 Heading</h1>
I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
So when you get something that has the name Kanye West on it, it’s supposed to be pushing the furthest possibilities.
I will be the leader
of a company that ends up being worth billions of dollars, because I got the answers.I understand culture. I am the nucleus.
</div>
<div class="sw_tab-content" id="tab2">
<h1>Tab2 Heading</h1>
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers.
I understand culture.I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people,
this is the level that things could be at.
I think thats a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
</div>
<div class="sw_tab-content" id="tab3">
<h1>Tab3 Heading</h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero, animi autem obcaecati facilis nam at voluptates,
sequi non vero commodi minima alias, quisquam placeat rem eum ad perferendis officia nostrum!
</div>
<div class="sw_tab-content" id="tab4">
<h1>Tab4 Heading</h1>
I understand culture.I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people,
this is the level that things could be at.
I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things
</div>
</div>
</div>
<div class="sw_tab sw_tab-vertical sw_tab-styled sw_rsq-2">
<ul class="sw_tab-nav">
<li class="sw_tab-menu"><a href="#tab1" class="sw_tab-link sw_active">Tab Link1</a></li>
<li class="sw_tab-menu"><a href="#tab2" class="sw_tab-link">Tab Link2</a></li>
<li class="sw_tab-menu"><a href="#tab3" class="sw_tab-link">Tab Link3</a></li>
<li class="sw_tab-menu"><a href="#tab4" class="sw_tab-link">Tab Link4</a></li>
</ul>
<!-- <hr class="sw_hr"> -->
<div class="sw_tab-wrapper">
<div class="sw_tab-content current" id="tab1">
<h1>Tab1 Heading</h1>
I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
So when you get something that has the name Kanye West on it, it’s supposed to be pushing the furthest possibilities.
I will be the leader
of a company that ends up being worth billions of dollars, because I got the answers.I understand culture. I am the nucleus.
</div>
<div class="sw_tab-content" id="tab2">
<h1>Tab2 Heading</h1>
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers.
I understand culture.I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people,
this is the level that things could be at.
I think thats a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
</div>
<div class="sw_tab-content" id="tab3">
<h1>Tab3 Heading</h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero, animi autem obcaecati facilis nam at voluptates,
sequi non vero commodi minima alias, quisquam placeat rem eum ad perferendis officia nostrum!
</div>
<div class="sw_tab-content" id="tab4">
<h1>Tab4 Heading</h1>
I understand culture.I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people,
this is the level that things could be at.
I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things
</div>
</div>
</div>
Support us to contribute to the continuous development of Swavy UI and other open source software.
SPONSOR