Tabs

Effectively organize your content

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.

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.

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.

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.

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.

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.

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.

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.

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.

Get The Code

<!-- Display with default skin color -->
[tabs]
[tab title="First"] First tab content... [/tab]
[tab title="Second"] Second tab content... [/tab]
[tab title="Third"] Third tab content... [/tab]
[/tabs]

<!-- Display with dark grey color -->
[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]

<!-- Display with orange color -->
[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]

Customization Options

Tabs shortcode
  • color – the background color of tabs
  • border – the border color of the tab content area
Tab shortcode
  • title – the title of the tab