Menu

Tabs

[title size=”1″ align=”center”]Tabs come in two different layouts: Horizontal and Vertical[/title]

[divider height=”20″]

[one_half last=”no”]

[title size=”3″ style=”line” align=”left” padding_bottom=”20″]Horizontal[/title]
[tabs layout=”horizontal”]
[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″]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]

 

Brak komentarzy

    Napisz odpowiedź