fbpx

Tabs

Tab Horizontal

[tabs position=”top” class=”tabs” tag=”div”]
[tab title=”Lorem ipsum”]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. [/tab]
[tab title=”Consectetur”]Howdy, I’m in Section 2.[/tab]
[tab title=”Phasellus”]What up girl, this is Section 3.[/tab]
[tab title=”Dolorea”]What up girl, this is Section 4.[/tab]
[/tabs]
[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]
[tabs position=”top” class=”tabs” tag=”div”]
[tab title=”Lorem ipsum”]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. [/tab]
[tab title=”Consectetur”]Howdy, I’m in Section 2.[/tab]
[tab title=”Phasellus”]What up girl, this is Section 3.[/tab]
[tab title=”Dolorea”]What up girl, this is Section 4.[/tab]
[/tabs]
[/code]
[/collapse][/collapses]

Tab Horizontal With Icon

[tabs position=”top” class=”tabs” tag=”div”]
[tab icon=”icon-home” title=”Lorem ipsum”]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.[/tab]
[tab icon=”icon-home” title=”Consectetur”]Howdy, I’m in Section 2.[/tab]
[tab icon=”icon-home” title=”Phasellus”]What up girl, this is Section 3.[/tab]
[tab icon=”icon-home” title=”Dolorea”]What up girl, this is Section 4.[/tab]
[/tabs]
[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]
[tabs position=”top” class=”tabs” tag=”div”]
[tab icon=”icon-home” title=”Lorem ipsum”]Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Cras mattis iudicium purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.[/tab]
[tab icon=”icon-home” title=”Consectetur”]Howdy, I’m in Section 2.[/tab]
[tab icon=”icon-home” title=”Phasellus”]What up girl, this is Section 3.[/tab]
[tab icon=”icon-home” title=”Dolorea”]What up girl, this is Section 4.[/tab]
[/tabs]
[/code]
[/collapse][/collapses]

Tab Vertical

[tabs position=”left” class=”tabs” tag=”div”]
[tab title=”Section 1″]I’m in Section 1.[/tab]
[tab title=”Section 2″]Howdy, I’m in Section 2.[/tab]
[tab title=”Section 3″]What up girl, this is Section 3.[/tab]
[/tabs]
[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]
[tabs position=”left” class=”tabs” tag=”div”]
[tab title=”Section 1″]I’m in Section 1.[/tab]
[tab title=”Section 2″]Howdy, I’m in Section 2.[/tab]
[tab title=”Section 3″]What up girl, this is Section 3.[/tab]
[/tabs]
[/code]
[/collapse][/collapses]

Tab Vertical With Icon

[tabs position=”left” class=”tabs-icon” tag=”div”]
[tab icon=”icon-home” title=”Section 1″]I’m in Section 1.[/tab]
[tab icon=”icon-home” title=”Section 2″]Howdy, I’m in Section 2.[/tab]
[tab icon=”icon-home” title=”Section 3″]What up girl, this is Section 3.[/tab]
[/tabs]
[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]
[tabs position=”left” class=”tabs-icon” tag=”div”]
[tab icon=”icon-home” title=”Section 1″]I’m in Section 1.[/tab]
[tab icon=”icon-home” title=”Section 2″]Howdy, I’m in Section 2.[/tab]
[tab icon=”icon-home” title=”Section 3″]What up girl, this is Section 3.[/tab]
[/tabs]
[/code]
[/collapse][/collapses]

X