{"id":777,"date":"2022-06-28T08:06:38","date_gmt":"2022-06-28T08:06:38","guid":{"rendered":"https:\/\/startersites.io\/elementor\/web-agency\/?page_id=777"},"modified":"2026-04-05T18:14:12","modified_gmt":"2026-04-05T17:14:12","slug":"contact","status":"publish","type":"page","link":"https:\/\/vanderfeerinnovations.nl\/?page_id=777","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"777\" class=\"elementor elementor-777\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fb88f1 e-flex e-con-boxed e-con e-parent\" data-id=\"8fb88f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d071bbd e-con-full e-flex e-con e-child\" data-id=\"d071bbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed86461 elementor-widget elementor-widget-spacer\" data-id=\"ed86461\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29bd2e4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"29bd2e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Klaar voor groei?<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78b5aab elementor-widget elementor-widget-heading\" data-id=\"78b5aab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Neem gerust contact op<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dbfe56 elementor-widget elementor-widget-spacer\" data-id=\"8dbfe56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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<div class=\"elementor-element elementor-element-e5b55a1 e-flex e-con-boxed e-con e-parent\" data-id=\"e5b55a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-135f1e1 e-con-full e-flex e-con e-child\" data-id=\"135f1e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f48fcd elementor-widget elementor-widget-html\" data-id=\"6f48fcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       DESKTOP (WEB) - BASIS STIJL\r\n       ========================================= *\/\r\n\r\n    \/* --- CONTAINER --- *\/\r\n    .contact-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        max-width: 1000px; \/* Mooie breedte voor desktop *\/\r\n        margin: 40px auto;\r\n        font-family: 'Helvetica', 'Arial', sans-serif;\r\n        padding: 0 20px;\r\n        box-sizing: border-box; \/* Zorgt dat padding de breedte niet verpest *\/\r\n    }\r\n\r\n    \/* --- HET FORMULIER BLOK --- *\/\r\n    .contact-card {\r\n        background-color: transparent; \r\n        width: 100%;\r\n        padding: 0;\r\n        box-shadow: none; \r\n        border: none;\r\n    }\r\n\r\n    \/* --- LAYOUT RIJEN --- *\/\r\n    .form-row {\r\n        display: flex;\r\n        gap: 30px; \/* Ruimte tussen Naam en Email op desktop *\/\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-group {\r\n        flex: 1; \r\n        display: flex;\r\n        flex-direction: column;\r\n        \/* Op desktop regelt .form-row de ruimte, dus hier geen margin nodig *\/\r\n        margin-bottom: 0; \r\n    }\r\n    \r\n    \/* Voor groepen die NIET in een row zitten (zoals onderwerp) *\/\r\n    .contact-card > .form-group {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-group label {\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        color: #2c3e50;\r\n        margin-bottom: 10px;\r\n        margin-left: 2px; \r\n    }\r\n\r\n    \/* --- INPUT VELDEN --- *\/\r\n    .form-control {\r\n        background-color: #ffffff;\r\n        border: 1px solid rgba(0,0,0,0.1);\r\n        border-radius: 15px;\r\n        padding: 18px 25px;\r\n        font-size: 1rem;\r\n        font-family: inherit;\r\n        color: #2c3e50;\r\n        transition: all 0.3s ease;\r\n        outline: none;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.03);\r\n        width: 100%; \/* Zorg dat ze altijd de ruimte vullen *\/\r\n        box-sizing: border-box; \/* Belangrijk! *\/\r\n    }\r\n\r\n    .form-control:focus {\r\n        border-color: #0c2461; \r\n        box-shadow: 0 5px 15px rgba(12, 36, 97, 0.15);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Berichtvak *\/\r\n    textarea.form-control {\r\n        resize: vertical; \r\n        min-height: 180px;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* --- VERZEND KNOP --- *\/\r\n    .submit-btn {\r\n        background-color: #0c2461; \r\n        color: white;\r\n        border: none;\r\n        padding: 18px 50px;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        border-radius: 50px; \r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: inline-block;\r\n        min-width: 200px;\r\n        box-shadow: 0 10px 20px rgba(12, 36, 97, 0.2);\r\n        -webkit-appearance: none; \/* Fix voor iPhone knoppen *\/\r\n    }\r\n\r\n    .submit-btn:hover {\r\n        background-color: #2E86DE; \r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(46, 134, 222, 0.3);\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE AANPASSINGEN\r\n       ========================================= *\/\r\n\r\n    \/* 1. IPAD & TABLET (Tussen 768px en 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .contact-wrapper {\r\n            max-width: 90%; \/* Iets meer marge aan zijkanten *\/\r\n            margin: 30px auto;\r\n        }\r\n        \r\n        .form-row {\r\n            gap: 20px; \/* Iets minder witruimte tussen kolommen op tablet *\/\r\n        }\r\n    }\r\n\r\n    \/* 2. IPHONE & MOBIEL (Kleiner dan 767px) *\/\r\n    @media (max-width: 767px) {\r\n        .contact-wrapper {\r\n            padding: 0 15px;\r\n            margin: 20px auto;\r\n        }\r\n\r\n        .form-row {\r\n            flex-direction: column; \/* Zet naam en email onder elkaar *\/\r\n            gap: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        \/* Zorg dat iOS niet inzoomt bij typen (minimaal 16px font) *\/\r\n        .form-control {\r\n            font-size: 16px; \r\n            padding: 15px 20px; \/* Iets compactere padding *\/\r\n        }\r\n        \r\n        \/* Knoppen schermbreed op mobiel voor makkelijk tikken *\/\r\n        .submit-btn {\r\n            width: 100%; \r\n            display: block;\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-wrapper\">\r\n    <div class=\"contact-card\">\r\n        \r\n        <form action=\"https:\/\/formsubmit.co\/kian@vdfeer.com\" method=\"POST\">\r\n            \r\n            <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n            <input type=\"hidden\" name=\"_next\" value=\"\">\r\n\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"naam\">Uw naam<\/label>\r\n                    <input type=\"text\" id=\"naam\" name=\"Naam\" class=\"form-control\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\">Uw e-mailadres<\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"Email\" class=\"form-control\" required>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\" style=\"margin-bottom: 25px;\">\r\n                <label for=\"onderwerp\">Onderwerp<\/label>\r\n                <input type=\"text\" id=\"onderwerp\" name=\"Onderwerp\" class=\"form-control\">\r\n            <\/div>\r\n\r\n            <div class=\"form-group\" style=\"margin-bottom: 25px;\">\r\n                <label for=\"bericht\">Uw bericht (optioneel)<\/label>\r\n                <textarea id=\"bericht\" name=\"Bericht\" class=\"form-control\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"submit-btn\">Verzenden<\/button>\r\n\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8664a86 elementor-widget elementor-widget-spacer\" data-id=\"8664a86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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>Klaar voor groei? Neem gerust contact op Uw naam Uw e-mailadres Onderwerp Uw bericht (optioneel) Verzenden<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wpai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=777"}],"version-history":[{"count":135,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/777\/revisions"}],"predecessor-version":[{"id":3375,"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=\/wp\/v2\/pages\/777\/revisions\/3375"}],"wp:attachment":[{"href":"https:\/\/vanderfeerinnovations.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}