Tabs

[dynamic element=”page_intro” title=”Lot of option with Fortis7 shortcodes take a look to Tabs Shortcodes, 3 differend and unique styles with left and top option included” dynamic_size=”12″  position=”center”]

 

[dynamic element=”divider”]

 

 

[contentrow][one_half nr=”first”][header_title header_size=’h6′ title=’First Style Tabs Top’][tab_container position=”top” fade=”yes” style=”style_1″][nav_tabs][tab id=”1″ first=”yes” 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″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”2″] 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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”3″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][one_half nr=”last”][header_title header_size=’h6′ title=’First Style Tabs Left’][tab_container position=”left” fade=”yes” style=”style_1″][nav_tabs][tab id=”4″ first=”yes”  title=”Services”][/tab][tab id=”5″ title=”Design”][/tab][tab id=”6″ title=”Web Development”][/tab][/nav_tabs][tab_content_container][tab_content id=”4″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”5″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”6″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][/contentrow]

[contentrow][one_half nr=”first”][header_title header_size=’h6′ title=’Second Style Tabs Top’][tab_container position=”top” fade=”yes” style=”style_2″][nav_tabs][tab id=”7″ first=”yes”  title=”Services”][/tab][tab id=”8″ title=”Design”][/tab][tab id=”9″ title=”Web Development”][/tab][/nav_tabs][tab_content_container][tab_content id=”7″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”8″] 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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”9″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][one_half nr=”last”][header_title header_size=’h6′ title=’Second Style Tabs Left’][tab_container position=”left” fade=”yes” style=”style_2″][nav_tabs][tab id=”10″ first=”yes” title=”Services”][/tab][tab id=”11″ title=”Design”][/tab][tab id=”12″ title=”Web Development”][/tab][/nav_tabs][tab_content_container][tab_content id=”10″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”11″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”12″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][/contentrow]

[contentrow][one_half nr=”first”][header_title header_size=’h6′ title=’Third Style Tabs Top’][tab_container position=”top” fade=”yes” style=”style_3″][nav_tabs][tab id=”13″ first=”yes”  title=”Services”][/tab][tab id=”14″ title=”Design”][/tab][tab id=”15″ title=”Web Development”][/tab][/nav_tabs][tab_content_container][tab_content id=”13″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”14″] 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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”15″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][one_half nr=”last”][header_title header_size=’h6′ title=’Third Style Tabs Left’][tab_container position=”left” fade=”yes” style=”style_3″][nav_tabs][tab id=”16″ first=”yes” title=”Services”][/tab][tab id=”17″ title=”Design”][/tab][tab id=”18″ title=”Web Development”][/tab][/nav_tabs][tab_content_container][tab_content id=”16″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”17″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][tab_content id=”18″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content][/tab_content_container][/tab_container][/one_half][/contentrow]

 

[noshortcode][tab_container position=”left” fade=”yes” style=”style_3″][nav_tabs][tab id=”16″ first=”yes” title=”Services”][/tab][tab id=”17″ title=”Design”][/tab][tab id=”18″ title=”Web Development”][/tab][/nav_tabs]

[tab_content_container]

[tab_content id=”16″ first=”yes”]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content]

[tab_content id=”17″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content]

[tab_content id=”18″]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. Maecenas dolor est, interdum smod eu, accumsan posuere nisl. Namsed iaculis massa, tashin ty.[/tab_content]

[/tab_content_container]

[/tab_container][/noshortcode]

 

 

[contentrow][one_third nr=”first”][header_title header_size=’h6′ title=’Features’][list][list_li]3 Unique Tabs Styles[/list_li][list_li]You can use it also with page builder[/list_li][list_li]Use them with various Columns Size[/list_li][list_li]Only add in the style field one of them (style_1, style_2, style_3)[/list_li][list_li]Add Icons in the tabs title[/list_li][list_li]Top & Left Support[/list_li][/list][/one_third][two_third nr=”last”][header_title header_size=’h6′ title=’Video Tutorial’][/two_third][/contentrow]

Deja un comentario

Historias y reflexiones con algo de sentido común de Sam Mezylv