{"id":253,"date":"2018-02-02T10:17:42","date_gmt":"2018-02-02T10:17:42","guid":{"rendered":"https:\/\/themes.flexipress.xyz\/housico\/?page_id=253"},"modified":"2018-02-02T10:17:42","modified_gmt":"2018-02-02T10:17:42","slug":"buttons","status":"publish","type":"page","link":"https:\/\/preview.codethrive.io\/housico-wp-theme\/elements\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p>[vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221;]\t\t<header class=\"vu_heading vu_h-style-1 vu_h-alignment-center vc_custom_1517821598352\">\r\n\t\t\t\r\n\t\t\t<h2 class=\"vu_h-heading\"><span>Buttons<\/span><\/h2>\r\n\r\n\t\t\t\t\t\t\t<div class=\"vu_h-subheading\">\r\n\t\t\t\t\t<p>Buttons are an integral part of your site, and we\u2019ve made sure you have<br \/>\nthe options you need to add beautiful buttons to any page.<\/p>\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/header>\r\n\t[\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; css=&#8221;.vc_custom_1517837829060{margin-bottom: 50px !important;}&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243;]\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-mini vu_b-stretch vu_b-normal-color-primary vu_b-hover-color-secondary\">\r\n\t\t\t\t<span>Button Mini Size<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-small vu_b-stretch vu_b-normal-color-primary vu_b-hover-color-secondary\">\r\n\t\t\t\t<span>Button Small Size<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-normal vu_b-stretch vu_b-normal-color-primary vu_b-hover-color-secondary\">\r\n\t\t\t\t<span>Button Normal Size<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-large vu_b-stretch vu_b-normal-color-primary vu_b-hover-color-secondary\">\r\n\t\t\t\t<span>Button Large Size<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243;]\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-mini vu_b-stretch vu_b-normal-color-secondary vu_b-hover-color-primary\">\r\n\t\t\t\t<span>Button Square Shape<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-round vu_b-size-small vu_b-stretch vu_b-normal-color-secondary vu_b-hover-color-primary\">\r\n\t\t\t\t<span>Button Round Shape<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-pill vu_b-size-normal vu_b-stretch vu_b-normal-color-secondary vu_b-hover-color-primary\">\r\n\t\t\t\t<span>Button Pill Shape<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-pill vu_b-size-large vu_b-stretch vu_b-normal-color-secondary vu_b-hover-color-primary\">\r\n\t\t\t\t<span>Button Secondary Color<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243;]\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-mini vu_b-stretch vu_b-normal-color-gray vu_b-hover-color-black vu_b-with-icon\">\r\n\t\t\t\t<i class=\"vu_fp-cloud_download\"><\/i><span>Button with Icon before Text<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-small vu_b-stretch vu_b-normal-color-gray vu_b-hover-color-black vu_b-with-icon\">\r\n\t\t\t\t<span>Button with Icon after Text<\/span><i class=\"vu_fp-cloud_download\"><\/i>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-normal vu_b-stretch vu_b-normal-color-gray vu_b-hover-color-black vu_b-with-icon\">\r\n\t\t\t\t<span>Button with Icon after Text<\/span><i class=\"vu_fp-arrow_forward\"><\/i>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20 vu_custom_9810513\">\r\n\t\t\t\t\t\t\t<style>\r\n\t\t\t\t\t\t\t\t\t\t\t.vu_button-container.vu_custom_9810513 .vu_button{color:#303745;border-color:#303745;background-color:#eeeeee;}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/style>\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-normal vu_b-stretch vu_b-hover-color-secondary\" style=\"border-width:1px\">\r\n\t\t\t\t<span>Button with Border<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t[\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243;]\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-mini vu_b-stretch vu_b-normal-color-primary vu_b-hover-color-secondary\">\r\n\t\t\t\t<span>Button Primary Color<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-small vu_b-stretch vu_b-normal-color-gray vu_b-hover-color-black\">\r\n\t\t\t\t<span>Button Gray Color<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20\">\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-normal vu_b-stretch vu_b-normal-color-black vu_b-hover-color-gray\">\r\n\t\t\t\t<span>Button Black Color<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"vu_button-container vu_b-alignment-center clearfix m-b-20 vu_custom_2607701\">\r\n\t\t\t\t\t\t\t<style>\r\n\t\t\t\t\t\t\t\t\t\t\t.vu_button-container.vu_custom_2607701 .vu_button{color:#ffffff;background-color:#ff5e14;}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.vu_button-container.vu_custom_2607701 .vu_button:hover{color:#ffffff;background-color:#06163a;}\r\n\t\t\t\t\t\t\t\t\t<\/style>\r\n\t\t\t\t\t\t<a href=\"#\" title=\"\" target=\"_self\" class=\"vu_button vu_b-shape-square vu_b-size-large vu_b-stretch\">\r\n\t\t\t\t<span>Button Custom Color<\/span>\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t[\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section content_layout=&#8221;full&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221; css=&#8221;.vc_custom_1517837829060{margin-bottom: 50px !important;}&#8221;][vc_row content_layout=&#8221;boxed&#8221; equal_height=&#8221;&#8221; animation_delay=&#8221;&#8221; disable=&#8221;&#8221; id=&#8221;&#8221; class=&#8221;&#8221; bg_type=&#8221;image&#8221; bg_image=&#8221;&#8221; color_overlay=&#8221;&#8221; enable_parallax=&#8221;&#8221; enable_pattern=&#8221;&#8221;][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; animation_delay=&#8221;&#8221; width=&#8221;1\/4&#8243;][\/vc_column][vc_column layout=&#8221;normal&#8221; vertical_align=&#8221;auto&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":255,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":0,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/pages\/255"}],"wp:attachment":[{"href":"https:\/\/preview.codethrive.io\/housico-wp-theme\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}