Tabs & Toggles

[heading size="28"]Tabs With Icon[/heading] [divider style="default" color="#E7E7E7"] [tabs style="1"] [tab title="Tab 1" icon="icon-bullhorn"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [tab title="Tab 2" icon="icon-hand-right"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [tab title="Tab 3" icon="icon-chevron-right"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [/tabs]
[heading size="28"]Tabs[/heading] [divider style="default" color="#E7E7E7"] [tabs style="1"] [tab title="Tab 1"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [tab title="Tab 2"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [tab title="Tab 3"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] [/tabs]

[heading size="28"]Toggles Standard[/heading] [divider style="default" color="#E7E7E7"] [spoiler title="Toggles 1" open="1" style="1"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler] [spoiler title="Toggles 2" open="0" style="1"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler] [spoiler title="Toggles 3" open="0" style="1"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler]
[heading size="28"]Toggles Boxed[/heading] [divider style="default" color="#E7E7E7"] [spoiler title="Toggles Boxed" open="1" style="2"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler] [spoiler title="Toggles Boxed" open="0" style="2"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler] [spoiler title="Toggles Boxed" open="0" style="2"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/spoiler]

[pre heading=”Tabs Shortcodes”]

[tabs style=”1″]
[tab title=”Tab 1″ icon=”icon-bullhorn”] Content Here [/tab]
[tab title=”Tab 2″ icon=”icon-hand-right”] Content Here [/tab]
[tab title=”Tab 3″ icon=”icon-chevron-right”] Content Here [/tab]
[/tabs]
 
[tabs style=”1″]
[tab title=”Tab 1″] Content Here [/tab]
[tab title=”Tab 2″] Content Here [/tab]
[tab title=”Tab 3″] Content Here [/tab]
[/tabs]
 
[spoiler title=”Toggles 1″ open=”1″ style=”1″] Content Here [/spoiler]
[spoiler title=”Toggles 2″ open=”0″ style=”1″] Content Here [/spoiler]
[spoiler title=”Toggles 3″ open=”0″ style=”1″] Content Here [/spoiler]
 
[spoiler title=”Toggles Boxed” open=”1″ style=”2″] Content Here [/spoiler]
[spoiler title=”Toggles Boxed” open=”0″ style=”2″] Content Here [/spoiler]
[spoiler title=”Toggles Boxed” open=”0″ style=”2″] Content Here [/spoiler]
[/pre]

Deixe uma resposta