{"id":83,"date":"2013-08-11T19:54:47","date_gmt":"2013-08-11T19:54:47","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=538"},"modified":"2019-02-05T15:16:57","modified_gmt":"2019-02-05T12:16:57","slug":"buttons","status":"publish","type":"page","link":"https:\/\/tuzlahortum.com.tr\/en\/elements\/buttons\/","title":{"rendered":"buttons"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-1123832821\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                    <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-468411530\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h1>buttons<\/h1>\n<p class=\"lead\">Create beautiful Call to Action buttons with the amazing Button Element<\/p>\n<a href=\"http:\/\/test?asdf&#038;asdf=asdf&#038;asdf&#038;\" class=\"button primary is-shade\" >\n\t\t<span>Primary Button<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-468411530 {\n  width: 76%;\n}\n#text-box-468411530 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1123832821 {\n  padding-top: 500px;\n}\n#banner-1123832821 .overlay {\n  background-color: rgba(0, 0, 0, 0.49);\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row\"  id=\"row-2129509335\">\n\n\t<div id=\"col-332022013\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Unlimited Variations<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elite, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquamerat volutpat\u2026.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1560453528\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary\" >\n\t\t<span>Primary Color<\/span>\n\t<\/a>\n\n<a class=\"button secondary\" style=\"border-radius:12px;\">\n\t\t<span>Secondary Color<\/span>\n\t<\/a>\n\n<a class=\"button alert\" >\n\t\t<span>Alert Color<\/span>\n\t<i class=\"icon-heart\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button success\" >\n\t\t<span>Success Color<\/span>\n\t<\/a>\n\n<a class=\"button white\" >\n\t\t<span>White Color<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Primary Color<\/span>\n\t<\/a>\n\n<a class=\"button success is-outline\" style=\"border-radius:99px;\">\n\t\t<span>Success Color<\/span>\n\t<\/a>\n\n<a class=\"button alert is-outline reveal-icon\" style=\"border-radius:6px;\">\n\t\t<span>Alert Color<\/span>\n\t<i class=\"icon-heart\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button secondary is-outline\" >\n\t\t<span>Secondary Color<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\n\t<section class=\"section dark\" id=\"section_1012142988\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-226340211\">\n\n\t<div id=\"col-1681842461\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Buttons on Dark background<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-681720956\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary\" >\n\t\t<span>Primary Color<\/span>\n\t<\/a>\n\n<a class=\"button secondary\" >\n\t\t<span>Secondary Color<\/span>\n\t<\/a>\n\n<a class=\"button alert\" >\n\t\t<span>Alert Color<\/span>\n\t<\/a>\n\n<a class=\"button success\" >\n\t\t<span>Success Color<\/span>\n\t<\/a>\n\n<a class=\"button white\" >\n\t\t<span>White Color<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Primary Color<\/span>\n\t<\/a>\n\n<a class=\"button success is-outline\" >\n\t\t<span>Success Color<\/span>\n\t<\/a>\n\n<a class=\"button alert is-outline\" >\n\t\t<span>Alert Color<\/span>\n\t<\/a>\n\n<a class=\"button secondary is-outline\" >\n\t\t<span>Secondary Color<\/span>\n\t<\/a>\n\n<a class=\"button white is-outline\" >\n\t\t<span>white outline<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1012142988 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(44, 44, 44);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row\"  id=\"row-1328383506\">\n\n\t<div id=\"col-397877192\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Button Styles<\/h3>\n<p>Select between many different button styles.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-579242315\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-link\" >\n\t\t<span>Simple link<\/span>\n\t<\/a>\n\n<a class=\"button primary is-underline\" >\n\t\t<span>underline<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline box-shadow-2 box-shadow-2-hover\" >\n\t\t<span>Outline<\/span>\n\t<\/a>\n\n<a class=\"button primary box-shadow-2 box-shadow-5-hover\" >\n\t\t<span>Normal<\/span>\n\t<\/a>\n\n<a class=\"button primary is-gloss box-shadow-2 box-shadow-5-hover\" style=\"border-radius:99px;\">\n\t\t<span>gloss<\/span>\n\t<\/a>\n\n<a class=\"button primary is-shade box-shadow-2 box-shadow-5-hover\" style=\"border-radius:7px;\">\n\t\t<span>Shade<\/span>\n\t<\/a>\n\n<a class=\"button primary is-bevel box-shadow-2 box-shadow-5-hover\" style=\"border-radius:12px;\">\n\t\t<span>bevel<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-551177257\">\n\n\t<div id=\"col-1023147461\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Button with icon<\/h3>\n<p>Choose between many included Flatsome Icons.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-749336838\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-bevel\" style=\"border-radius:8px;\">\n\t<i class=\"icon-twitter\" aria-hidden=\"true\"><\/i>\t<span>Icon Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" style=\"border-radius:6px;\">\n\t\t<span>Icon Left<\/span>\n\t<i class=\"icon-instagram\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button primary is-outline reveal-icon\" >\n\t<i class=\"icon-play\" aria-hidden=\"true\"><\/i>\t<span>Reveal Left<\/span>\n\t<\/a>\n\n<a class=\"button primary reveal-icon\" >\n\t\t<span>Reveal Right<\/span>\n\t<i class=\"icon-angle-right\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button primary is-bevel is-xlarge\" style=\"border-radius:8px;\">\n\t<i class=\"icon-twitter\" aria-hidden=\"true\"><\/i>\t<span>Large Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-bevel is-xlarge reveal-icon\" style=\"border-radius:8px;\">\n\t<i class=\"icon-checkmark\" aria-hidden=\"true\"><\/i>\t<span>Large Reveal<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-1528679041\">\n\n\t<div id=\"col-873678575\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Simple Button Styles<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1270010150\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-link reveal-icon\" >\n\t\t<span>Primary Color<\/span>\n\t<i class=\"icon-play\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button secondary is-link\" >\n\t\t<span>Secondary Color<\/span>\n\t<\/a>\n\n<a class=\"button success is-link\" >\n\t\t<span>Success Color<\/span>\n\t<\/a>\n\n<a class=\"button alert is-link\" >\n\t\t<span>Alert Color<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-417611496\">\n\n\t<div id=\"col-564640190\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Button Radius<\/h3>\n<p>Add custom radius to buttons<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-366755272\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-large\" >\n\t\t<span>Regular Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-large\" style=\"border-radius:10px;\">\n\t\t<span>Round Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-large\" style=\"border-radius:99px;\">\n\t\t<span>Circle Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" >\n\t\t<span>Regular Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" style=\"border-radius:10px;\">\n\t\t<span>Round Button<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Circle Button<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-1781761610\">\n\n\t<div id=\"col-804203433\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Button Shadow<\/h3>\n<p>Add drop shadow to buttons to make them stand out more.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1196019578\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-bevel is-large box-shadow-5 box-shadow-4-hover\" >\n\t\t<span>Large Shadow<\/span>\n\t<\/a>\n\n<a class=\"button primary is-bevel is-large box-shadow-3 box-shadow-4-hover\" >\n\t\t<span>Medium Shadow<\/span>\n\t<\/a>\n\n<a class=\"button primary is-bevel is-large box-shadow-1 box-shadow-2-hover\" >\n\t\t<span>Small Shadow<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-10079048\">\n\n\t<div id=\"col-1195955094\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Button Sizes<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-914058443\" class=\"col medium-9 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<a class=\"button primary is-xsmall\" >\n\t\t<span>x Small<\/span>\n\t<\/a>\n\n<a class=\"button primary is-smaller\" >\n\t\t<span>smaller<\/span>\n\t<\/a>\n\n<a class=\"button primary is-small\" >\n\t\t<span>small<\/span>\n\t<\/a>\n\n<a class=\"button primary\" >\n\t\t<span>Normal<\/span>\n\t<\/a>\n\n<a class=\"button primary is-large\" >\n\t\t<span>large<\/span>\n\t<\/a>\n\n<a class=\"button primary is-larger\" >\n\t\t<span>Larger<\/span>\n\t<\/a>\n\n<a class=\"button primary is-xlarge\" >\n\t\t<span>X LARGE<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-249503839\">\n\n\t<div id=\"col-290275497\" class=\"col medium-3 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Smart Links<\/h3>\n<p>Add simple text to button links to link to various WordPress and WooCommerce pages.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-517240106\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>\u2018<strong>shop<\/strong>&#039; : Goes to Shop page<\/p>\n<p>\u2018<strong>account&#039;<\/strong> Goes to My Account Page<\/p>\n<p>\u2018<strong>checkout&#039;<\/strong> Goes to Checkout page<\/p>\n<p>\u2018<strong>blog&#039;<\/strong> Goes to blog page<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-993841170\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>\u2018<strong>home<\/strong>&#039; Goes to homepage<\/p>\n<p><strong>&#039;wishlist<\/strong>&#039; Goes to wishlist page<\/p>\n<p>\u2018<strong>Page Title<\/strong>&#039; Goes to page by Title.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":93,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":1047,"url":"https:\/\/tuzlahortum.com.tr\/en\/iletisim\/","url_meta":{"origin":83,"position":0},"title":"Contact us","author":"admin","date":"7 February 2019","format":false,"excerpt":"Click to get in touch.","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":84,"url":"https:\/\/tuzlahortum.com.tr\/en\/iletisim2\/","url_meta":{"origin":83,"position":1},"title":"Communication 2","author":"admin","date":"11 August 2013","format":false,"excerpt":"\u00a0","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":86,"url":"https:\/\/tuzlahortum.com.tr\/en\/hakkimizda\/","url_meta":{"origin":83,"position":2},"title":"ABOUT US","author":"admin","date":"11 August 2013","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12928,"url":"https:\/\/tuzlahortum.com.tr\/en\/qr-welcome\/","url_meta":{"origin":83,"position":3},"title":"Q.R.","author":"admin","date":"29 September 2023","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1217,"url":"https:\/\/tuzlahortum.com.tr\/en\/satis-danismanlarimiz\/","url_meta":{"origin":83,"position":4},"title":"Our Sales Consultants","author":"admin","date":"7 February 2019","format":false,"excerpt":"Our sales consultants All our consultants will do their best to provide you with the best service. If you request, your company can be visited or your facility can be examined and consultancy can be provided on the use of the right product. Tel: 0 216 493 53 53 (pbx)","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":29,"url":"https:\/\/tuzlahortum.com.tr\/en\/elements\/video\/","url_meta":{"origin":83,"position":5},"title":"Video","author":"admin","date":"29 June 2016","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":0,"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/pages\/93"}],"wp:attachment":[{"href":"https:\/\/tuzlahortum.com.tr\/en\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}