Tabs & Toogles

[header_title title=»Accordions & Tabs» header_size=»h3″][/header_title]

[tab_container position=»top» fade=»yes»][nav_tabs][tab id=»1″ title=»Services»][/tab][tab id=»2″ title=»Design»][/tab][tab id=»3″ title=»Web Development»][/tab][/nav_tabs][tab_content_container][tab_content id=»1″]Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty[/tab_content][tab_content id=»2″]Design content goes here. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty[/tab_content][tab_content id=»3″]Web Development content goes here. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty[/tab_content] [/tab_content_container][/tab_container]

 

[toggle_container]

Accordion One

Accordion Two

Accordion Three

[/toggle_container]

 

[header_title title=»Get the code» header_size=»h3″][/header_title]
[noshortcode] [tab_container position=»top» fade=»yes»][nav_tabs][tab id=»1″ title=»Services»][/tab][tab id=»2″ title=»Design»][/tab][tab id=»3″ title=»Web Development»][/tab][/nav_tabs][tab_content_container] [tab_content id=»1″]Maecenas dolor est[/tab_content][tab_content id=»2″] Namsed iaculis massa, tashin ty[/tab_content][tab_content id=»3″]Web Development content goes here.[/tab_content]
[/noshortcode]

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>