{"id":2,"date":"2021-03-30T10:00:50","date_gmt":"2021-03-30T08:00:50","guid":{"rendered":"https:\/\/batibois.myskydoowebsite.com\/?page_id=2"},"modified":"2026-07-22T10:05:25","modified_gmt":"2026-07-22T08:05:25","slug":"accueil","status":"publish","type":"page","link":"https:\/\/batibois.myskydoowebsite.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOssature Bois \u2014 deux panneaux vid\u00e9o<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bouton-fond: #000000; \/* fond des boutons *\/\r\n --bouton-texte: #FFFFFF; \/* texte des boutons *\/\r\n --hover-gauche: #2F5E4B; \/* survol du bouton GAUCHE *\/\r\n --hover-droite: #F5A623; \/*survol du bouton DROITE *\/\r\n --bordure-largeur: 20px; \/* largeur de la bordure *\/\r\n --bordure-couleur: #000000; \/*couleur de la bordure *\/\r\n --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n html, body{\r\n margin:0;\r\n padding:0;\r\n overflow:hidden;\r\n height:100%;\r\n }\r\n .bb-split, .bb-split *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n .bb-split{\r\n display:flex;\r\n height:100vh; \/* secours pour les vieux navigateurs *\/\r\n height:100dvh; \/* remplit l'\u00e9cran r\u00e9el et s'adapte \u00e0 toutes les tailles \u2192 aucun blanc *\/\r\n overflow:hidden;\r\n background:var(--bordure-couleur);\r\n font-family:var(--font);\r\n }\r\n .bb-panel{\r\n position:relative;\r\n flex:1;\r\n overflow:hidden;\r\n display:grid;\r\n place-items:center;\r\n border:var(--bordure-largeur) solid var(--bordure-couleur);\r\n }\r\n .bb-panel--droite{\r\n border-left-width:0;\r\n }\r\n \/* \ud83c\udfa5 LA VID\u00c9O DE FOND *\/\r\n .bb-panel video{\r\n position:absolute; inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n .bb-voile{\r\n position:absolute;\r\n inset:0;\r\n z-index:1;\r\n background:linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.40) 50%, rgba(0,0,0,.58) 100%);\r\n }\r\n \/* le bouton \"pilule\" *\/\r\n .bb-btn{\r\n position:relative;\r\n z-index:2;\r\n display:inline-flex;\r\n align-items:center;\r\n padding:16px 34px;\r\n background:var(--bouton-fond);\r\n color:var(--bouton-texte) !important;\r\n font-weight:700;\r\n font-size:15px;\r\n letter-spacing:1.5px;\r\n text-transform:uppercase;\r\n border:none;\r\n border-radius:999px;\r\n cursor:pointer;\r\n text-decoration:none;\r\n text-align:center;\r\n box-shadow:0 8px 22px rgba(0,0,0,.35);\r\n transition:background .2s, color .2s;\r\n }\r\n \/* \u00c9CRAN DE CHARGEMENT *\/\r\n .bb-loader{\r\n position:fixed;\r\n inset:0;\r\n z-index:9999;\r\n background:#000000;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n opacity:0;\r\n visibility:hidden;\r\n transition:opacity .4s ease;\r\n }\r\n .bb-loader.actif{\r\n opacity:1;\r\n visibility:visible;\r\n }\r\n .bb-loader-logo{\r\n width:200px;\r\n max-width:55%;\r\n height:auto;\r\n animation:bb-pulse 1.2s ease-in-out infinite;\r\n }\r\n @keyframes bb-pulse{\r\n 0%,100%{\r\n opacity:.5;\r\n transform:scale(.97);\r\n }\r\n 50%{\r\n opacity:1;\r\n transform:scale(1.03);\r\n }\r\n }\r\n@media (max-width:768px){\r\n .bb-split{\r\n flex-direction:column;\r\n height:100vh;\r\n height:100dvh;\r\n }\r\n .bb-panel{\r\n flex:1;\r\n height:auto;\r\n }\r\n .bb-panel--droite{\r\n border-left-width:var(--bordure-largeur);\r\n border-top-width:0;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"bb-split\">\r\n <!-- ===== PANNEAU GAUCHE ===== -->\r\n <section class=\"bb-panel bb-panel--gauche\">\r\n <video src=\"https:\/\/batibois.myskydoowebsite.com\/wp-content\/uploads\/Timber-frame_house_under_constru\u2026_202607171538.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\r\n <div class=\"bb-voile\"><\/div>\r\n <!-- \ud83d\udc49 href = la page de destination du bouton gauche -->\r\n <a href=\"https:\/\/LADRESSE-DE-TA-PAGE-OSSATURE-BOIS\" class=\"bb-btn\">Maison ossature bois<\/a>\r\n <\/section>\r\n <!-- ===== PANNEAU DROITE ===== -->\r\n <section class=\"bb-panel bb-panel--droite\">\r\n <video src=\"https:\/\/batibois.myskydoowebsite.com\/wp-content\/uploads\/Timber-frame_house_under_constru\u2026_202607171143.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\r\n <div class=\"bb-voile\"><\/div>\r\n <a href=\"https:\/\/bati-bois.be\/\" class=\"bb-btn\">notre site web<\/a>\r\n <\/section>\r\n <\/div>\r\n <!-- ===== \u00c9CRAN DE CHARGEMENT (fond noir + logo) ===== -->\r\n <div class=\"bb-loader\" id=\"bb-loader\">\r\n <!-- \ud83d\udc49 Mets l'URL de TON logo ci-dessous -->\r\n <img decoding=\"async\" class=\"bb-loader-logo\" src=\"https:\/\/batibois.myskydoowebsite.com\/wp-content\/uploads\/mobile.png\" alt=\"Logo\">\r\n <\/div>\r\n <script>\r\n (function(){\r\n var loader = document.getElementById('bb-loader');\r\n var boutons = document.querySelectorAll('.bb-btn');\r\n var DELAI = 700; \/\/ m\u00eame dur\u00e9e d'affichage du logo pour les DEUX boutons\r\n boutons.forEach(function(btn){\r\n btn.addEventListener('click', function(e){\r\n e.preventDefault();\r\n var url = btn.getAttribute('href');\r\n loader.classList.add('actif'); \/\/ m\u00eame \u00e9cran de chargement pour les deux\r\n if(url && url !== '#'){\r\n setTimeout(function(){ window.location.href = url; }, DELAI); \/\/ va vers la page\r\n } else {\r\n \/\/ ce bouton n'a pas encore d'URL : il affiche juste le logo puis revient\r\n setTimeout(function(){ loader.classList.remove('actif'); }, DELAI);\r\n }\r\n });\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ossature Bois \u2014 deux panneaux vid\u00e9o Maison ossature bois notre site web<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":192,"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/batibois.myskydoowebsite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}