{"id":831,"date":"2016-08-11T08:04:38","date_gmt":"2016-08-11T08:04:38","guid":{"rendered":"https:\/\/luklau.me\/index.php\/buttons\/"},"modified":"2016-08-11T08:04:38","modified_gmt":"2016-08-11T08:04:38","slug":"buttons","status":"publish","type":"page","link":"https:\/\/luklau.me\/index.php\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p>[vc_row padding_top_multiplier=&#8221;6x&#8221; padding_bottom_multiplier=&#8221;6x&#8221;][vc_column width=&#8221;1\/3&#8243; tablet_sm_width=&#8221;1&#8243;]<h3 class=\"eut-element eut-title eut-align-left eut-h6\" style=\"\"><span>Button Colors<\/span><\/h3>[vc_column_text]With the button element you can easily add a colored button to your page.[\/vc_column_text]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243; tablet_width=&#8221;1-3&#8243; tablet_sm_width=&#8221;1-3&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>Learn more<\/span><\/a><\/div><div class=\"eut-empty-space eut-height-1x\" style=\"\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-primary-2 eut-bg-hover-black\"><span>Learn more<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; tablet_width=&#8221;1-3&#8243; tablet_sm_width=&#8221;1-3&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-green eut-bg-hover-black\"><span>Learn more<\/span><\/a><\/div><div class=\"eut-empty-space eut-height-1x\" style=\"\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-purple eut-bg-hover-primary-1\"><span>Learn more<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; tablet_width=&#8221;1-3&#8243; tablet_sm_width=&#8221;1-3&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-orange eut-bg-hover-red\"><span>Learn more<\/span><\/a><\/div><div class=\"eut-empty-space eut-height-1x\" style=\"\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-primary-5 eut-bg-hover-black\"><span>Learn more<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; tablet_width=&#8221;hide&#8221; tablet_sm_width=&#8221;hide&#8221; mobile_width=&#8221;hide&#8221;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-aqua eut-bg-hover-blue\"><span>Learn more<\/span><\/a><\/div><div class=\"eut-empty-space eut-height-1x\" style=\"\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-black eut-bg-hover-aqua\"><span>Learn more<\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column]<div class=\"eut-element eut-divider\" style=\"\"><div class=\"eut-line-divider eut-border\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;6x&#8221; padding_bottom_multiplier=&#8221;6x&#8221;][vc_column width=&#8221;1\/3&#8243; tablet_sm_width=&#8221;1&#8243;]<h3 class=\"eut-element eut-title eut-align-left eut-h6\" style=\"\"><span>Button Sizes<\/span><\/h3>[vc_column_text]Five different sizes for you to chosse. Extra small, small, medium, large and extra large.[\/vc_column_text]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-extrasmall eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-medium eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-large eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-extralarge eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>learn more about<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-extrasmall eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-medium eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-large eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>learn more about<\/span><\/a><\/div><div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-extralarge eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>learn more about<\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column]<div class=\"eut-element eut-divider\" style=\"\"><div class=\"eut-line-divider eut-border\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;6x&#8221; padding_bottom_multiplier=&#8221;6x&#8221;][vc_column width=&#8221;1\/3&#8243; tablet_sm_width=&#8221;1&#8243;]<h3 class=\"eut-element eut-title eut-align-left eut-h6\" style=\"\"><span>Button Types<\/span><\/h3>[vc_column_text]You can also choose the appropriate type(simple, outline, underline) for your buttons and off you go![\/vc_column_text]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-primary-1 eut-bg-hover-black\"><span>Colored Button<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>Outline Button<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"eut-empty-space\" style=\"height: 10px;\"><\/div><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-text-black eut-text-hover-black eut-btn-underline\"><span>Undrline Button<span class=\"eut-btn-bottom-line eut-bg-primary-1\"><\/span><\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column]<div class=\"eut-element eut-divider\" style=\"\"><div class=\"eut-line-divider eut-border\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row padding_top_multiplier=&#8221;6x&#8221; padding_bottom_multiplier=&#8221;6x&#8221;][vc_column width=&#8221;1\/3&#8243; tablet_sm_width=&#8221;1&#8243;]<h3 class=\"eut-element eut-title eut-align-left eut-h6\" style=\"\"><span>Button Shapes<\/span><\/h3>[vc_column_text]Last but not least, you can select among 3 different shapes: Square, Round and Extra Round.[\/vc_column_text]<div class=\"eut-empty-space eut-height-2x\" style=\"\"><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243; tablet_sm_width=&#8221;1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<h5 class=\"eut-element eut-title eut-align-left eut-small-text\" style=\"\"><span>Square Shape<\/span><\/h5><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-square eut-bg-black eut-bg-hover-black eut-btn-line\"><span>Choose now<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<h5 class=\"eut-element eut-title eut-align-left eut-small-text\" style=\"\"><span>Round Shape<\/span><\/h5><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-round eut-bg-black eut-bg-hover-black eut-btn-line\"><span>Choose now<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<h5 class=\"eut-element eut-title eut-align-left eut-small-text\" style=\"\"><span>Extra Round Shape<\/span><\/h5><div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-small eut-extra-round eut-bg-black eut-bg-hover-black eut-btn-line\"><span>Choose now<\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row section_type=&#8221;fullwidth&#8221; columns_gap=&#8221;none&#8221; padding_top_multiplier=&#8221;&#8221; padding_bottom_multiplier=&#8221;&#8221;][vc_column]<div class=\"eut-element eut-align-left\"><a href=\"#\" class=\"eut-btn eut-btn-medium eut-square eut-bg-primary-1 eut-bg-hover-black eut-fullwidth-btn eut-fluid-btn-medium\"><span>Fluid Button<\/span><\/a><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":"","footnotes":""},"class_list":["post-831","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/pages\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/comments?post=831"}],"version-history":[{"count":0,"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/pages\/831\/revisions"}],"wp:attachment":[{"href":"https:\/\/luklau.me\/index.php\/wp-json\/wp\/v2\/media?parent=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}