{"id":602,"date":"2016-03-05T10:20:33","date_gmt":"2016-03-05T10:20:33","guid":{"rendered":"http:\/\/theme.crumina.net\/polo\/?page_id=121"},"modified":"2021-02-01T10:52:35","modified_gmt":"2021-02-01T10:52:35","slug":"buttons","status":"publish","type":"page","link":"https:\/\/polo.crumina.net\/features\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>DEFAULT BUTTONS<\/abbr><\/div><a class=\"button\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button rounded\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button full-rounded\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button icon-right\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button effect icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button effect icon-right\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button effect icon-top\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button effect icon-bottom\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button effect fill-vertical\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button effect fill-horizontal\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button effect fill\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>3D BUTTONS<\/abbr><\/div><a class=\"button button-3d aqua\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button button-3d rounded aqua\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button button-3d full-rounded aqua\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button button-3d icon-left aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button button-3d icon-right aqua\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button button-3d effect icon-left aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button button-3d effect icon-right aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button button-3d effect icon-top aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button button-3d effect icon-bottom aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button button-3d effect fill-vertical aqua\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button button-3d effect fill-horizontal aqua\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button button-3d effect fill aqua\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>FLAT BUTTONS<\/abbr><\/div><a class=\"button purple-dark\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button rounded purple-dark\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button full-rounded purple-dark\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button icon-left purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button icon-right purple-dark\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button effect icon-left purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button effect icon-right purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button effect icon-top purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button effect icon-bottom purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button effect fill-vertical purple-dark\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button effect fill-horizontal purple-dark\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button effect fill purple-dark\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>BORDER BUTTONS<\/abbr><\/div><a class=\"button border\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button border rounded\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button border full-rounded\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button border icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button border icon-right\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button border effect icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button border effect icon-right\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button border effect icon-top\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button border effect icon-bottom\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button border effect fill-vertical\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button border effect fill-horizontal\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button border effect fill\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>COLORED BUTTONS<\/abbr><\/div><a class=\"button button-3d rounded icon-left aqua\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-clock-o\" ><\/i>Aqua<\/span><\/a><a class=\"button button-3d rounded icon-left color\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Colored button<\/span><\/a><a class=\"button button-3d rounded icon-left blue\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-paint-brush\" ><\/i>Blue default<\/span><\/a><a class=\"button button-3d rounded icon-left blue-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-pie-chart\" ><\/i>Blue dark<\/span><\/a><a class=\"button button-3d rounded icon-left shark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-database\" ><\/i>Shark<\/span><\/a><a class=\"button button-3d rounded icon-left purple-light\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-wifi\" ><\/i>Purple light<\/span><\/a><a class=\"button button-3d rounded icon-left purple\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-heart\" ><\/i>Purple default<\/span><\/a><a class=\"button button-3d rounded icon-left purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-bell\" ><\/i>Purple dark<\/span><\/a><a class=\"button button-3d rounded icon-left red-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-bolt\" ><\/i>Red dark<\/span><\/a><a class=\"button button-3d rounded icon-left red\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-camera\" ><\/i>Red default<\/span><\/a><a class=\"button button-3d rounded icon-left red-light\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-cloud\" ><\/i>Red light<\/span><\/a><a class=\"button button-3d rounded icon-left pink-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-database\" ><\/i>Pink dark<\/span><\/a><a class=\"button button-3d rounded icon-left pink\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-film\" ><\/i>Pink default<\/span><\/a><a class=\"button button-3d rounded icon-left orange-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Orange dark<\/span><\/a><a class=\"button button-3d rounded icon-left orange\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-external-link\" ><\/i>Orange default<\/span><\/a><a class=\"button button-3d rounded icon-left amber\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-check\" ><\/i>Amber<\/span><\/a><a class=\"button button-3d rounded icon-left green\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-desktop\" ><\/i>Green<\/span><\/a><a class=\"button button-3d rounded icon-left orange-light\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-envelope-o\" ><\/i>Orange light<\/span><\/a><a class=\"button button-3d rounded icon-left yellow\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-eye\" ><\/i>Yellow<\/span><\/a><a class=\"button button-3d rounded icon-left brown\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-car\" ><\/i>Brown default<\/span><\/a><a class=\"button button-3d rounded icon-left brown-light\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-coffee\" ><\/i>Brown light<\/span><\/a><a class=\"button button-3d rounded icon-left black\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-external-link\" ><\/i>Black default<\/span><\/a><a class=\"button button-3d rounded icon-left black-light\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-cloud\" ><\/i>Black light<\/span><\/a><a class=\"button button-3d rounded icon-left grey-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-cloud\" ><\/i>Grey dark<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"hr-title hr-long center \"  ><abbr>FULLWIDTH BUTTONS<\/abbr><\/div><a class=\"button fullwidth\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button fullwidth border\" href=\"#\" target=\"_self\"  ><span>Border fullwidth<\/span><\/a><a class=\"button fullwidth button-3d rounded red-dark\" href=\"#\" target=\"_self\"  ><span>3D button fullwidth<\/span><\/a><a class=\"button fullwidth effect icon-bottom purple-dark\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Flat fullwidth<\/span><\/a><a class=\"button fullwidth rounded icon-left purple\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-heart\" ><\/i>Icon fullwidth<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; enable_overlay=&#8221;1&#8243; css=&#8221;.vc_custom_1457178943856{background-image: url(https:\/\/polo.crumina.net\/features\/wp-content\/uploads\/sites\/9\/2016\/03\/1611842319-15.png?id=151) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; overlay_image=&#8221;252&#8243;][vc_column][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Transparent buttons<\/span><\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;]<a class=\"button transparent\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button transparent rounded\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button transparent full-rounded\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button transparent icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button transparent icon-right\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button transparent effect icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button transparent effect icon-right\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button transparent effect icon-top\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button transparent effect icon-bottom\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button transparent effect fill-vertical\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button transparent effect fill-horizontal\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button transparent effect fill\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;130px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;]<div class=\" heading-center\"><div class=\"custom-heading   \"  ><h2>BUTTONS (SMALL SIZES)<\/h2><span class=\"lead\">All variations represented for Normal buttons can be also used for Small and Large buttons.<\/span><span class=\"custom-heading-delim\" style=\"width:30px;\"><\/span><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<a class=\"button small\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button small rounded\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button small full-rounded\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button small icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button small icon-right\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button small effect icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button small effect icon-right\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button small effect icon-top\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button small effect icon-bottom\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button small effect fill-vertical\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button small effect fill-horizontal\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button small effect fill\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;]<div class=\" heading-center\"><div class=\"custom-heading   \"  ><h2>BUTTONS (LARGE SIZES)<\/h2><span class=\"lead\">All variations represented for Normal buttons can be also used for Small and Large buttons.<\/span><span class=\"custom-heading-delim\" style=\"width:30px;\"><\/span><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<a class=\"button large\" href=\"#\" target=\"_self\"  ><span>Default button<\/span><\/a><a class=\"button large rounded\" href=\"#\" target=\"_self\"  ><span>Rounded button<\/span><\/a><a class=\"button large full-rounded\" href=\"#\" target=\"_self\"  ><span>Full rounded button<\/span><\/a><a class=\"button large icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Icon left<\/span><\/a><a class=\"button large icon-right\" href=\"#\" target=\"_self\"  ><span>Icon right<i class=\"fa fa-shopping-cart\" ><\/i><\/span><\/a><a class=\"button large effect icon-left\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon left<\/span><\/a><a class=\"button large effect icon-right\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon right<\/span><\/a><a class=\"button large effect icon-top\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon top<\/span><\/a><a class=\"button large effect icon-bottom\" href=\"#\" target=\"_self\"  ><span><i class=\"fa fa-tint\" ><\/i>Animated icon bottom<\/span><\/a><a class=\"button large effect fill-vertical\" href=\"#\" target=\"_self\"  ><span>Animated fill vertical<\/span><\/a><a class=\"button large effect fill-horizontal\" href=\"#\" target=\"_self\"  ><span>Animated fill horizontal<\/span><\/a><a class=\"button large effect fill\" href=\"#\" target=\"_self\"  ><span>Animated fill<\/span><\/a>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; enable_overlay=&#8221;1&#8243; css=&#8221;.vc_custom_1457178943856{background-image: url(https:\/\/polo.crumina.net\/features\/wp-content\/uploads\/sites\/9\/2016\/03\/1611842319-15.png?id=151) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; overlay_image=&#8221;252&#8243;][vc_column][vc_empty_space height=&#8221;50px&#8221;][vc_column_text] Transparent buttons [\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_empty_space height=&#8221;130px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages\/602"}],"collection":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":0,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages\/602\/revisions"}],"wp:attachment":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/media?parent=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}