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][toggle title=”Accordion One”]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.[/toggle][toggle title=”Accordion Two”]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.[/toggle][toggle title=”Accordion Three”]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.[/toggle][/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