[raw]
[tabs]
[tab title=”First”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Morbi iaculis tellus non purus ullamcorper quis euismod sapien iaculis. Maecenas vitae tortor velit, id sodales ipsum. Morbi ullamcorper fermentum est lacinia posuere. Integer adipiscing augue sed quam cursus porttitor.
[/tab][tab title=”Second”]
Pellentesque ut augue sem, in mattis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultricies posuere ipsum vitae dapibus. Maecenas luctus elit sed mi aliquam vitae dictum sapien pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
[/tab][tab title=”Third”]
Curae aliquam pharetra enim vel ipsum accumsan sit amet condimentum purus tristique. Praesent purus lectus, scelerisque non elementum a, elementum eu ligula. Fusce sem nibh, pretium non pulvinar id, pellentesque eget purus. Aliquam est nisi, ornare vel sagittis ut, venenatis quis orci. Morbi hendrerit libero malesuada massa adipiscing pretium.
[/tab]
[/tabs]
[tabs color=”#444444″]
[tab title=”First”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Morbi iaculis tellus non purus ullamcorper quis euismod sapien iaculis. Maecenas vitae tortor velit, id sodales ipsum. Morbi ullamcorper fermentum est lacinia posuere. Integer adipiscing augue sed quam cursus porttitor.
[/tab][tab title=”Second”]
Pellentesque ut augue sem, in mattis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultricies posuere ipsum vitae dapibus. Maecenas luctus elit sed mi aliquam vitae dictum sapien pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
[/tab][tab title=”Third”]
Curae aliquam pharetra enim vel ipsum accumsan sit amet condimentum purus tristique. Praesent purus lectus, scelerisque non elementum a, elementum eu ligula. Fusce sem nibh, pretium non pulvinar id, pellentesque eget purus. Aliquam est nisi, ornare vel sagittis ut, venenatis quis orci. Morbi hendrerit libero malesuada massa adipiscing pretium.
[/tab]
[/tabs]
[tabs color=”#ff8000″]
[tab title=”First”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Morbi iaculis tellus non purus ullamcorper quis euismod sapien iaculis. Maecenas vitae tortor velit, id sodales ipsum. Morbi ullamcorper fermentum est lacinia posuere. Integer adipiscing augue sed quam cursus porttitor.
[/tab][tab title=”Second”]
Pellentesque ut augue sem, in mattis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultricies posuere ipsum vitae dapibus. Maecenas luctus elit sed mi aliquam vitae dictum sapien pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
[/tab][tab title=”Third”]
Curae aliquam pharetra enim vel ipsum accumsan sit amet condimentum purus tristique. Praesent purus lectus, scelerisque non elementum a, elementum eu ligula. Fusce sem nibh, pretium non pulvinar id, pellentesque eget purus. Aliquam est nisi, ornare vel sagittis ut, venenatis quis orci. Morbi hendrerit libero malesuada massa adipiscing pretium.
[/tab]
[/tabs]
[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]
[raw]
Get The Code
[spacer height=”4px”]
[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]
[[tabs]
[tab title=”First”] First tab content… [/tab]
[tab title=”Second”] Second tab content… [/tab]
[tab title=”Third”] Third tab content… [/tab]
[/tabs]]
[[tabs color=”#444444″]
[tab title=”First”] First tab content… [/tab]
[tab title=”Second”] Second tab content… [/tab]
[tab title=”Third”] Third tab content… [/tab]
[/tabs]]
[[tabs color=”#ff8000″]
[tab title=”First”] First tab content… [/tab]
[tab title=”Second”] Second tab content… [/tab]
[tab title=”Third”] Third tab content… [/tab]
[/tabs]]
[/codebox]
[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]
[raw]
Customization Options
Tabs shortcode
[list]
[list_item]color – the background color of tabs[/list_item]
[list_item]border – the border color of the tab content area[/list_item]
[/list]
Tab shortcode
[list]
[list_item]title – the title of the tab[/list_item]
[/list]
[/raw]