Tabs

Home  /  Tabs

Tab Horizontal


    [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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]

    [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]

[/code]
[/collapse][/collapses]

Tab Horizontal With Icon


    [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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]

    [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]

[/code]
[/collapse][/collapses]

Tab Vertical


    [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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]

    [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]

[/code]
[/collapse][/collapses]

Tab Vertical With Icon


    [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]

[collapses class=”collapses-style3″ type=”toggle” tag=”div”]
[collapse active=”false” title=”Get the code”]
[code]

    [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]

[/code]
[/collapse][/collapses]