{"id":1383,"date":"2022-05-25T14:40:56","date_gmt":"2022-05-25T14:40:56","guid":{"rendered":"https:\/\/preview.treethemes.com\/hazel\/demo1\/?page_id=1383"},"modified":"2024-02-28T19:47:24","modified_gmt":"2024-02-28T19:47:24","slug":"styled-tabs","status":"publish","type":"page","link":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/shortcodes\/styled-tabs\/","title":{"rendered":"Styled Tabs"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column css_animation=&#8221;fadeInUpShort&#8221;]<div class=\"ult-spacer spacer-6a1ba8665c5d3\" data-id=\"6a1ba8665c5d3\" data-height=\"100\" data-height-mobile=\"60\" data-height-tab=\"\" data-height-tab-portrait=\"80\" data-height-mobile-landscape=\"60\" style=\"clear:both;display:block;\"><\/div><section class='special_tabs text vertical'><div class='tab-selector col-xs-12 col-sm-4'><\/div><div class='tab-container col-xs-12 col-sm-8' style='margin-left:0px;'><\/div><div class='label 1'><div class='resonance_icon_special_tabs'><i class='fa fa-adjust'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Branding<\/a><p>Mauris porttitor ante ut cursus proin purus, semper et risus at dignissi.<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 1'><p>[vc_row_inner][vc_column_inner][vc_single_image image=&#8221;6932&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_rounded&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<p class=\"credits-illustrations\" style=\"text-align: center;\">Illustration by\u00a0<a href=\"https:\/\/icons8.com\/illustrations\/author\/CkHJmwURlxnt\" target=\"_blank\" rel=\"noopener nofollow\">Olha Khomich<\/a>\u00a0from\u00a0<a href=\"https:\/\/icons8.com\/illustrations\" target=\"_blank\" rel=\"noopener nofollow\">Ouch<\/a>!<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 2'><div class='resonance_icon_special_tabs'><i class='fa fa-adjust'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>UI\/UX Design<\/a><p>Sell ut lacus a sem varius dictum sed eget augue. Nullam vitae tristique libero.<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 2'><p>[vc_row_inner][vc_column_inner][vc_single_image image=&#8221;6933&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_rounded&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<p class=\"credits-illustrations\" style=\"text-align: center;\">Illustration by\u00a0<a href=\"https:\/\/icons8.com\/illustrations\/author\/CkHJmwURlxnt\" target=\"_blank\" rel=\"noopener nofollow\">Olha Khomich<\/a>\u00a0from\u00a0<a href=\"https:\/\/icons8.com\/illustrations\" target=\"_blank\" rel=\"noopener nofollow\">Ouch<\/a>!<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 3'><div class='resonance_icon_special_tabs'><i class='fa fa-adjust'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Web Development<\/a><p>Pellentesque enim nisi, porta quis orci eu, vulputate lorem ipsum eleifend tortor.<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 3'><p>[vc_row_inner][vc_column_inner][vc_single_image image=&#8221;6934&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_rounded&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<p class=\"credits-illustrations\" style=\"text-align: center;\">Illustration by\u00a0<a href=\"https:\/\/icons8.com\/illustrations\/author\/CkHJmwURlxnt\" target=\"_blank\" rel=\"noopener nofollow\">Olha Khomich<\/a>\u00a0from\u00a0<a href=\"https:\/\/icons8.com\/illustrations\" target=\"_blank\" rel=\"noopener nofollow\">Ouch<\/a>!<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 4'><div class='resonance_icon_special_tabs'><i class='fa fa-adjust'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Marketing<\/a><p>Orsi varius natoque penatibus et magnis dis parturient montes, ridiculus mus.<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 4'><p>[vc_row_inner][vc_column_inner][vc_single_image image=&#8221;6935&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_rounded&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<p class=\"credits-illustrations\" style=\"text-align: center;\">Illustration by\u00a0<a href=\"https:\/\/icons8.com\/illustrations\/author\/CkHJmwURlxnt\" target=\"_blank\" rel=\"noopener nofollow\">Olha Khomich<\/a>\u00a0from\u00a0<a href=\"https:\/\/icons8.com\/illustrations\" target=\"_blank\" rel=\"noopener nofollow\">Ouch<\/a>!<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>\n<\/section><div class=\"ult-spacer spacer-6a1ba8665c700\" data-id=\"6a1ba8665c700\" data-height=\"100\" data-height-mobile=\"60\" data-height-tab=\"\" data-height-tab-portrait=\"80\" data-height-mobile-landscape=\"60\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][\/vc_row][vc_row css_animation=&#8221;fadeInUpShort&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;ex-full&#8221; css=&#8221;.vc_custom_1708786782273{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221; bg_color_value=&#8221;#f9f9f9&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column css_animation=&#8221;fadeInUp&#8221; width=&#8221;2\/3&#8243;]<section class='special_tabs icon vertical'><div class='tab-selector col-xs-12 col-sm-1'><\/div><div class='tab-container col-xs-12 col-sm-11' style='margin-left:0px;'><\/div><div class='label 5'><div class='resonance_icon_special_tabs'><i class='fa fa-trophy'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>High Quality Design<\/a><p>Lorem ipsum<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 5'><p>[vc_row_inner][vc_column_inner][vc_empty_space height=&#8221;40px&#8221;]<div id=\"ultimate-heading-97356a1ba8665c80f\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-97356a1ba8665c80f uvc-2283 \" data-hspacer=\"line_only\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-97356a1ba8665c80f h2'  data-responsive-json-new='{\"font-size\":\"desktop:22px;\",\"line-height\":\"\"}' ><h2 style=\"font-family:&#039;Raleway&#039;;font-weight:600;color:#000000;\">DESIGN &amp; CODE<\/h2><\/div><div class=\"uvc-heading-spacer line_only\" style=\"margin-top:25px;height:4px;\"><span class=\"uvc-headings-line\" style=\"border-style:solid;border-bottom-width:4px;border-color:__USE_THEME_MAIN_COLOR__;width:80px;\"><\/span><\/div><\/div><div class=\"ult-spacer spacer-6a1ba8665c84b\" data-id=\"6a1ba8665c84b\" data-height=\"40\" data-height-mobile=\"40\" data-height-tab=\"40\" data-height-tab-portrait=\"\" data-height-mobile-landscape=\"\" style=\"clear:both;display:block;\"><\/div>[vc_column_text]Authoritatively productivate proactive e-markets without magnetic experiences. Intrinsicly pontificate timely systems via multimedia based niche markets. Progressively strategize accurate products and functional solutions.[\/vc_column_text]<div class=\"ult-spacer spacer-6a1ba8665c857\" data-id=\"6a1ba8665c857\" data-height=\"40\" data-height-mobile=\"40\" data-height-tab=\"40\" data-height-tab-portrait=\"\" data-height-mobile-landscape=\"\" style=\"clear:both;display:block;\"><\/div><div id=\"ultimate-heading-17986a1ba8665c874\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-17986a1ba8665c874 uvc-4478 \" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-17986a1ba8665c874 .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:22px;\",\"line-height\":\"\"}'  style=\"font-family:&#039;Courgette&#039;;font-weight:bold;color:#353535;\">\u201cHave no fear of perfection, you\u2019ll never reach it\u201d<\/div><\/div>[vc_custom_heading text=&#8221;\u2013 Salvador Dali&#8221; font_container=&#8221;tag:h6|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 6'><div class='resonance_icon_special_tabs'><i class='fa Defaults-wrench'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Mega Menu<\/a><p>Lorem ipsum<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 6'><p>[vc_row_inner][vc_column_inner][vc_custom_heading text=&#8221;Agency&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]Uniquely create competitive technologies. Authoritatively morph efficient networks via bleeding-edge results. Completely drive markets via quality e-business efficient networks.<br \/>\nProgressively plagiarize enterprise strategic.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_media_grid item=&#8221;mediaGrid_FadeInWithIcon&#8221; initial_loading_animation=&#8221;fadeInUp&#8221; grid_id=&#8221;vc_gid:1709149619359-23f405d3-a449-3&#8243; include=&#8221;3359,3201,3200,3199,3197,3188&#8243;][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 7'><div class='resonance_icon_special_tabs'><i class='fa Defaults-cogs gears'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Unique Pages<\/a><p>Lorem ipsum<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 7'><p>[vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n<h3>Awesome!<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text]Authoritatively productivate proactive e-markets without magnetic experiences. Intrinsicly pontificate timely systems via multimedia based niche markets. Progressively strategize accurate products and functional solutions. Synergistically leverage other&#8217;s sticky innovation and wireless opportunities. Continually expedite extensive e-markets after interdependent best practices.<\/p>\n<p>Competently evisculate parallel information with open-source strategic theme areas. Credibly restore client-centric internal or &#8220;organic&#8221; sources after.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div><div class='label 8'><div class='resonance_icon_special_tabs'><i class='fa fa-eye'><\/i><\/div><div class='title'><a class='special_tabs_linkage'>Visual Page Builder<\/a><p>Lorem ipsum<\/p><div class='services-7-arrow'><i class='mi-arrow-right size-24'><\/i><\/div><\/div><div class='divider-vertical-tabs'><\/div><\/div><div class='content 8'><p>[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;40px&#8221;][vc_column_text]Authoritatively productivate proactive e-markets without magnetic experiences. Intrinsicly pontificate timely systems via multimedia based niche markets. Progressively strategize accurate products and functional solutions. Synergistically leverage other&#8217;s sticky innovation and wireless opportunities. Continually expedite extensive e-markets after interdependent best practices.<\/p>\n<p>Competently evisculate parallel information with open-source strategic theme areas. Credibly restore client-centric internal or &#8220;organic&#8221; sources after.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;40px&#8221;][vc_column_text]Authoritatively productivate proactive e-markets without magnetic experiences. Intrinsicly pontificate timely systems via multimedia based niche markets. Progressively strategize accurate products and functional solutions. Synergistically leverage other&#8217;s sticky innovation and wireless opportunities. Continually expedite extensive e-markets after interdependent best practices.<\/p>\n<p>Competently evisculate parallel information with open-source strategic theme areas. Credibly restore client-centric internal or &#8220;organic&#8221; sources after.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>\n<\/section>[\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column css_animation=&#8221;fadeInUpShort&#8221;][\/vc_column][\/vc_row][vc_row css_animation=&#8221;fadeInUpShort&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;ex-full&#8221; css=&#8221;.vc_custom_1708786782273{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221; bg_color_value=&#8221;#f9f9f9&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column css_animation=&#8221;fadeInUp&#8221; width=&#8221;2\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":584,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page.php","meta":{"footnotes":""},"class_list":["post-1383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/pages\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":2,"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"predecessor-version":[{"id":7219,"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/pages\/1383\/revisions\/7219"}],"up":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/pages\/584"}],"wp:attachment":[{"href":"https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}