Tabs

[vc_row layout=”normal” margintop=”30″ marginbottom=”0″ paddingtop=”20″ paddingbottom=”0″ bg_color=”#fff”][vc_column width=”1/1″][ctitle title=”TABS” color=”#666666″ background=”#fff”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

The Tabs

Sometimes you simply need to add a tabbed area inside your content so that’s when the tabs shortcode comes in handy. With 7 predefined colors our tabs shortcode will surely come in handy. Check them out:

[/vc_column_text][vc_separator style=”double”][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ bg_color=”#fff”][vc_column width=”1/1″][vc_tabs color=”green”][vc_tab title=”Tab 1″ tab_id=”1374007821-1-47″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374007821-2-71″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374007974078-3-0″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ bg_color=”#fff”][vc_column width=”1/2″][vc_tabs color=”blue”][vc_tab title=”Tab 1″ tab_id=”1374007821-1-47″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374007821-2-71″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374007974078-3-0″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/2″][vc_tabs color=”red”][vc_tab title=”Tab 1″ tab_id=”1374008808025-4-6″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374008808180-4-0″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374008808312-4-9″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ bg_color=”#fff”][vc_column width=”1/1″][vc_tabs color=”yellow”][vc_tab title=”Tab 1″ tab_id=”1374007821-1-47″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374007821-2-71″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374007974078-3-0″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ bg_color=”#fff”][vc_column width=”1/2″][vc_tabs color=”purple”][vc_tab title=”Tab 1″ tab_id=”1374007821-1-47″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374007821-2-71″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374007974078-3-0″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/2″][vc_tabs color=”grey”][vc_tab title=”Tab 1″ tab_id=”1374008808025-4-6″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374008808180-4-0″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374008808312-4-9″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”30″ paddingtop=”0″ paddingbottom=”20″ bg_color=”#fff”][vc_column width=”1/1″][vc_tabs color=”black”][vc_tab title=”Tab 1″ tab_id=”1374007821-1-47″][vc_column_text]

Fusce cursus lorem massa, sit amet porttitor ante. Sed nec libero neque. Integer vitae erat velit, eget varius ligula. Aenean pharetra, dui a tristique consectetur, magna augue blandit eros, ac gravida enim nunc ac sem. Vestibulum consequat, turpis mollis lobortis accumsan, tellus sem elementum augue, eu ultricies urna est quis ipsum.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 2″ tab_id=”1374007821-2-71″][vc_column_text]

Nam eget ligula ac ante bibendum convallis sed sed est. Aliquam gravida, purus eget venenatis hendrerit, enim magna posuere lacus, id elementum justo justo sit amet felis. Proin semper enim ut erat elementum tincidunt. Aenean dignissim lacinia magna, ut lobortis sem porttitor rhoncus.

[/vc_column_text][/vc_tab][vc_tab title=”Tab 3″ tab_id=”1374007974078-3-0″][vc_column_text]

Roin vehicula enim at risus ullamcorper molestie. Sed et ipsum non felis semper mattis in id quam. Integer libero felis, posuere id ultricies varius, adipiscing ut nunc. Nulla facilisi. Etiam posuere fringilla massa, in fringilla eros auctor vel. Nunc at tellus vitae augue laoreet consectetur a id elit.

[/vc_column_text][/vc_tab][/vc_tabs][/vc_column][/vc_row]