Premium Circle Slider<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400&display=swap');\r\n\r\nbody {\r\n margin: 0;\r\n font-family: 'DM Sans', sans-serif; \/* default text font *\/\r\n background: transparent;\r\n \r\n}\r\n\r\n.slider {\r\n max-width: 1100px;\r\n margin: auto;\r\n padding: 80px 20px;\r\n}\r\n\r\n.slide {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 100px;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n.slide.active {\r\n display: flex;\r\n opacity: 1;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.image-wrapper {\r\n position: relative;\r\n width: 360px;\r\n height: 360px;\r\n}\r\n\r\n.image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n.image-wrapper img:hover {\r\n transform: scale(1.05);\r\n}\r\n\r\n\/* ARROWS *\/\r\n.arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: none;\r\n cursor: pointer;\r\n\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(10px);\r\n color: #000;\r\n font-size: 22px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.prev { left: -70px; }\r\n.next { right: -70px; }\r\n\r\n.arrow:hover {\r\n background: #000;\r\n color: #fff;\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n\/* TEXT *\/\r\n.content {\r\n max-width: 420px;\r\n}\r\n\r\n\/* \ud83d\udd25 HEADING (Playfair Display) *\/\r\n.content h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 34px;\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\/* \ud83d\udd25 TIME TEXT *\/\r\n.content .time {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n opacity: 0.7;\r\n}\r\n\r\n\/* \ud83d\udd25 PARAGRAPH *\/\r\n.content p {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n .slide {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 40px;\r\n }\r\n\r\n .image-wrapper {\r\n width: 260px;\r\n height: 260px;\r\n }\r\n\r\n .content h2 {\r\n font-size: 26px;\r\n }\r\n\r\n .content p {\r\n font-size: 14px;\r\n }\r\n\r\n .prev { left: -40px; }\r\n .next { right: -40px; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider\">\r\n\r\n <div class=\"slide active\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/IMG_6752-scaled.jpeg\">\r\n <button class=\"arrow prev\">❮<\/button>\r\n <button class=\"arrow next\">❯<\/button>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <h2>The magic of dinner at La Table du Berb\u00e8re<\/h2>\r\n <p class=\"time\">EVERYDAY FROM 6 PM TO 10 PM<\/p>\r\n <p>Dining by reservation only.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n<\/div>\r\n\r\n<script>\r\nlet slides = document.querySelectorAll(\".slide\");\r\nlet index = 0;\r\n\r\nfunction showSlide(newIndex) {\r\n slides[index].classList.remove(\"active\");\r\n index = newIndex;\r\n slides[index].classList.add(\"active\");\r\n}\r\n\r\ndocument.querySelectorAll(\".next\").forEach(btn => {\r\n btn.onclick = () => {\r\n let newIndex = (index + 1) % slides.length;\r\n showSlide(newIndex);\r\n };\r\n});\r\n\r\ndocument.querySelectorAll(\".prev\").forEach(btn => {\r\n btn.onclick = () => {\r\n let newIndex = (index - 1 + slides.length) % slides.length;\r\n showSlide(newIndex);\r\n };\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b65747c e-flex e-con-boxed e-con e-parent\" data-id=\"b65747c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adf3d34 elementor-widget elementor-widget-shortcode\" data-id=\"adf3d34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"bookingpress-form-vue3-92aad969ef5e\" class=\"bpa-frontend-main-container bpa-frontend-main-booking-calendar bpa-frontend-vue3\" data-instance=\"92aad969ef5e\" data-bp-v3-instance=\"92aad969ef5e\"><div id=\"bookingpress-form-vue3-loader-92aad969ef5e\" class=\"bpa-back-loader-container bpa-frontend-vue3-loader\"><div class=\"bpa-back-loader\" role=\"status\" aria-live=\"polite\"><span class=\"screen-reader-text\">Chargement du formulaire de r\u00e9servation…<\/span><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/Rfissa.mp4https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/Rfissa.mp4 Premium Circle Slider ❮ ❯ The magic of dinner at La Table du Berb\u00e8re EVERYDAY FROM 6 PM TO 10 PM Dining by reservation only.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":79,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":1399,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions\/1399"}],"wp:attachment":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPremium Circle Slider<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400&display=swap');\r\n\r\nbody {\r\n margin: 0;\r\n font-family: 'DM Sans', sans-serif; \/* default text font *\/\r\n background: transparent;\r\n \r\n}\r\n\r\n.slider {\r\n max-width: 1100px;\r\n margin: auto;\r\n padding: 80px 20px;\r\n}\r\n\r\n.slide {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 100px;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n.slide.active {\r\n display: flex;\r\n opacity: 1;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.image-wrapper {\r\n position: relative;\r\n width: 360px;\r\n height: 360px;\r\n}\r\n\r\n.image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n.image-wrapper img:hover {\r\n transform: scale(1.05);\r\n}\r\n\r\n\/* ARROWS *\/\r\n.arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: none;\r\n cursor: pointer;\r\n\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(10px);\r\n color: #000;\r\n font-size: 22px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.prev { left: -70px; }\r\n.next { right: -70px; }\r\n\r\n.arrow:hover {\r\n background: #000;\r\n color: #fff;\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n\/* TEXT *\/\r\n.content {\r\n max-width: 420px;\r\n}\r\n\r\n\/* \ud83d\udd25 HEADING (Playfair Display) *\/\r\n.content h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 34px;\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\/* \ud83d\udd25 TIME TEXT *\/\r\n.content .time {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n opacity: 0.7;\r\n}\r\n\r\n\/* \ud83d\udd25 PARAGRAPH *\/\r\n.content p {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n .slide {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 40px;\r\n }\r\n\r\n .image-wrapper {\r\n width: 260px;\r\n height: 260px;\r\n }\r\n\r\n .content h2 {\r\n font-size: 26px;\r\n }\r\n\r\n .content p {\r\n font-size: 14px;\r\n }\r\n\r\n .prev { left: -40px; }\r\n .next { right: -40px; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider\">\r\n\r\n <div class=\"slide active\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/IMG_6752-scaled.jpeg\">\r\n <button class=\"arrow prev\">❮<\/button>\r\n <button class=\"arrow next\">❯<\/button>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <h2>The magic of dinner at La Table du Berb\u00e8re<\/h2>\r\n <p class=\"time\">EVERYDAY FROM 6 PM TO 10 PM<\/p>\r\n <p>Dining by reservation only.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n<\/div>\r\n\r\n<script>\r\nlet slides = document.querySelectorAll(\".slide\");\r\nlet index = 0;\r\n\r\nfunction showSlide(newIndex) {\r\n slides[index].classList.remove(\"active\");\r\n index = newIndex;\r\n slides[index].classList.add(\"active\");\r\n}\r\n\r\ndocument.querySelectorAll(\".next\").forEach(btn => {\r\n btn.onclick = () => {\r\n let newIndex = (index + 1) % slides.length;\r\n showSlide(newIndex);\r\n };\r\n});\r\n\r\ndocument.querySelectorAll(\".prev\").forEach(btn => {\r\n btn.onclick = () => {\r\n let newIndex = (index - 1 + slides.length) % slides.length;\r\n showSlide(newIndex);\r\n };\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b65747c e-flex e-con-boxed e-con e-parent\" data-id=\"b65747c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adf3d34 elementor-widget elementor-widget-shortcode\" data-id=\"adf3d34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"bookingpress-form-vue3-92aad969ef5e\" class=\"bpa-frontend-main-container bpa-frontend-main-booking-calendar bpa-frontend-vue3\" data-instance=\"92aad969ef5e\" data-bp-v3-instance=\"92aad969ef5e\"><div id=\"bookingpress-form-vue3-loader-92aad969ef5e\" class=\"bpa-back-loader-container bpa-frontend-vue3-loader\"><div class=\"bpa-back-loader\" role=\"status\" aria-live=\"polite\"><span class=\"screen-reader-text\">Chargement du formulaire de r\u00e9servation…<\/span><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/Rfissa.mp4https:\/\/latableduberbere.com\/wp-content\/uploads\/2026\/04\/Rfissa.mp4 Premium Circle Slider ❮ ❯ The magic of dinner at La Table du Berb\u00e8re EVERYDAY FROM 6 PM TO 10 PM Dining by reservation only.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":79,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":1399,"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/pages\/36\/revisions\/1399"}],"wp:attachment":[{"href":"https:\/\/latableduberbere.com\/fr\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}