{"id":68,"date":"2014-02-08T21:03:57","date_gmt":"2014-02-08T21:03:57","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2560"},"modified":"2019-02-05T15:16:57","modified_gmt":"2019-02-05T12:16:57","slug":"banner-grid","status":"publish","type":"page","link":"https:\/\/tuzlahortum.com.tr\/fr\/elements\/banner-grid\/","title":{"rendered":"Banner Grids"},"content":{"rendered":"<section class=\"section\" id=\"section_624172782\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgba(0, 0, 0, 0.13);border-width:1px 0px 1px 0px;\">\n\t<\/div>\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=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:120%;\">\u00c9l\u00e9ment de grille de banni\u00e8re<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-298025198\" class=\"banner-grid row row-grid row-small row-box-shadow-1\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-12 large-4 grid-col-1\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-218683760\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-246841252\" 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<h2 class=\"alt-font\">Un titre mignon<\/h2>\n<h2 class=\"uppercase\"><strong><span style=\"font-size: 140%;\">Voici un titre simple<\/span><\/strong><\/h2>\n<p class=\"lead\"><span style=\"font-size: 130%;\">Un petit texte<\/span><\/p>\n<a class=\"button primary is-outline is-xlarge\" >\n\t\t<span>Cliquez-moi\u00a0!<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-246841252 {\n  width: 70%;\n}\n#text-box-246841252 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><\/div>\n            \n<style>\n#banner-218683760 .banner-bg img {\n  object-position: 64% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-1\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-893825859\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"921\" height=\"271\" src=\"https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?fit=921%2C271&amp;ssl=1\" class=\"bg attachment-large size-large\" alt=\"\" title=\"\">                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1427393656\" class=\"text-box banner-layer x50 md-x50 lg-x50 y5 md-y5 lg-y5 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2 class=\"uppercase\"><strong>Voici un titre simple<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" >\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1427393656 {\n  width: 60%;\n}\n#text-box-1427393656 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1427393656 {\n    width: 69%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img loading=\"lazy\" decoding=\"async\" width=\"921\" height=\"271\" src=\"https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?fit=921%2C271&amp;ssl=1\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?w=921&amp;ssl=1 921w, https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?resize=800%2C235&amp;ssl=1 800w, https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?resize=768%2C226&amp;ssl=1 768w, https:\/\/i0.wp.com\/tuzlahortum.com.tr\/wp-content\/uploads\/2019\/03\/TRELLFLEX-BIOFUEL.jpg?resize=600%2C177&amp;ssl=1 600w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" title=\"\"><\/div>\n            \n<style>\n#banner-893825859 .banner-bg img {\n  object-position: 51% 56%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-5 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-1285120234\">\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-2016701202\" class=\"text-box banner-layer x10 md-x10 lg-x10 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2 class=\"uppercase\"><strong>Voici un titre simple<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" >\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2016701202 {\n  width: 42%;\n}\n#text-box-2016701202 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><\/div>\n            \n<style>\n#banner-1285120234 .overlay {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n#banner-1285120234 .banner-bg img {\n  object-position: 51% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-5 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-653935383\">\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-2023409436\" 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<h2 class=\"uppercase\"><strong>LES SOLDES SE TERMINENT BIENT\u00d4T<\/strong><\/h2>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2023409436 {\n  width: 60%;\n}\n#text-box-2023409436 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-2023409436 {\n    width: 70%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><\/div>\n            \n<style>\n#banner-653935383 .overlay {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n#banner-653935383 {\n  background-color: rgb(0, 0, 0);\n}\n#banner-653935383 .banner-bg img {\n  object-position: 71% 19%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-298025198 .grid-col-1{height: 600px}\n    #banner-grid-298025198 .grid-col-1-2{height: 300px}\n    #banner-grid-298025198 .grid-col-1-3{height:200px}\n    #banner-grid-298025198 .grid-col-2-3{height: 400px}\n    #banner-grid-298025198 .grid-col-1-4{height: 150px}\n    #banner-grid-298025198 .grid-col-3-4{height: 450px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\t\t<\/div>\n\n\t\t\n<style>\n#section_624172782 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(237, 239, 241);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row align-middle\"  id=\"row-1625000880\">\n\n\t<div id=\"col-1792443354\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"uppercase\">\u00c9DITION PAR GLISSER-D\u00c9POSER<\/h2>\n<p class=\"lead\">La cr\u00e9ation de grilles de banni\u00e8res \u00e9tonnantes est incroyablement facile avec la nouvelle application <strong>Constructeur UX<\/strong><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1446974479\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1266334027\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1266334027 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\n\t<section class=\"section dark has-parallax\" id=\"section_594553066\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-2\">\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Grille de banni\u00e8re avec arri\u00e8re-plan<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1762420385\" class=\"banner-grid row row-grid row-small row-box-shadow-1\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1775612889\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1110173036\" class=\"text-box banner-layer x10 md-x10 lg-x10 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h6 class=\"uppercase\">Vendeur en vedette<\/h6>\n<h2><strong>Vendeur en vedette cette semaine<\/strong><\/h2>\n<p class=\"lead\">Remplacez ceci par n'importe quoi. Consectetuer adipiscing elit.<\/p>\n<a class=\"button primary is-outline\" style=\"border-radius:99px;\">\n\t\t<span>Aller \u00e0 la boutique<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1110173036 {\n  width: 90%;\n}\n#text-box-1110173036 .text-box-content {\n  font-size: 102%;\n}\n@media (min-width:550px) {\n  #text-box-1110173036 {\n    width: 65%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1775612889 {\n  padding-top: 500px;\n}\n#banner-1775612889 .banner-bg img {\n  object-position: 32% 58%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-30655930\">\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-941237873\" 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<h2><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h2>\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-941237873 {\n  width: 74%;\n}\n#text-box-941237873 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-30655930 {\n  padding-top: 500px;\n}\n#banner-30655930 .overlay {\n  background-color: rgba(0, 0, 0, 0.16);\n}\n#banner-30655930 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-4 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-981542969\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-439305862\" class=\"text-box banner-layer x50 md-x50 lg-x50 y85 md-y85 lg-y85 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h6 class=\"uppercase\">Vendeur en vedette<\/h6>\n<h2><strong>Boutique Woo Vendor<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" style=\"border-radius:99px;\">\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-439305862 {\n  width: 60%;\n}\n#text-box-439305862 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-439305862 {\n    width: 80%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-981542969 {\n  padding-top: 500px;\n}\n#banner-981542969 .banner-bg img {\n  object-position: 66% 22%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1549267231\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-707848158\" class=\"text-box banner-layer x10 md-x10 lg-x10 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h2>\n<p class=\"lead\">Remplacer ce texte par n'importe quoi<\/p>\n<a class=\"button primary is-outline is-larger\" style=\"border-radius:99px;\">\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-707848158 {\n  width: 80%;\n}\n#text-box-707848158 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1549267231 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-8 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1421272362\">\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-2029812729\" class=\"text-box banner-layer x50 md-x50 lg-x50 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2><strong>Voici un titre simple<\/strong><\/h2>\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Acheter<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2029812729 {\n  width: 79%;\n}\n#text-box-2029812729 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1421272362 {\n  padding-top: 500px;\n}\n#banner-1421272362 .overlay {\n  background-color: rgba(0, 0, 0, 0.09);\n}\n#banner-1421272362 .banner-bg img {\n  object-position: 61% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-1762420385 .grid-col-1{height: 666px}\n    #banner-grid-1762420385 .grid-col-1-2{height: 333px}\n    #banner-grid-1762420385 .grid-col-1-3{height:222px}\n    #banner-grid-1762420385 .grid-col-2-3{height: 444px}\n    #banner-grid-1762420385 .grid-col-1-4{height: 166.5px}\n    #banner-grid-1762420385 .grid-col-3-4{height: 499.5px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\t\t<\/div>\n\n\t\t\n<style>\n#section_594553066 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(28, 28, 28);\n}\n#section_594553066 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.72);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"container section-title-container\" style=\"margin-top:31px;\"><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Utiliser les grilles de banni\u00e8res pour cr\u00e9er des grilles de portefeuilles<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-530738408\" class=\"banner-grid row row-grid row-collapse row-full-width\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-13 large-6 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1378831986\">\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-21976196\" class=\"text-box banner-layer x10 md-x10 lg-x10 y80 md-y80 lg-y80 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h3 class=\"uppercase\"><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h3>\n<p class=\"lead\">Un site web pour la soci\u00e9t\u00e9 Acme<\/p>\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-21976196 {\n  width: 37%;\n}\n#text-box-21976196 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1378831986 {\n  padding-top: 500px;\n}\n#banner-1378831986 .overlay {\n  background-color: rgba(0, 0, 0, 0.2);\n}\n#banner-1378831986 .banner-bg img {\n  object-position: 53% 69%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1818053211\">\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-1093659273\" class=\"text-box banner-layer x90 md-x90 lg-x90 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-right\">\n                  \n<h3 class=\"uppercase\"><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h3>\n<p class=\"lead\">Un site web pour la soci\u00e9t\u00e9 Acme<\/p>\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1093659273 {\n  width: 30%;\n}\n#text-box-1093659273 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1818053211 {\n  padding-top: 500px;\n}\n#banner-1818053211 .overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#banner-1818053211 .banner-bg img {\n  object-position: 53% 69%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1080723412\">\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-862358681\" 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<h3 class=\"uppercase\"><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h3>\n<p class=\"lead\">Un site web pour la soci\u00e9t\u00e9 Acme<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-862358681 {\n  width: 60%;\n}\n#text-box-862358681 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1080723412 {\n  padding-top: 500px;\n}\n#banner-1080723412 .overlay {\n  background-color: rgba(0, 0, 0, 0.21);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1073130156\">\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-288685498\" class=\"text-box banner-layer x50 md-x50 lg-x50 y95 md-y95 lg-y95 res-text\">\n       <div class=\"hover-fade-out\">                         <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h3>\n<p class=\"lead\">Un site web pour la soci\u00e9t\u00e9 Acme<\/p>\n              <\/div>\n           <\/div>\n                     <\/div>       \n<style>\n#text-box-288685498 {\n  width: 60%;\n}\n#text-box-288685498 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n   <div id=\"text-box-1443073034\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-zoom-in\">                         <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<div class=\"video-button-wrapper\" style=\"font-size:178%\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                     <\/div>       \n<style>\n#text-box-1443073034 {\n  width: 60%;\n}\n#text-box-1443073034 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1073130156 {\n  padding-top: 500px;\n}\n#banner-1073130156 .overlay {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#banner-1073130156 .banner-bg img {\n  object-position: 34% 46%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-6 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-340590658\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-404617545\" class=\"text-box banner-layer x5 md-x5 lg-x5 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h3 class=\"uppercase\"><strong>Il s'agit d'une simple banni\u00e8re<\/strong><\/h3>\n<p class=\"lead\">Un site web pour la soci\u00e9t\u00e9 Acme<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-404617545 {\n  width: 39%;\n}\n#text-box-404617545 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-340590658 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-530738408 .grid-col-1{height: 885px}\n    #banner-grid-530738408 .grid-col-1-2{height: 442.5px}\n    #banner-grid-530738408 .grid-col-1-3{height:295px}\n    #banner-grid-530738408 .grid-col-2-3{height: 590px}\n    #banner-grid-530738408 .grid-col-1-4{height: 221.25px}\n    #banner-grid-530738408 .grid-col-3-4{height: 663.75px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n<div class=\"container section-title-container\" style=\"margin-top:28px;\"><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Ajouter un slider aux grilles de banni\u00e8res<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-304295333\" class=\"banner-grid row row-grid row-small\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-12 large-9 grid-col-1\" ><div class=\"col-inner\">\n<div class=\"slider-wrapper relative\" id=\"slider-547496458\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\n  <div class=\"banner has-hover\" id=\"banner-1094063425\">\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-315436710\" 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<h3 class=\"alt-font\">Un en-t\u00eate cool<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Cinq \u00e9l\u00e9ments cl\u00e9s pour votre salon<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Parcourir maintenant<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-315436710 {\n  width: 80%;\n}\n#text-box-315436710 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-315436710 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1094063425 {\n  padding-top: 500px;\n}\n#banner-1094063425 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-298326137\">\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-459242377\" class=\"text-box banner-layer x85 md-x85 lg-x85 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-right\">\n                  \n<h3 class=\"alt-font\">Un en-t\u00eate cool<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Derni\u00e8res nouvelles de la mode pour AutumN<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Parcourir maintenant<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-459242377 {\n  width: 80%;\n}\n#text-box-459242377 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-459242377 {\n    width: 54%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-298326137 {\n  padding-top: 500px;\n}\n#banner-298326137 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n#banner-298326137 .banner-bg img {\n  object-position: 64% 34%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-805229610\">\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-265544862\" 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<h3 class=\"alt-font\">Un en-t\u00eate cool<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Cinq \u00e9l\u00e9ments cl\u00e9s pour votre salon<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Parcourir maintenant<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-265544862 {\n  width: 80%;\n}\n#text-box-265544862 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-265544862 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-805229610 {\n  padding-top: 500px;\n}\n#banner-805229610 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n<\/style>\n  <\/div>\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-365317822\">\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-900371349\" 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<h3 class=\"alt-font\">\u00c0 ne pas manquer<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 130%;\"><strong>La vente se termine bient\u00f4t<\/strong><\/span><\/h2>\n<a class=\"button primary is-larger\" >\n\t\t<span>Parcourir maintenant<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-900371349 {\n  width: 87%;\n}\n#text-box-900371349 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-365317822 {\n  padding-top: 160px;\n}\n#banner-365317822 .overlay {\n  background-color: rgba(0, 0, 0, 0.13);\n}\n#banner-365317822 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-960919195\">\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-1037116601\" 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<h2 class=\"uppercase\"><span style=\"font-size: 130%;\"><strong>SOLDES D'\u00c9T\u00c9<\/strong><\/span><\/h2>\n<a class=\"button primary is-larger\" >\n\t\t<span>Parcourir maintenant<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1037116601 {\n  width: 87%;\n}\n#text-box-1037116601 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-960919195 {\n  padding-top: 160px;\n}\n#banner-960919195 .overlay {\n  background-color: rgba(0, 0, 0, 0.17);\n}\n#banner-960919195 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-304295333 .grid-col-1{height: 600px}\n    #banner-grid-304295333 .grid-col-1-2{height: 300px}\n    #banner-grid-304295333 .grid-col-1-3{height:200px}\n    #banner-grid-304295333 .grid-col-2-3{height: 400px}\n    #banner-grid-304295333 .grid-col-1-4{height: 150px}\n    #banner-grid-304295333 .grid-col-3-4{height: 450px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":93,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":12928,"url":"https:\/\/tuzlahortum.com.tr\/fr\/qr-welcome\/","url_meta":{"origin":68,"position":0},"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":86,"url":"https:\/\/tuzlahortum.com.tr\/fr\/hakkimizda\/","url_meta":{"origin":68,"position":1},"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":1047,"url":"https:\/\/tuzlahortum.com.tr\/fr\/iletisim\/","url_meta":{"origin":68,"position":2},"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":68,"position":3},"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":1217,"url":"https:\/\/tuzlahortum.com.tr\/fr\/satis-danismanlarimiz\/","url_meta":{"origin":68,"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":23246,"url":"https:\/\/tuzlahortum.com.tr\/fr\/turkiyenin-ilk-mobil-hortum-katalogu\/","url_meta":{"origin":68,"position":5},"title":"Premier catalogue de tuyaux mobiles en Turquie","author":"admin","date":"27 octobre 2025","format":false,"excerpt":"Ak\u0131ll\u0131 arama, teknik filtreler ve interaktif katalog yap\u0131s\u0131yla hortum d\u00fcnyas\u0131 dijitalle\u015fti.T\u00fcm \u00fcr\u00fcn verilerine, standartlara ve g\u00f6rsellere an\u0131nda ula\u015f\u0131n.Tuzla Hortum uygulamas\u0131n\u0131 hemen indirin.","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\/68","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=68"}],"version-history":[{"count":0,"href":"https:\/\/tuzlahortum.com.tr\/fr\/wp-json\/wp\/v2\/pages\/68\/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=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}