Tabs

[title size=”1″ align=”center”]Tabs come in two different styles: Simple and Traditional[/title]

[divider height=”20″]

[one_half last=”no”]

[title size=”3″ style=”line” align=”left” padding_bottom=”20″]Simple[/title]
[tabs style=”simple”]
[tab title=”Tab 1″]Tab content 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 2″]Tab content 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 3″ icon=”cloud-upload”]Tab content 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[/tabs]
[/one_half]

[one_half last=”yes”]

[title size=”3″ style=”line” align=”left” padding_bottom=”20″]Traditional[/title]

[tabs style=”traditional”]
[tab title=”Tab 1″]Tab content 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 2″ icon=”cog”]Tab content 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 3″]Tab content 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]

[/tabs]

[/one_half]

[divider height=”40″]

[one_half last=”no”]

[title size=”3″ align=”left” padding_bottom=”20″ style=”line”]Simple / Vertical[/title]
[tabs layout=”vertical”]
[tab title=”Tab 1″]Tab content 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 2″]Tab content 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 3″ icon=”cloud-upload”]Tab content 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[/tabs]
[/one_half]

[one_half last=”yes”]

[title size=”3″ align=”left” padding_bottom=”20″ style=”line”]Traditional / Vertical[/title]

[tabs style=”traditional” layout=”vertical-right”]
[tab title=”Tab 1″]Tab content 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 2″ icon=”cog”]Tab content 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]
[tab title=”Tab 3″]Tab content 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec ipsum quis ligula consequat vehicula et vitae dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porta luctus ullamcorper. Vivamus sit amet leo metus.[/tab]

[/tabs]

[/one_half]

No Comments

    Leave a Reply