Tabs

Style One Tab

[container padding=»10px 0″][title size=»small» align=»center» text_align=»center» type=»fancy»]Stye One Tabs[/title]
[tm_code][ tm_tabs tab_type=»vertical» style=»1″ ]
[ tm_tab title=»Tab1″ ] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. [ /tm_tab ]
[ tm_tab title=»Tab2″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ tm_tab title=»Tab3″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ /tm_tabs ][/tm_code][/container]

[container padding=»20px 0″]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style One Vertical Tab[/title]
[tm_tabs tab_type=»vertical» style=»1″]
[tm_tab title=»Vertical Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[tm_tab title=»Vertical Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab][tm_tab title=»Vertical Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[/tm_tabs]
[/one_half]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style One Horizontal Tab[/title]
[tm_tabs style=»1″]
[tm_tab title=»Horizontal Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[tm_tab title=»Horizontal Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab][tm_tab title=»Horizontal Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[/tm_tabs]
[/one_half]
[/container]

Style Two Tab

[container padding=»10px 0″][title size=»small» align=»center» text_align=»center» type=»fancy»]Stye Two Tabs[/title]
[tm_code][ tm_tabs tab_type=»horizontal» style=»2″ ]
[ tm_tab title=»Tab1″ ] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. [ /tm_tab ]
[ tm_tab title=»Tab2″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ tm_tab title=»Tab3″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ /tm_tabs ][/tm_code][/container]

[container padding=»20px 0″ margin=»0 0 30px»]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style Two Vertical Tab[/title]
[tm_tabs tab_type=»vertical» style=»2″]
[tm_tab title=»Vertical Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[tm_tab title=»Vertical Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab][tm_tab title=»Vertical Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[/tm_tabs]
[/one_half]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style Two Horizontal Tab[/title]
[tm_tabs style=»2″]
[tm_tab title=»Horizontal Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[tm_tab title=»Horizontal Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab][tm_tab title=»Horizontal Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[/tm_tabs]
[/one_half]
[/container]

Style Three Tab Code

[container padding=»10px 0″][title size=»small» align=»center» text_align=»center»]Stye Three Tabs[/title]
[tm_code][ tm_tabs tab_type=»vertical» style=»3″ ]
[ tm_tab title=»Tab1″ ] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. [ /tm_tab ]
[ tm_tab title=»Tab2″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ tm_tab title=»Tab3″ ] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [ /tm_tab ]
[ /tm_tabs ][/tm_code][/container]

[container padding=»20px 0″]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style Three Vertical Tab[/title]
[tm_tabs tab_type=»vertical» style=»3″]
[tm_tab title=»Vertical Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu. [/tm_tab]
[tm_tab title=»Vertical Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[tm_tab title=»Vertical Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[/tm_tabs]
[/one_half]
[one_half content_width=»90%»]
[title size=»small» type=»border» text_align=»center»]Style Three Horizontal Tab[/title]
[tm_tabs style=»3″]
[tm_tab title=»Horizontal Tab1″] Lorem ipsum Morbi euismod diam eu arcu volutpat ut adipiscing sem auctor. Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[tm_tab title=»Horizontal Tab2″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[tm_tab title=»Horizontal Tab3″] Vivamus adipiscing lobortis sagittis. Nullam tempus mauris dolor, ac malesuada arcu.[/tm_tab]
[/tm_tabs]
[/one_half]
[/container]

Comments

There are no comments yet.

Leave a comment