{"id":3144,"date":"2017-02-24T21:05:25","date_gmt":"2017-02-24T20:05:25","guid":{"rendered":"http:\/\/themes.89elements.com\/definity-data\/?page_id=3144"},"modified":"2017-02-24T21:05:25","modified_gmt":"2017-02-24T20:05:25","slug":"buttons","status":"publish","type":"page","link":"https:\/\/trema-europe.de\/index.php\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_type=&#8220;full-width&#8220;][vc_column no_gap_check=&#8220;no-gap&#8220;]<header class=\"page-title vc-pt vc_pt_id_0 pt-small \" >\r\n        \t<div class=\"bg-overlay\">\r\n        \t\t<div class=\"container\">\r\n        \t\t\t<div class=\"row\">\r\n        \t\t\t\t<div class=\"col-md-6\">\r\n        \t\t\t\t\t<h1 class=\"bpt-title-color\">Buttons<\/h1>\r\n        \t\t\t\t\t\r\n        \t\t\t\t<\/div><ol class=\"col-md-6 text-right breadcrumb\"><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/trema-europe.de\" title=\"Home\">Home<\/a><\/li><\/ol><\/div>\r\n        \t\t<\/div>\r\n        \t<\/div>\r\n        <\/header>[vc_empty_space height=&#8220;160px&#8220;]\r\n        <header class=\"sec-heading \" >\r\n          <h2 >Standard Buttons<\/h2>\r\n          \r\n        <\/header>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-0\" class=\"btn btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-1\" class=\"btn \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-2\" class=\"btn btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row background=&#8220;#111111&#8243;][vc_column][vc_empty_space height=&#8220;100px&#8220;][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-3{background-color: #ececec;} #d-custom-vc-btn-style-3:hover{background-color: rgba(236,236,236,0.75);} #d-custom-vc-btn-style-3{color: #111111;} #d-custom-vc-btn-style-3:hover{color: #111111;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-3\" class=\"btn btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-4{background-color: #ececec;} #d-custom-vc-btn-style-4:hover{background-color: rgba(236,236,236,0.75);} #d-custom-vc-btn-style-4{color: #111111;} #d-custom-vc-btn-style-4:hover{color: #111111;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-4\" class=\"btn \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-5{background-color: #ececec;} #d-custom-vc-btn-style-5:hover{background-color: rgba(236,236,236,0.75);} #d-custom-vc-btn-style-5{color: #111111;} #d-custom-vc-btn-style-5:hover{color: #111111;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-5\" class=\"btn btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8220;160px&#8220;]\r\n        <header class=\"sec-heading \" >\r\n          <h2 >Ghost Buttons<\/h2>\r\n          \r\n        <\/header>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-6\" class=\"btn-ghost btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-7\" class=\"btn-ghost \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-8\" class=\"btn-ghost btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row background=&#8220;#111111&#8243;][vc_column][vc_empty_space height=&#8220;100px&#8220;][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-9{color: #ececec;} #d-custom-vc-btn-style-9:hover{color: #111111;} #d-custom-vc-btn-style-9{border-color: #ececec;} #d-custom-vc-btn-style-9:hover{border-color: #ececec;} #d-custom-vc-btn-style-9:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-9\" class=\"btn-ghost btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-10{color: #ececec;} #d-custom-vc-btn-style-10:hover{color: #111111;} #d-custom-vc-btn-style-10{border-color: #ececec;} #d-custom-vc-btn-style-10:hover{border-color: #ececec;} #d-custom-vc-btn-style-10:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-10\" class=\"btn-ghost \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-11{color: #ececec;} #d-custom-vc-btn-style-11:hover{color: #111111;} #d-custom-vc-btn-style-11{border-color: #ececec;} #d-custom-vc-btn-style-11:hover{border-color: #ececec;} #d-custom-vc-btn-style-11:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-11\" class=\"btn-ghost btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8220;160px&#8220;]\r\n        <header class=\"sec-heading \" >\r\n          <h2 >Rounded Buttons<\/h2>\r\n          \r\n        <\/header>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-12\" class=\"btn-ghost btn-round btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-13\" class=\"btn-ghost btn-round \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-14\" class=\"btn-ghost btn-round btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row background=&#8220;#111111&#8243;][vc_column][vc_empty_space height=&#8220;100px&#8220;][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-15{color: #ececec;} #d-custom-vc-btn-style-15:hover{color: #111111;} #d-custom-vc-btn-style-15{border-color: #ececec;} #d-custom-vc-btn-style-15:hover{border-color: #ececec;} #d-custom-vc-btn-style-15:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-15\" class=\"btn-ghost btn-round btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-16{color: #ececec;} #d-custom-vc-btn-style-16:hover{color: #111111;} #d-custom-vc-btn-style-16{border-color: #ececec;} #d-custom-vc-btn-style-16:hover{border-color: #ececec;} #d-custom-vc-btn-style-16:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-16\" class=\"btn-ghost btn-round \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-17{color: #ececec;} #d-custom-vc-btn-style-17:hover{color: #111111;} #d-custom-vc-btn-style-17{border-color: #ececec;} #d-custom-vc-btn-style-17:hover{border-color: #ececec;} #d-custom-vc-btn-style-17:after{background-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-17\" class=\"btn-ghost btn-round btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8220;160px&#8220;]\r\n        <header class=\"sec-heading \" >\r\n          <h2 >Text Buttons<\/h2>\r\n          \r\n        <\/header>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-18\" class=\"btn-text btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-19\" class=\"btn-text \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-20\" class=\"btn-text btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row background=&#8220;#111111&#8243;][vc_column][vc_empty_space height=&#8220;100px&#8220;][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-21{color: rgba(236,236,236,0.85);} #d-custom-vc-btn-style-21:hover{color: #ececec;} #d-custom-vc-btn-style-21:hover{border-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-21\" class=\"btn-text btn-large\" title=\"Large Button\">Large Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-22{color: rgba(236,236,236,0.85);} #d-custom-vc-btn-style-22:hover{color: #ececec;} #d-custom-vc-btn-style-22:hover{border-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-22\" class=\"btn-text \">Normal Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;]<style type=\"text\/css\" class=\"custom-vc-btn-style\">#d-custom-vc-btn-style-23{color: rgba(236,236,236,0.85);} #d-custom-vc-btn-style-23:hover{color: #ececec;} #d-custom-vc-btn-style-23:hover{border-color: #ececec;} <\/style>\r\n        <div class=\"btn_align_center \">\r\n            <a href=\"http:\/\/definity.dev\/hover\/\" id=\"d-custom-vc-btn-style-23\" class=\"btn-text btn-small\">Small Button\r\n            <\/a>\r\n        <\/div>[vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8220;full-width&#8220;][vc_column no_gap_check=&#8220;no-gap&#8220;][vc_empty_space height=&#8220;160px&#8220;][\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;][vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;][vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;][vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8220;100px&#8220;][\/vc_column][\/vc_row][vc_row background=&#8220;#111111&#8243;][vc_column][vc_empty_space height=&#8220;100px&#8220;][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;][vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_empty_space height=&#8220;25px&#8220;][vc_empty_space height=&#8220;25px&#8220;][\/vc_column_inner][vc_column_inner &hellip; <\/p>\n<p><a href=\"https:\/\/trema-europe.de\/index.php\/buttons\/\" class=\"read-more-btn btn btn-small\">Weiterlesen&#8230;<span class=\"screen-reader-text\">Buttons<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-vc.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3144","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/pages\/3144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/comments?post=3144"}],"version-history":[{"count":0,"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/pages\/3144\/revisions"}],"wp:attachment":[{"href":"https:\/\/trema-europe.de\/index.php\/wp-json\/wp\/v2\/media?parent=3144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}