Tabs

Lot of option with Fotir shortcodes take a look to Tabs Shortcodes, 3 differend and unique styles with left and top option included

 

 

 

First Style Tabs Top
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.
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.
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.
First Style Tabs Left
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.
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.
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.
Second Style Tabs Top
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.
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.
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.
Second Style Tabs Left
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.
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.
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.
Third Style Tabs Top
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.
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.
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.
Third Style Tabs Left
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.
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.
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_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]

 

 

Features
  • 3 Unique Tabs Styles
  • You can use it also with page builder
  • Use them with various Columns Size
  • Only add in the style field one of them (style_1, style_2, style_3)
  • Add Icons in the tabs title
  • Top & Left Support
Video Tutorial