Tabs

Tab Horizontal

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.
Howdy, I’m in Section 2.
What up girl, this is Section 3.
What up girl, this is Section 4.
[collapses class=”collapses-style3″ type=”toggle” tag=”div”] [collapse active=”false” title=”Get the 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]
[/collapse][/collapses]

Tab Horizontal With Icon

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.
Howdy, I’m in Section 2.
What up girl, this is Section 3.
What up girl, this is Section 4.
[collapses class=”collapses-style3″ type=”toggle” tag=”div”] [collapse active=”false” title=”Get the 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]
[/collapse][/collapses]

Tab Vertical

I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.
[collapses class=”collapses-style3″ type=”toggle” tag=”div”] [collapse active=”false” title=”Get the 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]
[/collapse][/collapses]

Tab Vertical With Icon

I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.
[collapses class=”collapses-style3″ type=”toggle” tag=”div”] [collapse active=”false” title=”Get the 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]
[/collapse][/collapses]

Os comentários estão fechados.