[kc_row use_container=”no” _id=”642345″ cols_gap=”{`kc-css`:{`any`:{`group`:{`gap|.kc_column`:`0px`}}}}” force=”yes”][kc_column width=”12/12″ video_mute=”no” _id=”727567″][Wb_banner _id=”518299″ title=”Tabs” background_image=”73″][/kc_column][/kc_row][kc_row use_container=”yes” _id=”344214″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`80px inherit 80px inherit`}}}}”][kc_column width=”16.66%” video_mute=”no” _id=”283736″][/kc_column][kc_column width=”66.66%” video_mute=”no” _id=”469575″][kc_column_text _id=”977918″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`inherit inherit 40px inherit`}}}}”]
Tabs help in managing content. Tabs are a great way to consolidate improve user experience on your page.
[/kc_column_text][kc_tabs active_section=”1″ _id=”345575″ type=”horizontal_tabs” css_custom=”{`kc-css`:{`any`:{`tab`:{`background-color|.kc_tabs_nav,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav`:`#ffffff`,`border|.kc_tabs_nav :gt: li, .kc_tab.ui-tabs-body-active, .kc_tabs_nav,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav:gt:li,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav ~ div.kc_tab.ui-tabs-body-active,+.kc_vertical_tabs.tabs_right:gt:.kc_wrapper:gt:ul.ui-tabs-nav ~ div.kc_tab`:`1px solid #e2ded8`,`border-radius|.kc_tabs_nav :gt: li, .kc_tab.ui-tabs-body-active, .kc_tabs_nav,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav:gt:li,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav ~ div.kc_tab.ui-tabs-body-active,+.kc_vertical_tabs.tabs_right:gt:.kc_wrapper:gt:ul.ui-tabs-nav ~ div.kc_tab`:`inherit inherit 3px 3px`},`tab-hover`:{`background-color|.kc_tabs_nav :gt: li:hover, .kc_tabs_nav :gt: li:hover a, .kc_tabs_nav :gt: li :gt: a:hover,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav:gt:li:gt:a:hover,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav:gt:li.ui-tabs-active :gt: a`:`#f5f5f5`},`tab-active`:{`background-color|.kc_tabs_nav :gt: .ui-tabs-active:focus, .kc_tabs_nav :gt: .ui-tabs-active, .kc_tabs_nav :gt: .ui-tabs-active :gt: a,+.kc_vertical_tabs:gt:.kc_wrapper:gt:ul.ui-tabs-nav:gt:li.ui-tabs-active :gt: a`:`#fffcf7`},`tab-body`:{`background-color|.kc_tab`:`#fffcf7`}}}}”][kc_tab title=”Home” _id=”244873″ css_custom=”{`kc-css`:{}}”][kc_column_text _id=”393210″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`inherit inherit 30px inherit`}}}}”]
Heading For Tab
Luctuset ultrices posuere cubiliaurae urabitur nonex rutrum elit lacinia faucibust eget est erosivamus egettitor nisiat volutpat felisras sed nisl dictum sagittis metus etegestas diamenean in ante vitae sem sagittis condiment ummetus etegestas diamenean in ante vitae sem sagittismetus etegestas diameneanin ante vitae.
[/kc_column_text][/kc_tab][kc_tab title=”Profile” _id=”188149″][kc_column_text _id=”177833″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`inherit inherit 30px inherit`}}}}”]
Heading For Tab
Faucibus orci luctuset ultrices posuere cubiliaurae urabitur nonex rutrum elit lacinia faucibust eget est erosivamus eget porttitor nisiat volutpat felisras sed nisl dictum sagittis metus etegestas diamenean in ante vitae sem sagittis condiment ummetus etegestas diamenean in ante vitae sem sagittismetus etegestas diamenean.
[/kc_column_text][/kc_tab][kc_tab title=”Contact” _id=”49924″][kc_column_text _id=”26516″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`inherit inherit 30px inherit`}}}}”]
Heading For Tab
Urabitur nonex rutrum elit lacinia faucibust eget est erosivamus eget porttitor nisiat volutpat felisras sed nisl dictum sagittis metus etegestas diamenean in ante vitae sem sagittis condiment ummetus etegestas diamenean in ante vitae sem sagittismetus etegestas diameneanin ante vitae.
[/kc_column_text][/kc_tab][/kc_tabs][/kc_column][kc_column width=”16.66%” video_mute=”no” _id=”354213″][/kc_column][/kc_row]