{"id":17,"date":"2021-05-10T16:10:20","date_gmt":"2021-05-10T16:10:20","guid":{"rendered":"https:\/\/preview.treethemes.com\/hazel5\/only-elements\/?page_id=17"},"modified":"2025-07-17T09:30:40","modified_gmt":"2025-07-17T09:30:40","slug":"buttons","status":"publish","type":"page","link":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;ex-full&#8221; bg_color_value=&#8221;#ffffff&#8221; el_class=&#8221;wide-ipad&#8221; css=&#8221;.vc_custom_1682948565240{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column css_animation=&#8221;fadeInUpShort&#8221; el_class=&#8221;wide-ipad&#8221;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#111111&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;lg&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;xs&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; shape=&#8221;round&#8221; size=&#8221;xs&#8221;][vc_empty_space height=&#8221;40px&#8221;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;lg&#8221; align=&#8221;left&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; align=&#8221;left&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;left&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;xs&#8221; align=&#8221;left&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; shape=&#8221;round&#8221; size=&#8221;xs&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; bg_type=&#8221;image&#8221; parallax_style=&#8221;vcpb-default&#8221; bg_image_new=&#8221;id^2647|url^https:\/\/preview.treethemes.com\/resonance\/maindemo\/wp-content\/uploads\/sites\/2\/2023\/02\/section-bg-22.jpg|caption^null|alt^null|title^section-bg-22|description^null&#8221; bg_image_repeat=&#8221;no-repeat&#8221; bg_override=&#8221;ex-full&#8221; enable_overlay=&#8221;enable_overlay_value&#8221; overlay_color=&#8221;rgba(247,247,247,0.85)&#8221; el_class=&#8221;parallax-mousemove-scene min-height-mobile&#8221;][vc_column][vc_empty_space height=&#8221;80px&#8221;]<span id=\"creative-link-wrap-9058\" class=\"ult_main_cl ult-adjust-bottom-margin btn-ellipse btn-ellipse-unhovered \" >\n\t \t\t\t<span class=\"ult_cl_link_2  ult_crlink\" >\n\t\t\t\t\t<a  data-ultimate-target='#creative-link-wrap-9058 .ult_colorlink'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  href=\"#\" title=\"Portfolio\"  class=\"ult_colorlink ult-responsive \" style=\"float:left;font-weight:normal; \"  data-textcolor=\"#ffffff\" data-texthover=\"#ffffff\"data-bgcolor=\"#111111\"data-bghover=\"#111111\"data-style=\"Style_2\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<span data-hover=\"DISCOVER PROJECTS\" style=\"color:#ffffff;;background:#111111;;\" class=\"ult_btn10_span   \">DISCOVER PROJECTS<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t<\/span>[vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\" vc_custom_1704479202724 ubtn-ctn-left \"><button type=\"button\" id=\"ubtn-7192\"  class=\"ubtn ult-adjust-bottom-margin ult-responsive ubtn-normal ubtn-bottom-bg  none  ubtn-left   tooltip-6a1d526b75419\"  data-hover=\"#ffffff\" data-border-color=\"#111111\" data-bg=\"#000000\" data-hover-bg=\"#777777\" data-border-hover=\"#777777\" data-shadow-hover=\"\" data-shadow-click=\"none\" data-shadow=\"\" data-shd-shadow=\"\"  data-ultimate-target='#ubtn-7192'  data-responsive-json-new='{\"font-size\":\"desktop:16px;\",\"line-height\":\"\"}'  style=\"font-family:&#039;DM Sans&#039;;font-weight:500;border-radius:4px;border-width:1px;border-color:#111111;border-style:solid;background: #000000;color: #ffffff;\"><span class=\"ubtn-hover\" style=\"background-color:#777777\"><\/span><span class=\"ubtn-data ubtn-text \" data-btn-animate=\"y\"><span class=\"btn-animate-y\">START PROJECT<\/span><span class=\"ubtn-data ubtn-icon\"><i class=\"none\" style=\"font-size:32px;color:;\"><\/i><\/span><\/span><\/button><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" vc_custom_1699646088234 ubtn-ctn-left \"><button type=\"button\" id=\"ubtn-7159\"  class=\"ubtn ult-adjust-bottom-margin ult-responsive ubtn-normal ubtn-center-hz-bg  none  ubtn-left   tooltip-6a1d526b75475\"  data-hover=\"#ffffff\" data-border-color=\"#111111\" data-bg=\"#000000\" data-hover-bg=\"#777777\" data-border-hover=\"#777777\" data-shadow-hover=\"\" data-shadow-click=\"none\" data-shadow=\"\" data-shd-shadow=\"\"  data-ultimate-target='#ubtn-7159'  data-responsive-json-new='{\"font-size\":\"desktop:16px;\",\"line-height\":\"\"}'  style=\"font-family:&#039;DM Sans&#039;;font-weight:500;border-radius:4px;border-width:1px;border-color:#111111;border-style:solid;background: #000000;color: #ffffff;\"><span class=\"ubtn-hover\" style=\"background-color:#777777\"><\/span><span class=\"ubtn-data ubtn-text \" data-btn-animate=\"y\"><span class=\"btn-animate-y\">START PROJECT<\/span><\/button><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\" vc_custom_1699646100622 ubtn-ctn-left \"><button type=\"button\" id=\"ubtn-9322\"  class=\"ubtn ult-adjust-bottom-margin ult-responsive ubtn-normal ubtn-center-dg-bg  none  ubtn-left   tooltip-6a1d526b754a3\"  data-hover=\"#ffffff\" data-border-color=\"#111111\" data-bg=\"#000000\" data-hover-bg=\"#777777\" data-border-hover=\"#777777\" data-shadow-hover=\"\" data-shadow-click=\"none\" data-shadow=\"\" data-shd-shadow=\"\"  data-ultimate-target='#ubtn-9322'  data-responsive-json-new='{\"font-size\":\"desktop:16px;\",\"line-height\":\"\"}'  style=\"font-family:&#039;DM Sans&#039;;font-weight:500;border-radius:4px;border-width:1px;border-color:#111111;border-style:solid;background: #000000;color: #ffffff;\"><span class=\"ubtn-hover\" style=\"background-color:#777777\"><\/span><span class=\"ubtn-data ubtn-text \" data-btn-animate=\"y\"><span class=\"btn-animate-y\">START PROJECT<\/span><\/button><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1462202366679{padding-top: 0px !important;padding-bottom: 10px !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;GRAY&#8221; style=&#8221;flat&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;CHINO&#8221; style=&#8221;flat&#8221; color=&#8221;chino&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;ORANGE&#8221; style=&#8221;flat&#8221; color=&#8221;orange&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;SANDY&#8221; style=&#8221;flat&#8221; color=&#8221;sandy-brown&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;PINK&#8221; style=&#8221;flat&#8221; color=&#8221;pink&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;JUICY&#8221; style=&#8221;flat&#8221; color=&#8221;juicy-pink&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][\/vc_row][vc_row content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1462202394438{padding-top: 10px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;GREEN&#8221; style=&#8221;flat&#8221; color=&#8221;success&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;VISTA&#8221; style=&#8221;flat&#8221; color=&#8221;vista-blue&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;TURQUOISE&#8221; style=&#8221;flat&#8221; color=&#8221;turquoise&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;SKY&#8221; style=&#8221;flat&#8221; color=&#8221;sky&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;BLUE&#8221; style=&#8221;flat&#8221; color=&#8221;primary&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;NEW BLUE&#8221; style=&#8221;flat&#8221; color=&#8221;blue&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][\/vc_row][vc_row content_placement=&#8221;middle&#8221; css=&#8221;.vc_custom_1462202405570{padding-top: 0px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;BLACK&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#666666&#8243; outline_custom_hover_background=&#8221;#383838&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;SOFT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#5e9980&#8243; outline_custom_hover_background=&#8221;#5e9980&#8243; outline_custom_hover_text=&#8221;#ededed&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;BLAKE&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#1abc9c&#8221; outline_custom_hover_background=&#8221;#1abc9c&#8221; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;GREEN&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#29a53e&#8221; outline_custom_hover_background=&#8221;#29a53e&#8221; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;BUSH&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#678439&#8243; outline_custom_hover_background=&#8221;#678439&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_btn title=&#8221;DARK&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#101010&#8243; outline_custom_hover_background=&#8221;#101010&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221; align=&#8221;center&#8221; button_block=&#8221;true&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"ult-spacer spacer-6a1d526b754c7\" data-id=\"6a1d526b754c7\" data-height=\"100\" data-height-mobile=\"80\" data-height-tab=\"\" data-height-tab-portrait=\"80\" data-height-mobile-landscape=\"80\" style=\"clear:both;display:block;\"><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;ex-full&#8221; bg_color_value=&#8221;#ffffff&#8221; el_class=&#8221;wide-ipad&#8221; css=&#8221;.vc_custom_1682948565240{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column css_animation=&#8221;fadeInUpShort&#8221; el_class=&#8221;wide-ipad&#8221;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#111111&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;lg&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;sm&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; size=&#8221;xs&#8221;][vc_btn title=&#8221;LEARN MORE&#8221; style=&#8221;custom&#8221; custom_background=&#8221;#000000&#8243; custom_text=&#8221;#ffffff&#8221; shape=&#8221;round&#8221; size=&#8221;xs&#8221;][vc_empty_space height=&#8221;40px&#8221;][vc_btn title=&#8221;START PROJECT&#8221; style=&#8221;outline-custom&#8221; outline_custom_color=&#8221;#111111&#8243; outline_custom_hover_background=&#8221;#111111&#8243; outline_custom_hover_text=&#8221;#ffffff&#8221; size=&#8221;lg&#8221; align=&#8221;left&#8221; link=&#8221;url:%23|title:Contact%201&#8243;][vc_btn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":584,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page.php","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/pages\/584"}],"wp:attachment":[{"href":"https:\/\/preview.treethemes.com\/hazel5\/demo1\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}