{"id":13110,"date":"2022-12-06T03:14:26","date_gmt":"2022-12-06T03:14:26","guid":{"rendered":"http:\/\/localhost\/accounting\/?page_id=13110"},"modified":"2025-05-30T07:52:27","modified_gmt":"2025-05-30T07:52:27","slug":"home-video","status":"publish","type":"page","link":"https:\/\/infinity-veranda.nl\/","title":{"rendered":"Home-Video"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13110\" class=\"elementor elementor-13110\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d837c4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d837c4\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=zKgoou0CKhI&quot;,&quot;background_video_end&quot;:50,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f2f7a35\" data-id=\"f2f7a35\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7f61f8 gogrin-star-rating--align-center elementor-widget elementor-widget-witr_slick_slider\" data-id=\"a7f61f8\" data-element_type=\"widget\" data-widget_type=\"witr_slick_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- slider area -->\n\t<div class=\"witr_ds_content_area witr_dsider_js_active simages_id1\">\n\n\t\t\t\t\t\t<!-- single slider item -->\n\t\t\t\t\t<div class=\"witr_ds_slider_content witr_slick_content\">\n\t\t\t\t\t\t<div class=\" witr_ds_content witr_slick_height text-left witr_current_id-280dd94\" >\n\t\t\t\t\t\t\t<div class=\"witr_ds_content_inner witr_containers\">\n\t\t\t\t\t\t\t\t<!-- title -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- title 2 -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>Welkom bij Infinity Veranda\n<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- title 3 -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- content -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Infinity Veranda is uw specialist in maatwerk aluminium veranda\u2019s, tuinkamers, terrasoverkappingen, carports en schuifwanden. Wij leveren in Nederland, Belgi\u00eb en Duitsland en bieden vakmanschap en hoogwaardige afwerking voor uw buitenruimte.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!--- List Option --->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- btn gradient style -->\n\t\t\t\t\t\t\t\t<div class=\"slider_btn\">\n\t\t\t\t\t\t\t\t\t<div class=\"witr_btn_style\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"witr_btn_sinner\">\n\t\t\t\t\t\t\t\t\t\t\t<!-- button -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  class=\"witr_btn\" href=\"#\">Meer over Infinity Veranda\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<!-- video button -->\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<!-- video button 2 Style -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- slider thumb image -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- social -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t<\/div> <!-- end slick slider -->\n\t\t\t\n<!-- end slider area --> \n\n\t\t<script type='text\/javascript'>\n\t\t\tjQuery(function($){\n\t\t\t\t\n\t\t\t\tvar witrbsslick = $('.simages_id1');\n\t\t\t\t\n\t\t\t\tif(witrbsslick.length > 0){\n\n\t\t\t\twitrbsslick.slick({\n\t\t\t\t\tinfinite: false,\n\t\t\t\t\tautoplay: true,\n\t\t\t\t\tautoplaySpeed: 8000,\n\t\t\t\t\tspeed: 2000,\n\t\t\t\t\tdefault: true,\n\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t\t\t\tarrows: false,\n\t\t\t\t\tdots: false,\n\t\t\t\t\tresponsive: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbreakpoint: 1200,\n\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbreakpoint: 992,\n\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbreakpoint: 767,\n\t\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\/\/ You can unslick at a given breakpoint now by adding:\n\t\t\t\t\t\/\/ settings: \"unslick\"\n\t\t\t\t\t\/\/ instead of a settings object\n\t\t\t\t\t]\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t});\n\t\t<\/script>\t\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b5df93f e-flex e-con-boxed e-con e-parent\" data-id=\"b5df93f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91cb276 elementor-widget elementor-widget-html\" data-id=\"91cb276\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Infinity Veranda Homepage Section<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body class=\"font-roboto bg-white\">\r\n    <section class=\"py-16\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <!-- Flex container for side-by-side layout -->\r\n            <div class=\"flex flex-col md:flex-row gap-8\">\r\n                <!-- Welcome Section with Background -->\r\n                <div class=\"flex-1 bg-gray-100 rounded-lg shadow-lg p-8 text-center animate-fade-in\">\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-4\">\r\n                        Welkom bij Infinity Veranda\r\n                    <\/h2>\r\n                    <p class=\"text-base md:text-lg text-gray-600 mb-6\">\r\n                        Infinity Veranda is uw specialist in maatwerk aluminium veranda\u2019s, tuinkamers, terrasoverkappingen, carports en schuifwanden. Wij leveren in Nederland, Belgi\u00eb en Duitsland en bieden vakmanschap en hoogwaardige afwerking voor uw buitenruimte.\r\n                    <\/p>\r\n                    <a href=\"#about\" class=\"inline-block text-blue-600 font-semibold text-lg hover:underline transition duration-300\">\r\n                        Meer over Infinity Veranda\r\n                    <\/a>\r\n                <\/div>\r\n                <!-- Custom Veranda Section without Background -->\r\n                <div class=\"flex-1 bg-white p-8 text-center animate-fade-in\">\r\n                    <h3 class=\"text-2xl md:text-3xl font-semibold text-gray-800 mb-4\">\r\n                        Op Maat Gemaakte Veranda\u2019s\r\n                    <\/h3>\r\n                    <p class=\"text-base md:text-lg text-gray-600 mb-6\">\r\n                        Cre\u00eber de perfecte buitenruimte met een op maat gemaakte veranda die niet alleen uw huis uitbreidt, maar ook uw levensstijl verrijkt. Bij Infinity Veranda bieden we een breed scala aan stijlen en afwerkingen, volledig afgestemd op uw smaak en wensen. Of u nu een moderne, minimalistische look wilt of juist kiest voor een klassieke, tijdloze uitstraling, wij garanderen een veranda die perfect aansluit bij de architectuur van uw woning.\r\n                    <\/p>\r\n                    <a href=\"#quote\" class=\"inline-block bg-blue-600 text-white font-semibold py-3 px-6 rounded-lg hover:bg-blue-700 transition duration-300 animate-pulse\">\r\n                        Meer over Infinity Veranda\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* Custom Animations *\/\r\n        .animate-fade-in {\r\n            animation: fadeIn 1s ease-in-out;\r\n        }\r\n\r\n        .animate-pulse {\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; }\r\n            100% { opacity: 1; }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        \/* Font *\/\r\n        .font-roboto {\r\n            font-family: 'Roboto', sans-serif;\r\n        }\r\n    <\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-f143fd8 e-flex e-con-boxed e-con e-parent\" data-id=\"f143fd8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe930c7 elementor-widget elementor-widget-html\" data-id=\"fe930c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Infinity Veranda Boxes Section<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Scoped styles to avoid conflicts *\/\r\n        .veranda-section {\r\n            font-family: 'Roboto', sans-serif;\r\n            background-color: #ffffff;\r\n            padding: 2.5rem 1rem;\r\n        }\r\n        .veranda-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1.5rem;\r\n            align-items: stretch;\r\n        }\r\n        .boxes-container {\r\n            flex: 2;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1.5rem;\r\n        }\r\n        .box {\r\n            flex: 1;\r\n            background-color: #ffffff;\r\n            border-radius: 0.5rem;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            overflow: hidden;\r\n            min-width: 250px;\r\n            max-width: 300px;\r\n        }\r\n        .box img {\r\n            width: 100%;\r\n            height: 140px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        .box-content {\r\n            padding: 1rem;\r\n            text-align: center;\r\n        }\r\n        .box-content h3 {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .box-content p {\r\n            font-size: 0.875rem;\r\n            color: #4b5563;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n        .box-content a {\r\n            font-size: 0.875rem;\r\n            color: #2563eb;\r\n            font-weight: 500;\r\n            text-decoration: none;\r\n        }\r\n        .box-content a:hover {\r\n            text-decoration: underline;\r\n        }\r\n        .text-section {\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            min-width: 250px;\r\n        }\r\n        .text-content p {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n        .text-content a {\r\n            font-size: 1rem;\r\n            color: #2563eb;\r\n            font-weight: 500;\r\n            text-decoration: none;\r\n        }\r\n        .text-content a:hover {\r\n            text-decoration: underline;\r\n        }\r\n        .animate-fade-in {\r\n            animation: fadeIn 1s ease-in-out;\r\n        }\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; }\r\n            100% { opacity: 1; }\r\n        }\r\n        @media (max-width: 1024px) {\r\n            .veranda-container {\r\n                flex-direction: column;\r\n            }\r\n            .boxes-container {\r\n                flex-direction: row;\r\n                justify-content: center;\r\n            }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .boxes-container {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            .box {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"veranda-section\">\r\n        <div class=\"veranda-container\">\r\n            <!-- Boxes container -->\r\n            <div class=\"boxes-container\">\r\n                <!-- Schuifwanden Box -->\r\n                <div class=\"box animate-fade-in\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0072.jpg\" alt=\"Schuifwanden Veranda\">\r\n                    <div class=\"box-content\">\r\n                        <h3>Schuifwanden<\/h3>\r\n                        <p>Transformeer uw buitenruimte in een oase van comfort en stijl met het glazen schuifwandsysteem van Infinity Veranda. Geniet van natuurlijk licht en uitzicht, met uitstekende bescherming tegen wind en regen.<\/p>\r\n                        <a href=\"#schuifwanden\">Meer over schuifwanden<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Zonwering Box -->\r\n                <div class=\"box animate-fade-in\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0064.jpg\" alt=\"Zonwering Veranda\">\r\n                    <div class=\"box-content\">\r\n                        <h3>Zonwering<\/h3>\r\n                        <p>Beheers zonlicht en warmte met de bovenliggende zonweringssystemen van Infinity Veranda, ontworpen voor perfecte schaduw zonder in te boeten aan natuurlijke lichtinval of elegantie.<\/p>\r\n                        <a href=\"#zonwering\">Meer over zonwering<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Screen Box -->\r\n                <div class=\"box animate-fade-in\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/Jost.jpg\" alt=\"Screen Veranda\">\r\n                    <div class=\"box-content\">\r\n                        <h3>Screen<\/h3>\r\n                        <p>Geniet van comfort en stijl met de screens van Infinity Veranda. Perfecte bescherming tegen zon, wind en insecten, met behoud van uitzicht en een moderne, aanpasbare uitstraling.<\/p>\r\n                        <a href=\"#screen\">Meer over screens<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-41f42ae e-flex e-con-boxed e-con e-parent\" data-id=\"41f42ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceb79c1 elementor-widget elementor-widget-html\" data-id=\"ceb79c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cubeline Section<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Scoped styles to avoid conflicts *\/\r\n        .cubeline-section {\r\n            font-family: 'Roboto', sans-serif;\r\n            background-color: #ffffff;\r\n            padding: 3rem 1rem;\r\n        }\r\n        .cubeline-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n        .cubeline-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: #1f2937;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n        }\r\n        .cubeline-description {\r\n            font-size: 1.125rem;\r\n            color: #4b5563;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.6;\r\n        }\r\n        .cubeline-cta {\r\n            display: inline-block;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background-color: #2563eb;\r\n            padding: 0.75rem 1.5rem;\r\n            border-radius: 0.375rem;\r\n            text-decoration: none;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n        .cubeline-cta:hover {\r\n            background-color: #1d4ed8;\r\n        }\r\n        .animate-fade-in {\r\n            animation: fadeIn 1s ease-in-out;\r\n        }\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; transform: translateY(10px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .cubeline-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            .cubeline-description {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"cubeline-section\">\r\n        <div class=\"cubeline-container animate-fade-in\">\r\n            <h2 class=\"cubeline-title\">CUBELINE, OUR SPECIALTY<\/h2>\r\n            <p class=\"cubeline-description\">\r\n                Cubeline is d\u00e9 trend van het moment! Een moderne en uiterst robuuste stijl die perfect past bij de wensen van vandaag. Tijdloos design, onze specialiteit.\r\n            <\/p>\r\n            <a href=\"#cubeline\" class=\"cubeline-cta\">ONTDEK CUBELINE<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-8502d83 e-flex e-con-boxed e-con e-parent\" data-id=\"8502d83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50e13ff elementor-widget elementor-widget-html\" data-id=\"50e13ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Ons Aanbod Section<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Scoped styles to avoid conflicts *\/\r\n        .aanbod-section {\r\n            font-family: 'Roboto', sans-serif;\r\n            background-color: #ffffff;\r\n            padding: 3rem 1rem;\r\n        }\r\n        .aanbod-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 2rem;\r\n        }\r\n        .boxes-container {\r\n            flex: 2;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n        .box {\r\n            background-color: #ffffff;\r\n            border-radius: 0.5rem;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n        .box img {\r\n            width: 100%;\r\n            height: 128px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        .box-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            padding: 1rem;\r\n        }\r\n        .diensten-container {\r\n            flex: 1;\r\n            min-width: 250px;\r\n        }\r\n        .diensten-title {\r\n            font-size: 1.75rem;\r\n            font-weight: 700;\r\n            color: #1f2937;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .diensten-description {\r\n            font-size: 1rem;\r\n            color: #4b5563;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .diensten-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .diensten-item svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: #2563eb;\r\n            flex-shrink: 0;\r\n        }\r\n        .diensten-item p {\r\n            font-size: 0.875rem;\r\n            color: #4b5563;\r\n        }\r\n        .animate-fade-in {\r\n            animation: fadeIn 1s ease-in-out;\r\n        }\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; transform: translateY(10px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n        @media (max-width: 1024px) {\r\n            .aanbod-container {\r\n                flex-direction: column;\r\n            }\r\n            .boxes-container {\r\n                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .boxes-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"aanbod-section\">\r\n        <div class=\"aanbod-container\">\r\n            <!-- Boxes Container -->\r\n            <div class=\"boxes-container animate-fade-in\">\r\n                <!-- Overkappingen -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0069.jpg\" alt=\"Overkappingen\">\r\n                    <h3 class=\"box-title\">Overkappingen<\/h3>\r\n                <\/div>\r\n                <!-- Tuinkamers -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0070.jpg\" alt=\"Tuinkamers\">\r\n                    <h3 class=\"box-title\">Tuinkamers<\/h3>\r\n                <\/div>\r\n                <!-- Schuifwanden -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0072.jpg\" alt=\"Schuifwanden\">\r\n                    <h3 class=\"box-title\">Schuifwanden<\/h3>\r\n                <\/div>\r\n                <!-- Schuifpuien -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0071.jpg\" alt=\"Schuifpuien\">\r\n                    <h3 class=\"box-title\">Schuifpuien<\/h3>\r\n                <\/div>\r\n                <!-- Zonweringen -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/IMG-20250512-WA0064.jpg\" alt=\"Zonweringen\">\r\n                    <h3 class=\"box-title\">Zonweringen<\/h3>\r\n                <\/div>\r\n                <!-- Maatwerk -->\r\n                <div class=\"box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/Jost.jpg\" alt=\"Maatwerk\">\r\n                    <h3 class=\"box-title\">Maatwerk<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Onze Diensten -->\r\n            <div class=\"diensten-container animate-fade-in\">\r\n                <h2 class=\"diensten-title\">Onze Diensten<\/h2>\r\n                <p class=\"diensten-description\">\r\n                    Bij Infinity Veranda staan maatwerk en perfectie centraal. Onze vakmensen combineren hun expertise met innovatie om uw visie tot leven te brengen.\r\n                <\/p>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M21 10h-3V7a3 3 0 00-3-3H9a3 3 0 00-3 3v3H3a1 1 0 00-1 1v8a1 1 0 001 1h18a1 1 0 001-1v-8a1 1 0 00-1-1zM8 7a1 1 0 011-1h6a1 1 0 011 1v3H8V7zm12 11H4v-6h16v6z\"\/><\/svg>\r\n                    <p><strong>Maatwerkoplossingen:<\/strong> Wij ontwerpen en realiseren unieke projecten volledig afgestemd op uw wensen en behoeften.<\/p>\r\n                <\/div>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n                    <p><strong>Strakke Afwerking:<\/strong> Elk project wordt tot in de kleinste details afgewerkt voor een perfect resultaat.<\/p>\r\n                <\/div>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z\"\/><\/svg>\r\n                    <p><strong>Professioneel Advies:<\/strong> Infinity Veranda staat klaar om u te adviseren over de beste oplossingen voor uw project.<\/p>\r\n                <\/div>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.54-10.46l-4 4a1 1 0 01-1.41 0l-2-2a1 1 0 011.41-1.41L10 11.59l3.29-3.29a1 1 0 011.41 1.41z\"\/><\/svg>\r\n                    <p><strong>Snelle Oplevering:<\/strong> We werken effici\u00ebnt en zorgen voor een snelle en betrouwbare oplevering zonder in te boeten op kwaliteit.<\/p>\r\n                <\/div>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 00-7.35 16.65l.85.85 2.83-2.83-.85-.85A8 8 0 1120 12v-1h-2v1a6 6 0 10-4.24 1.76l1.42 1.42A8 8 0 0112 20a8 8 0 01-5.66-2.34l-.85.85A10 10 0 0012 22a10 10 0 0010-10 10 10 0 00-10-10z\"\/><\/svg>\r\n                    <p><strong>Topkwaliteit materialen:<\/strong> Onze materialen zijn van de hoogste kwaliteit, wat zorgt voor een lange levensduur en minimale onderhoudskosten.<\/p>\r\n                <\/div>\r\n                <div class=\"diensten-item\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm4-9h-3V8h-2v3H8l4 4 4-4z\"\/><\/svg>\r\n                    <p><strong>Eerlijke prijzen:<\/strong> Wij bieden hoogwaardige oplossingen tegen eerlijke, betaalbare tarieven, zonder verrassingen achteraf.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-16d84ed e-flex e-con-boxed e-con e-parent\" data-id=\"16d84ed\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-368f801 elementor-widget elementor-widget-html\" data-id=\"368f801\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Frosted Glass Quote Section<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Scoped styles to avoid conflicts *\/\r\n        .quote-section {\r\n            font-family: 'Roboto', sans-serif;\r\n            background-image: url('https:\/\/infinity-veranda.nl\/wp-content\/uploads\/2025\/05\/stunning-ultra-glass-roof-garden-veranda.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            padding: 4rem 1rem;\r\n            position: relative;\r\n        }\r\n        .quote-container {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 1rem;\r\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n            padding: 2rem;\r\n            text-align: center;\r\n        }\r\n        .quote-title {\r\n            font-size: 1.75rem;\r\n            font-weight: 700;\r\n            color: #1f2937;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .quote-description {\r\n            font-size: 1.125rem;\r\n            color: #1f2937;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .quote-cta {\r\n            display: inline-block;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background-color: #2563eb;\r\n            padding: 0.75rem 1.5rem;\r\n            border-radius: 0.375rem;\r\n            text-decoration: none;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n        .quote-cta:hover {\r\n            background-color: #1d4ed8;\r\n        }\r\n        .animate-fade-in {\r\n            animation: fadeIn 1s ease-in-out;\r\n        }\r\n        @keyframes fadeIn {\r\n            0% { opacity: 0; transform: translateY(10px); }\r\n            100% { opacity: 1; transform: translateY(0); }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .quote-section {\r\n                padding: 2rem 1rem;\r\n            }\r\n            .quote-container {\r\n                padding: 1.5rem;\r\n                max-width: 90%;\r\n            }\r\n            .quote-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            .quote-description {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"quote-section\">\r\n        <div class=\"quote-container animate-fade-in\">\r\n            <h2 class=\"quote-title\">Klaar voor een stijlvolle veranda op maat?<\/h2>\r\n            <p class=\"quote-description\">\r\n                Vraag nu een vrijblijvende offerte aan en ontdek de mogelijkheden:\r\n            <\/p>\r\n            <a href=\"#quote\" class=\"quote-cta\">AANVRAGEN<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46d97b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46d97b0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-032f40e\" data-id=\"032f40e\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-881297a gogrin-star-rating--align-center elementor-widget elementor-widget-witr_section_title\" data-id=\"881297a\" data-element_type=\"widget\" data-widget_type=\"witr_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<!-- title left -->\n\t\t\t\t\t<div class=\"witr_section_title\">\n\t\t\t\t\t\t<div class=\"witr_section_title_inner text-left\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- icon position -->\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- end icon position -->\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- title top -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>FOR APPOINTMENT <\/h2>\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- icon position -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- image -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- icon -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- bar -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"witr_bar_main\">\n\t\t\t\t\t\t\t\t\t<div class=\"witr_bar_inner\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- circle bar -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- end icon position -->\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- title middle -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Request a Free Quote<\/h3>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- title bottom -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- icon position -->\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- end icon position -->\n\n\t\t\t\t\t\t\t<!-- content -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<!-- inner title -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8015944 gogrin-star-rating--align-center gogrin-star-rating--align-center elementor-widget elementor-widget-witr_section_apartment\" data-id=\"8015944\" data-element_type=\"widget\" data-widget_type=\"witr_section_apartment.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"apartment_area\">\t\t\t\t\n\t\t\t\t\t\t<div class=\"apartment_text\">\t\t\n\t\t\t\t\t\t\t<!-- title -->\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- content -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\t\t\n\t\t\t\t\t\t<div class=\"witr_apartment_form\">\t\t\t\t\t\n\t\t\t\t\t\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12364-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12364\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F13110#wpcf7-f12364-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12364\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12364-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"row\">\n\t<div class=\"col-lg-12 col-md-12\">\n\t\t<div class=\"twr_form_box\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-30\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"text-30\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12\">\n\t\t<div class=\"twr_form_box\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-380\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" value=\"\" type=\"email\" name=\"email-380\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12\">\n\t\t<div class=\"twr_form_box\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-30\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"text-30\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-lg-12 col-md-12\">\n\t\t<div class=\"twr_form_box \">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"textarea\"><textarea cols=\"40\" rows=\"6\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Comment\" name=\"textarea\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<p><button type=\"submit\" class=\"btn btn-primary\">SUBMIT NOW<\/button>\n\t\t<\/p>\n\t<\/div>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"22\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\t\t\t\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-193bd58 e-flex e-con-boxed e-con e-parent\" data-id=\"193bd58\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9d2765 elementor-widget elementor-widget-shortcode\" data-id=\"b9d2765\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f13279-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"13279\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F13110#wpcf7-f13279-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"13279\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f13279-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><!DOCTYPE html>\n<\/p>\n<html lang=\"nl\" dir=\"ltr\">\n\t<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\t\t<title>Offerte Aanvragen\n\t\t<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\t\t<style>\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .modal-content {\n background-color: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n width: 90%;\n max-width: 400px;\n position: relative;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n .floating-btn {\n position: fixed;\n bottom: 20px;\n right: 20px;\n background-color: #facc15;\n color: black;\n padding: 0.5rem 1rem;\n border-radius: 0.375rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n z-index: 1000;\n font-weight: bold;\n }\n .product-item {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 0.5rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.375rem;\n cursor: pointer;\n }\n .product-item img {\n width: 100px;\n height: 100px;\n object-fit: cover;\n margin-left: 1rem;\n }\n .product-item.selected {\n background-color: #f3f4f6;\n border-color: #2563eb;\n }\n .details-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .details-content {\n background-color: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n width: 90%;\n max-width: 450px;\n max-height: 80vh;\n overflow-y: auto;\n position: relative;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n .option-button {\n display: block;\n width: 100%;\n padding: 0.5rem;\n margin-bottom: 0.5rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.375rem;\n background-color: white;\n text-align: left;\n cursor: pointer;\n }\n .option-button.selected {\n background-color: #f3f4f6;\n border-color: #2563eb;\n }\n\t\t<\/style>\n\t<\/head>\n\t<body class=\"bg-gray-900 font-sans text-white\">\n <!-- Floating Button -->\n\t\t<div class=\"floating-btn\" onclick=\"openModal()\">\n\t\t\t<p>OFFERTE AANVRAGEN\n\t\t\t<\/p>\n\t\t<\/div>\n\n <!-- Initial Modal -->\n\t\t<div id=\"quoteModal\" class=\"modal\">\n\t\t\t<div class=\"modal-content\">\n\t\t\t\t<p><button onclick=\"closeModal()\" class=\"absolute top-2 right-2 text-gray-500 hover:text-gray-700\">\u00d7<\/button>\n\t\t\t\t<\/p>\n\t\t\t\t<h2 class=\"text-xl font-bold mb-3 border-b-2 border-yellow-400 pb-2\">Kies een product\n\t\t\t\t<\/h2>\n\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t<h3 class=\"font-semibold\">Overkappingen\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div class=\"product-item\" onclick=\"selectProduct(this, 'aluminium_veranda')\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4 class=\"font-medium\">Aluminium Veranda\n\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t<p class=\"text-sm\">Wilt u overkapt in uw tuin kunnen zitten? Stel nu uw overkapping samen!\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"text-xs bg-yellow-400 text-black inline-block px-2 py-1 rounded mt-1\">Populair\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><img decoding=\"async\" src=\"https:\/\/user-info.reuzenpanda.nl\/product-template-service\/product-templates\/product-templates\/95cd0713-3800-4615-a866-81cb8f9d93dc\/image.jpg?t=687\" alt=\"Aluminium Veranda\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"product-item\" onclick=\"selectProduct(this, 'cube_line')\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4 class=\"font-medium\">Cube Line\n\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t<p class=\"text-sm\">Wilt u overkapt in uw tuin kunnen zitten? Stel nu uw Cube Line overkapping samen!\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><img decoding=\"async\" src=\"https:\/\/user-info.reuzenpanda.nl\/product-template-service\/product-templates\/product-templates\/4313848e-6dac-40c8-a921-f50ce1fdbad4\/image.png?t=689\" alt=\"Cube Line\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"product-item\" onclick=\"selectProduct(this, 'glazen_schuifwanden')\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4 class=\"font-medium\">Glazen schuifwanden\n\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t<p class=\"text-sm\">Deze glazen schuifwanden zorgen ervoor dat je lekker winddicht in jouw tuinkamer kan zitten!\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><img decoding=\"async\" src=\"https:\/\/user-info.reuzenpanda.nl\/product-template-service\/product-templates\/product-templates\/b80d776c-665a-4641-b493-f266d51d08c7\/image.jpg?t=690\" alt=\"Glazen schuifwanden\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n <!-- Details Modal -->\n\t\t<div id=\"detailsModal\" class=\"details-modal\">\n\t\t\t<div class=\"details-content\">\n\t\t\t\t<p><button onclick=\"closeDetailsModal()\" class=\"absolute top-2 right-2 text-gray-500 hover:text-gray-700\">\u00d7<\/button>\n\t\t\t\t<\/p>\n\t\t\t\t<h2 class=\"text-xl font-bold mb-3 border-b-2 border-yellow-400 pb-2\">Offerte Details\n\t\t\t\t<\/h2>\n\t\t\t\t<form id=\"quoteForm\" class=\"space-y-3\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label for=\"product_type\" class=\"block text-sm font-medium text-gray-700\">Type product<\/label><br \/>\n<select id=\"product_type\" name=\"product_type\" required class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md\" disabled>\n <option value=\"\">Selecteer een type<\/option>\n <option value=\"veranda\">Veranda<\/option>\n <option value=\"tuinkamer\">Tuinkamer<\/option>\n <option value=\"aluminium_veranda\">Aluminium Veranda<\/option>\n <option value=\"cube_line\">Cube Line<\/option>\n <option value=\"glazen_schuifwanden\">Glazen schuifwanden<\/option>\n <\/select>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<h3 class=\"text-sm font-medium text-gray-700\">Breedte\n\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t<p><span class=\"ml-2 text-xs bg-red-500 text-white px-2 py-1 rounded\">Verplicht<\/span>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"mt-2 space-y-1\">\n\t\t\t\t\t\t\t<p><button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '< 300 CM')\"> < 300 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '300 tot 400 CM')\">300 tot 400 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '400 tot 500 CM')\">400 tot 500 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '500 tot 600 CM')\">500 tot 600 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '600 tot 700 CM')\">600 tot 700 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '700 tot 800 CM')\">700 tot 800 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '800 tot 900 CM')\">800 tot 900 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '900 tot 1000 CM')\">900 tot 1000 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '1000 tot 1100 CM')\">1000 tot 1100 CM<\/button><br \/>\n<button type=\"button\" class=\"option-button\" onclick=\"selectWidth(this, '1100 tot 1200 CM')\">1100 tot 1200 CM<\/button>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><input type=\"hidden\" id=\"width\" name=\"width\" required \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label class=\"block text-sm font-medium text-gray-700\">Extra opties<\/label>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<div class=\"space-y-1\">\n\t\t\t\t\t\t\t<p><label class=\"flex items-center text-sm\"><br \/>\n<input type=\"checkbox\" name=\"options\" value=\"verlichting\" class=\"mr-1\" \/><br \/>\nVerlichting<br \/>\n<\/label><br \/>\n<label class=\"flex items-center text-sm\"><br \/>\n<input type=\"checkbox\" name=\"options\" value=\"glas\" class=\"mr-1\" \/><br \/>\nGlas<br \/>\n<\/label><br \/>\n<label class=\"flex items-center text-sm\"><br \/>\n<input type=\"checkbox\" name=\"options\" value=\"gordijnen\" class=\"mr-1\" \/><br \/>\nGordijnen<br \/>\n<\/label>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label for=\"color\" class=\"block text-sm font-medium text-gray-700\">Kies een kleur<\/label><br \/>\n<select id=\"color\" name=\"color\" required class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md\">\n <option value=\"\">-- Kies een kleur --<\/option>\n <option value=\"Wit\">\u26aa Wit<\/option>\n <option value=\"Antraciet\">\u26ab Antraciet<\/option>\n <option value=\"Zwart\">\u26ab Zwart<\/option>\n <option value=\"Grijs\">\u26aa Grijs<\/option>\n <option value=\"Anders\">\ud83d\udd18 Anders<\/option>\n <\/select>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label for=\"name\" class=\"block text-sm font-medium text-gray-700\">Naam<\/label><br \/>\n<input type=\"text\" id=\"name\" name=\"name\" required class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label for=\"email\" class=\"block text-sm font-medium text-gray-700\">E-mailadres<\/label><br \/>\n<input type=\"email\" id=\"email\" name=\"email\" required class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p><label for=\"phone\" class=\"block text-sm font-medium text-gray-700\">Telefoonnummer<\/label><br \/>\n<input type=\"tel\" id=\"phone\" name=\"phone\" required class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p><button type=\"submit\" class=\"w-full bg-blue-600 text-white p-2 rounded-md hover:bg-blue-700\">Plaats mijn aanvraag<\/button>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<p><script>\n let selectedProduct = null;\n let selectedWidth = null;\n\n function openModal() {\n document.getElementById('quoteModal').style.display = 'flex';\n selectedProduct = null;\n document.querySelectorAll('.product-item').forEach(item => item.classList.remove('selected'));\n }\n\n function closeModal() {\n document.getElementById('quoteModal').style.display = 'none';\n }\n\n function selectProduct(element, productType) {\n document.querySelectorAll('.product-item').forEach(item => item.classList.remove('selected'));\n element.classList.add('selected');\n selectedProduct = productType;\n openDetailsModal();\n }\n\n function selectWidth(element, width) {\n document.querySelectorAll('.option-button').forEach(btn => btn.classList.remove('selected'));\n element.classList.add('selected');\n selectedWidth = width;\n document.getElementById('width').value = width;\n }\n\n function openDetailsModal() {\n if (!selectedProduct) {\n alert('Selecteer alstublieft een product!');\n return;\n }\n document.getElementById('quoteModal').style.display = 'none';\n document.getElementById('detailsModal').style.display = 'flex';\n document.getElementById('product_type').value = selectedProduct;\n selectedWidth = null;\n document.getElementById('width').value = '';\n document.querySelectorAll('.option-button').forEach(btn => btn.classList.remove('selected'));\n }\n\n function closeDetailsModal() {\n document.getElementById('detailsModal').style.display = 'none';\n }\n\n window.onclick = function(event) {\n const modal = document.getElementById('quoteModal');\n const detailsModal = document.getElementById('detailsModal');\n if (event.target == modal) {\n modal.style.display = 'none';\n }\n if (event.target == detailsModal) {\n detailsModal.style.display = 'none';\n }\n };\n <\/script>\n\t\t<\/p>\n\t<\/body>\n<\/html><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_2\" name=\"_wpcf7_ak_js\" value=\"197\"\/><script>\ndocument.getElementById( \"ak_js_2\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\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>Welkom bij Infinity Veranda Infinity Veranda is uw specialist in maatwerk aluminium veranda\u2019s, tuinkamers, terrasoverkappingen, carports en schuifwanden. Wij leveren in Nederland, Belgi\u00eb en Duitsland en bieden vakmanschap en hoogwaardige afwerking voor uw buitenruimte. Meer over Infinity Veranda Infinity Veranda Homepage Section Welkom bij Infinity Veranda Infinity Veranda is uw specialist in maatwerk aluminium veranda\u2019s, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-13110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/13110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13110"}],"version-history":[{"count":70,"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/13110\/revisions"}],"predecessor-version":[{"id":13312,"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/13110\/revisions\/13312"}],"wp:attachment":[{"href":"https:\/\/infinity-veranda.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}