Tabs

Tabs

Similar to accordions, this shourcode helping group related content using tabs and toggles shortcodes. Choose from four different styles to setup your content!

Framed tabs

[tabs_framed]
[tab title=”First tab”]

Tab 1 content

Magna enim blandit dolor, fringilla penatibus habitasse nulla in aliquam vestibulum, vel orci porta nam at cursus. Nec quis proin aliqua urna amet. Proin magna molestie aliquam. Quis dolor in sed iaculis mauris, non mi pellentesque, amet ac rutrum nunc, id aliquam tortor posuere.

Nec eu in ut velit, nibh vel, voluptatem sed vitae ut vel, vitae aliquam. Ultrices nulla per quis vel wisi erat, mi tincidunt eget, arcu a nulla, fusce enim vitae condimentum convallis, tellus erat. Diam eleifend blandit cras, integer eros accumsan porta.

[/tab]
[tab title=”Second tab”]

Tab 2 content

Phasellus in magna sit amet tortor faucibus dictum. Ut eleifend odio id dolor malesuada tempus. Nunc lorem erat, placerat eu scelerisque at, ullamcorper id dolor. Cras iaculis elit sit amet dui fermentum aliquam. Maecenas venenatis nisi felis. Duis ac mi nisl. Donec congue turpis nec dui commodo nec cursus nisi fringilla.

Pellentesque placerat ligula eget urna lacinia porttitor. Quisque placerat, arcu in bibendum hendrerit, nunc mi accumsan lectus, eu vulputate velit orci eu quam. Aenean id iaculis justo. Integer cursus neque vitae nulla elementum sagittis.

[/tab]
[tab title=”Third tab”]

Tab 3 content

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet augue pretium metus interdum tincidunt a dapibus neque. Aenean vitae ipsum sit amet ipsum rutrum imperdiet. Nulla eleifend tincidunt nibh eget ullamcorper. Mauris dolor orci, eleifend sit amet feugiat vel, dignissim vel leo.

Proin ut orci metus, eget faucibus ante. Duis a sapien a arcu semper facilisis.

[/tab]
[/tabs_framed]

Button tabs

[tabs_button]
[tab title=”First tab”]

Tab 1 content

Magna enim blandit dolor, fringilla penatibus habitasse nulla in aliquam vestibulum, vel orci porta nam at cursus. Nec quis proin aliqua urna amet. Proin magna molestie aliquam. Quis dolor in sed iaculis mauris, non mi pellentesque, amet ac rutrum nunc, id aliquam tortor posuere.

Nec eu in ut velit, nibh vel, voluptatem sed vitae ut vel, vitae aliquam. Ultrices nulla per quis vel wisi erat, mi tincidunt eget, arcu a nulla, fusce enim vitae condimentum convallis, tellus erat. Diam eleifend blandit cras, integer eros accumsan porta.

[/tab]
[tab title=”Second tab”]

Tab 2 content

Phasellus in magna sit amet tortor faucibus dictum. Ut eleifend odio id dolor malesuada tempus. Nunc lorem erat, placerat eu scelerisque at, ullamcorper id dolor. Cras iaculis elit sit amet dui fermentum aliquam. Maecenas venenatis nisi felis. Duis ac mi nisl. Donec congue turpis nec dui commodo nec cursus nisi fringilla.

Pellentesque placerat ligula eget urna lacinia porttitor. Quisque placerat, arcu in bibendum hendrerit, nunc mi accumsan lectus, eu vulputate velit orci eu quam. Aenean id iaculis justo. Integer cursus neque vitae nulla elementum sagittis.

[/tab]
[tab title=”Third tab”]

Tab 3 content

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet augue pretium metus interdum tincidunt a dapibus neque. Aenean vitae ipsum sit amet ipsum rutrum imperdiet. Nulla eleifend tincidunt nibh eget ullamcorper. Mauris dolor orci, eleifend sit amet feugiat vel, dignissim vel leo.

Proin ut orci metus, eget faucibus ante. Duis a sapien a arcu semper facilisis.

[/tab]
[/tabs_button]

Vertical tabs

[tabs_vertical]
[tab title=”First tab” icon=”fa-icon-plane”]

Tab 1 content

Magna enim blandit dolor, fringilla penatibus habitasse nulla in aliquam vestibulum, vel orci porta nam at cursus. Nec quis proin aliqua urna amet. Proin magna molestie aliquam. Quis dolor in sed iaculis mauris, non mi pellentesque, amet ac rutrum nunc, id aliquam tortor posuere.

Nec eu in ut velit, nibh vel, voluptatem sed vitae ut vel, vitae aliquam. Ultrices nulla per quis vel wisi erat, mi tincidunt eget, arcu a nulla, fusce enim vitae condimentum convallis, tellus erat. Diam eleifend blandit cras, integer eros accumsan porta.

[/tab]
[tab title=”Second tab” icon=”fa-icon-globe”]

Tab 2 content

Phasellus in magna sit amet tortor faucibus dictum. Ut eleifend odio id dolor malesuada tempus. Nunc lorem erat, placerat eu scelerisque at, ullamcorper id dolor. Cras iaculis elit sit amet dui fermentum aliquam. Maecenas venenatis nisi felis. Duis ac mi nisl. Donec congue turpis nec dui commodo nec cursus nisi fringilla.

Pellentesque placerat ligula eget urna lacinia porttitor. Quisque placerat, arcu in bibendum hendrerit, nunc mi accumsan lectus, eu vulputate velit orci eu quam. Aenean id iaculis justo. Integer cursus neque vitae nulla elementum sagittis.

[/tab]
[tab title=”Third tab” icon=”fa-icon-ok”]

Tab 3 content

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet augue pretium metus interdum tincidunt a dapibus neque. Aenean vitae ipsum sit amet ipsum rutrum imperdiet. Nulla eleifend tincidunt nibh eget ullamcorper. Mauris dolor orci, eleifend sit amet feugiat vel, dignissim vel leo.

Proin ut orci metus, eget faucibus ante. Duis a sapien a arcu semper facilisis.

[/tab]
[/tabs_vertical]

Leave a Reply

Your email address will not be published. Required fields are marked *

Instant Download of your Work

Print anywhere - anytime

Dedicated Live Support

Free Customization Service