{"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\/fr\/elements\/buttons\/","title":{"rendered":"boutons"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-892828014\">\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-735300598\" 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>boutons<\/h1>\n<p class=\"lead\">Cr\u00e9ez de superbes boutons d&#039;appel \u00e0 l&#039;action avec l&#039;incroyable \u00e9l\u00e9ment de bouton<\/p>\n<a href=\"http:\/\/test?asdf&#038;asdf=asdf&#038;asdf&#038;\" class=\"button primary is-shade\" >\n\t\t<span>Bouton principal<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-735300598 {\n  width: 76%;\n}\n#text-box-735300598 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-892828014 {\n  padding-top: 500px;\n}\n#banner-892828014 .overlay {\n  background-color: rgba(0, 0, 0, 0.49);\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row\"  id=\"row-523413779\">\n\n\t<div id=\"col-1239141689\" 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>Variations illimit\u00e9es<\/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-1649085626\" 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>Couleur primaire<\/span>\n\t<\/a>\n\n<a class=\"button secondary\" style=\"border-radius:12px;\">\n\t\t<span>Couleur secondaire<\/span>\n\t<\/a>\n\n<a class=\"button alert\" >\n\t\t<span>Couleur d&#039;alerte<\/span>\n\t<i class=\"icon-heart\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button success\" >\n\t\t<span>Couleur du succ\u00e8s<\/span>\n\t<\/a>\n\n<a class=\"button white\" >\n\t\t<span>Couleur blanche<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Couleur primaire<\/span>\n\t<\/a>\n\n<a class=\"button success is-outline\" style=\"border-radius:99px;\">\n\t\t<span>Couleur du succ\u00e8s<\/span>\n\t<\/a>\n\n<a class=\"button alert is-outline reveal-icon\" style=\"border-radius:6px;\">\n\t\t<span>Couleur d&#039;alerte<\/span>\n\t<i class=\"icon-heart\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button secondary is-outline\" >\n\t\t<span>Couleur secondaire<\/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_2007267610\">\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-2041714119\">\n\n\t<div id=\"col-1407891474\" 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>Boutons sur fond sombre<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-412282086\" 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>Couleur primaire<\/span>\n\t<\/a>\n\n<a class=\"button secondary\" >\n\t\t<span>Couleur secondaire<\/span>\n\t<\/a>\n\n<a class=\"button alert\" >\n\t\t<span>Couleur d&#039;alerte<\/span>\n\t<\/a>\n\n<a class=\"button success\" >\n\t\t<span>Couleur du succ\u00e8s<\/span>\n\t<\/a>\n\n<a class=\"button white\" >\n\t\t<span>Couleur blanche<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Couleur primaire<\/span>\n\t<\/a>\n\n<a class=\"button success is-outline\" >\n\t\t<span>Couleur du succ\u00e8s<\/span>\n\t<\/a>\n\n<a class=\"button alert is-outline\" >\n\t\t<span>Couleur d&#039;alerte<\/span>\n\t<\/a>\n\n<a class=\"button secondary is-outline\" >\n\t\t<span>Couleur secondaire<\/span>\n\t<\/a>\n\n<a class=\"button white is-outline\" >\n\t\t<span>contour blanc<\/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_2007267610 {\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-478480136\">\n\n\t<div id=\"col-179094943\" 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>Styles de boutons<\/h3>\n<p>Choisissez entre de nombreux styles de boutons diff\u00e9rents.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1439945363\" 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>Lien simple<\/span>\n\t<\/a>\n\n<a class=\"button primary is-underline\" >\n\t\t<span>souligner<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline box-shadow-2 box-shadow-2-hover\" >\n\t\t<span>Pr\u00e9senter<\/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>brillant<\/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>Ombre<\/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>biseau<\/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-902692481\">\n\n\t<div id=\"col-566207129\" 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>Bouton avec ic\u00f4ne<\/h3>\n<p>Choisissez entre de nombreuses ic\u00f4nes Flatsome incluses.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-196795968\" 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>Ic\u00f4ne Bouton<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" style=\"border-radius:6px;\">\n\t\t<span>Ic\u00f4ne \u00e0 gauche<\/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>Afficher \u00e0 gauche<\/span>\n\t<\/a>\n\n<a class=\"button primary reveal-icon\" >\n\t\t<span>R\u00e9v\u00e9ler \u00e0 droite<\/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>Gros bouton<\/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>Grand d\u00e9voilement<\/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-989719750\">\n\n\t<div id=\"col-1136993112\" 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>Styles de boutons simples<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1228066384\" 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>Couleur primaire<\/span>\n\t<i class=\"icon-play\" aria-hidden=\"true\"><\/i><\/a>\n\n<a class=\"button secondary is-link\" >\n\t\t<span>Couleur secondaire<\/span>\n\t<\/a>\n\n<a class=\"button success is-link\" >\n\t\t<span>Couleur du succ\u00e8s<\/span>\n\t<\/a>\n\n<a class=\"button alert is-link\" >\n\t\t<span>Couleur d&#039;alerte<\/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-1749045637\">\n\n\t<div id=\"col-1595808600\" 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>Rayon du bouton<\/h3>\n<p>Ajouter un rayon personnalis\u00e9 aux boutons<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-281059913\" 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>Bouton r\u00e9gulier<\/span>\n\t<\/a>\n\n<a class=\"button primary is-large\" style=\"border-radius:10px;\">\n\t\t<span>Bouton rond<\/span>\n\t<\/a>\n\n<a class=\"button primary is-large\" style=\"border-radius:99px;\">\n\t\t<span>Bouton cercle<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" >\n\t\t<span>Bouton r\u00e9gulier<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" style=\"border-radius:10px;\">\n\t\t<span>Bouton rond<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Bouton cercle<\/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-1349746859\">\n\n\t<div id=\"col-1585679704\" 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>Bouton Ombre<\/h3>\n<p>Ajoutez une ombre port\u00e9e aux boutons pour les faire ressortir davantage.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-321870260\" 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>Grande ombre<\/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>Ombre moyenne<\/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>Petite ombre<\/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-1520963525\">\n\n\t<div id=\"col-1194181413\" 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>Tailles des boutons<\/h3>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1717037650\" 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 Petit<\/span>\n\t<\/a>\n\n<a class=\"button primary is-smaller\" >\n\t\t<span>plus petit<\/span>\n\t<\/a>\n\n<a class=\"button primary is-small\" >\n\t\t<span>petit<\/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>grand<\/span>\n\t<\/a>\n\n<a class=\"button primary is-larger\" >\n\t\t<span>Plus grande<\/span>\n\t<\/a>\n\n<a class=\"button primary is-xlarge\" >\n\t\t<span>X GRAND<\/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-182119198\">\n\n\t<div id=\"col-1389186142\" 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>Liens intelligents<\/h3>\n<p>Ajoutez du texte simple aux liens des boutons pour cr\u00e9er un lien vers diverses pages WordPress et WooCommerce.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1158928411\" 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>magasin<\/strong>&#039;\u00a0: va \u00e0 la page de la boutique<\/p>\n<p>\u2018<strong>Compte&#039;<\/strong> Va \u00e0 la page Mon compte<\/p>\n<p>\u2018<strong>v\u00e9rifier&#039;<\/strong> Va \u00e0 la page de paiement<\/p>\n<p>\u2018<strong>Blog&#039;<\/strong> Va \u00e0 la page du blog<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-162352871\" 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>domicile<\/strong>&#039; Va \u00e0 la page d&#039;accueil<\/p>\n<p><strong>&#039;liste de souhaits<\/strong>&#039; Va \u00e0 la page de la liste de souhaits<\/p>\n<p>\u2018<strong>Titre de la page<\/strong>&#039; Va \u00e0 la page par titre.<\/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\/fr\/iletisim\/","url_meta":{"origin":83,"position":0},"title":"Contactez-nous","author":"admin","date":"7 f\u00e9vrier 2019","format":false,"excerpt":"Cliquez pour entrer en contact.","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":84,"url":"https:\/\/tuzlahortum.com.tr\/fr\/iletisim2\/","url_meta":{"origin":83,"position":1},"title":"Communication 2","author":"admin","date":"11 ao\u00fbt 2013","format":false,"excerpt":"\u00a0","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":86,"url":"https:\/\/tuzlahortum.com.tr\/fr\/hakkimizda\/","url_meta":{"origin":83,"position":2},"title":"\u00c0 PROPOS DE NOUS","author":"admin","date":"11 ao\u00fbt 2013","format":false,"excerpt":"","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12928,"url":"https:\/\/tuzlahortum.com.tr\/fr\/qr-welcome\/","url_meta":{"origin":83,"position":3},"title":"Q.R.","author":"admin","date":"29 septembre 2023","format":false,"excerpt":"","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1217,"url":"https:\/\/tuzlahortum.com.tr\/fr\/satis-danismanlarimiz\/","url_meta":{"origin":83,"position":4},"title":"Nos conseillers commerciaux","author":"admin","date":"7 f\u00e9vrier 2019","format":false,"excerpt":"Nos conseillers commerciaux Tous nos conseillers feront de leur mieux pour vous offrir le meilleur service. Si vous le demandez, votre entreprise peut \u00eatre visit\u00e9e ou votre installation peut \u00eatre examin\u00e9e et des conseils peuvent \u00eatre fournis sur l&#039;utilisation du bon produit. T\u00e9l : 0 216 493 53 53 (pbx)","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":29,"url":"https:\/\/tuzlahortum.com.tr\/fr\/elements\/video\/","url_meta":{"origin":83,"position":5},"title":"Video","author":"admin","date":"29 juin 2016","format":false,"excerpt":"","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","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\/fr\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":0,"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/pages\/93"}],"wp:attachment":[{"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}