{"id":227,"date":"2026-08-30T11:01:10","date_gmt":"2026-08-30T11:01:10","guid":{"rendered":"https:\/\/rademakerschilderwerken.nl\/?page_id=227"},"modified":"2026-08-30T11:01:10","modified_gmt":"2026-08-30T11:01:10","slug":"contact-pagina","status":"publish","type":"page","link":"https:\/\/rademakerschilderwerken.nl\/index.php\/contact-pagina\/","title":{"rendered":"Contact pagina"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact &#8211; Rademaker Schilderwerken<\/title>\n    <style>\n        :root {\n            --primary-color: #1a365d; \/* Professioneel diepblauw *\/\n            --secondary-color: #d69e2e; \/* Warm goud\/geel accent voor schilderwerken *\/\n            --text-color: #2d3748;\n            --bg-light: #f7fafc;\n            --white: #ffffff;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        body {\n            color: var(--text-color);\n            background-color: var(--bg-light);\n            line-height: 1.6;\n        }\n\n        header {\n            background-color: var(--white);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            padding: 1rem 2rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo h1 {\n            font-size: 1.5rem;\n            color: var(--primary-color);\n        }\n\n        .logo span {\n            color: var(--secondary-color);\n        }\n\n        nav ul {\n            display: flex;\n            list-style: none;\n            gap: 1.5rem;\n        }\n\n        nav a {\n            text-decoration: none;\n            color: var(--text-color);\n            font-weight: 500;\n        }\n\n        nav a.active, nav a:hover {\n            color: var(--secondary-color);\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 3rem auto;\n            padding: 0 1.5rem;\n        }\n\n        .contact-hero {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .contact-hero h2 {\n            font-size: 2.5rem;\n            color: var(--primary-color);\n            margin-bottom: 0.5rem;\n        }\n\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n        }\n\n        @media (max-width: 768px) {\n            .contact-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .contact-info, .contact-form-container {\n            background: var(--white);\n            padding: 2.5rem;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n        }\n\n        .contact-info h3, .contact-form-container h3 {\n            color: var(--primary-color);\n            margin-bottom: 1.5rem;\n            font-size: 1.5rem;\n            border-bottom: 2px solid var(--secondary-color);\n            padding-bottom: 0.5rem;\n            display: inline-block;\n        }\n\n        .info-details {\n            margin-bottom: 2rem;\n        }\n\n        .info-item {\n            display: flex;\n            margin-bottom: 1.2rem;\n            align-items: flex-start;\n        }\n\n        .info-item strong {\n            width: 120px;\n            flex-shrink: 0;\n        }\n\n        .form-group {\n            margin-bottom: 1.2rem;\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n        }\n\n        .form-group input, .form-group textarea {\n            width: 100%;\n            padding: 0.75rem;\n            border: 1px solid #cbd5e0;\n            border-radius: 4px;\n            font-size: 1rem;\n        }\n\n        .form-group input:focus, .form-group textarea:focus {\n            outline: none;\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 3px rgba(26, 54, 93, 0.1);\n        }\n\n        .btn-submit {\n            background-color: var(--primary-color);\n            color: var(--white);\n            padding: 0.75rem 1.5rem;\n            border: none;\n            border-radius: 4px;\n            font-size: 1rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background-color 0.2s;\n            width: 100%;\n        }\n\n        .btn-submit:hover {\n            background-color: #2c5282;\n        }\n\n        .map-container {\n            margin-top: 3rem;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n        }\n\n        .map-container iframe {\n            width: 100%;\n            height: 400px;\n            border: 0;\n            display: block;\n        }\n\n        footer {\n            background-color: var(--primary-color);\n            color: var(--white);\n            text-align: center;\n            padding: 1.5rem;\n            margin-top: 4rem;\n            font-size: 0.9rem;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header>\n        <div class=\"logo\">\n            <h1>Rademaker <span>Schilderwerken<\/span><\/h1>\n        <\/div>\n        <nav>\n            <ul>\n                <li><a href=\"index.html\">Home<\/a><\/li>\n                <li><a href=\"over-ons.html\">Over ons<\/a><\/li>\n                <li><a href=\"diensten.html\">Diensten<\/a><\/li>\n                <li><a href=\"contact.html\" class=\"active\">Contact<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/header>\n\n    <main class=\"container\">\n        <section class=\"contact-hero\">\n            <h2>Neem contact met ons op<\/h2>\n            <p>Heeft u vragen over binnenschilderwerk, buitenschilderwerk of wilt u direct een vrijblijvende offerte aanvragen? Wesley Rademaker staat voor u klaar.<\/p>\n        <\/section>\n\n        <div class=\"contact-grid\">\n            <!-- Contactgegevens -->\n            <section class=\"contact-info\">\n                <h3>Onze Gegevens<\/h3>\n                <div class=\"info-details\">\n                    <div class=\"info-item\">\n                        <strong>Wesley Rademaker<\/strong>\n                        <\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>Adres:<\/strong>\n                        <span>Aletta Jacobstraat 27<br>1827MK Alkmaar<\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>Telefoon:<\/strong>\n                        <span><a href=\"tel:+31653414570\" style=\"color: inherit; text-decoration: none;\">06 &#8211; 53 41 45 70<\/a><\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>E-mail:<\/strong>\n                        <span><a href=\"mailto:info@rademakerschilderwerken.nl\" style=\"color: inherit; text-decoration: none;\">info@rademakerschilderwerken.nl<\/a><\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>KVK-nummer:<\/strong>\n                        <span>74603485<\/span>\n                    <\/div>\n                <\/div>\n\n                <h3>Openingstijden<\/h3>\n                <div class=\"info-details\">\n                    <div class=\"info-item\">\n                        <strong>Maandag &#8211; Vrijdag:<\/strong>\n                        <span>07:30 &#8211; 17:00 uur<\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>Zaterdag:<\/strong>\n                        <span>Op afspraak<\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <strong>Zondag:<\/strong>\n                        <span>Gesloten<\/span>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Contactformulier -->\n            <section class=\"contact-form-container\">\n                <h3>Stuur een bericht<\/h3>\n                <form id=\"contactForm\">\n                    <div class=\"form-group\">\n                        <label for=\"name\">Naam *<\/label>\n                        <input type=\"text\" id=\"name\" required placeholder=\"Uw volledige naam\">\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"email\">E-mailadres *<\/label>\n                        <input type=\"email\" id=\"email\" required placeholder=\"Uw e-mailadres\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"phone\">Telefoonnummer<\/label>\n                        <input type=\"tel\" id=\"phone\" placeholder=\"Uw telefoonnummer\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"subject\">Onderwerp<\/label>\n                        <input type=\"text\" id=\"subject\" placeholder=\"Bijv. Offerte buitenschilderwerk\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"message\">Bericht *<\/label>\n                        <textarea id=\"message\" rows=\"5\" required placeholder=\"Wat kan Wesley voor u betekenen?\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"btn-submit\">Bericht Verzenden<\/button>\n                <\/form>\n            <\/section>\n        <\/div>\n\n        <!-- Google Maps Locatie -->\n        <div class=\"map-container\">\n            <iframe src=\"https:\/\/google.com\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n        <\/div>\n    <\/main>\n\n    <footer>\n        <p>&copy; 2026 Rademaker Schilderwerken. Alle rechten voorbehouden.<\/p>\n    <\/footer>\n\n    <!-- Formulier verwerkingsscript -->\n    <script>\n        document.getElementById('contactForm').addEventListener('submit', function(event) {\n            event.preventDefault(); \/\/ Voorkomt dat de pagina herlaadt\n            \n            \/\/ Gegevens ophalen uit het formulier\n            const name = document.getElementById('name').value;\n            const email = document.getElementById('email').value;\n            const phone = document.getElementById('phone').value || 'Niet ingevuld';\n\n","protected":false},"excerpt":{"rendered":"<p>Contact &#8211; Rademaker Schilderwerken Rademaker Schilderwerken Home Over ons Diensten Contact Neem contact met ons op Heeft u vragen over binnenschilderwerk, buitenschilderwerk of wilt u direct een vrijblijvende offerte aanvragen? Wesley Rademaker staat voor u klaar. Onze Gegevens Wesley Rademaker Adres: Aletta Jacobstraat 271827MK Alkmaar Telefoon: 06 &#8211; 53 41 45 70 E-mail: info@rademakerschilderwerken.nl KVK-nummer: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":1,"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/rademakerschilderwerken.nl\/index.php\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}