{"id":453,"date":"2022-10-10T18:39:22","date_gmt":"2022-10-10T18:39:22","guid":{"rendered":"http:\/\/localhost\/context\/?page_id=453"},"modified":"2025-01-17T12:18:55","modified_gmt":"2025-01-17T12:18:55","slug":"project-4column","status":"publish","type":"page","link":"https:\/\/bkc-bemiddeling.nl\/index.php\/project-4column\/","title":{"rendered":"Project 4Column"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

OUR GALLERY<\/h2>\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Explore Recent Gallery<\/h3>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\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\t\t\n\t\t\t\t\t\t\t\n\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\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. it enim ad minim veniam, <\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\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\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Type Your Title<\/h1>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Type Your Sub Title <\/h2>\t\t\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
\t\t\t\t\t\n\t\t\t\t\t\t\n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n

    \n<\/p>\n\n\t\n\u00a0 \n\u00a0 \n\t\tDatum en Prijs\n\t\t<\/title>\n\t\t<style>\n\u00a0 \u00a0 .container {\n\u00a0 \u00a0 \u00a0 max-width: 600px;\n\u00a0 \u00a0 \u00a0 margin: 0 auto;\n\u00a0 \u00a0 \u00a0 padding: 20px;\n\u00a0 \u00a0 \u00a0 font-family: Arial, sans-serif;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 .form-group {\n\u00a0 \u00a0 \u00a0 margin-bottom: 15px;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 label {\n\u00a0 \u00a0 \u00a0 display: block;\n\u00a0 \u00a0 \u00a0 margin-bottom: 5px;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 input, select {\n\u00a0 \u00a0 \u00a0 width: 100%;\n\u00a0 \u00a0 \u00a0 padding: 8px;\n\u00a0 \u00a0 \u00a0 box-sizing: border-box;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 .extras label {\n\u00a0 \u00a0 \u00a0 display: inline-block;\n\u00a0 \u00a0 \u00a0 margin-right: 10px;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 .total-price {\n\u00a0 \u00a0 \u00a0 font-size: 1.2em;\n\u00a0 \u00a0 \u00a0 margin: 10px 0;\n\u00a0 \u00a0 \u00a0 font-weight: bold;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 button {\n\u00a0 \u00a0 \u00a0 padding: 10px 20px;\n\u00a0 \u00a0 \u00a0 font-size: 1em;\n\u00a0 \u00a0 \u00a0 cursor: pointer;\n\u00a0 \u00a0 }\n\t\t<\/style>\n\t<\/head>\n\t<body>\n\t\t<div class=\"container\">\n\t\t\t<h1>Datum en Prijs\n\t\t\t<\/h1>\n\t\t\t<form id=\"contact-form\" action=\"your-server-side-script.php\" method=\"POST\"><!-- Selecteer een pakket -->\n\t\t\t\t<h2>Kies een Pakket\n\t\t\t\t<\/h2>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t<p><label for=\"package\">Pakket<\/label><select id=\"package\" name=\"package\">\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"100\">Basis Schoonmaak (\u20ac100)<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"150\">Diepe Schoonmaak (\u20ac150)<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"200\">Raamreiniging (\u20ac200)<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 <\/select>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div><!-- Kies aantal kamers, ramen en badkamers -->\n\t\t\t\t<h2>Opties\n\t\t\t\t<\/h2>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t<p><label for=\"rooms\">Aantal Kamers<\/label><select id=\"rooms\" name=\"rooms\">\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"0\">0<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"1\">1<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"2\">2<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"3\">3<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"4\">4<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 <\/select>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t<p><label for=\"windows\">Aantal Ramen<\/label><select id=\"windows\" name=\"windows\">\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"0\">0<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"1\">1<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"2\">2<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"3\">3<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"4\">4<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 <\/select>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t<p><label for=\"bathrooms\">Aantal Badkamers<\/label><select id=\"bathrooms\" name=\"bathrooms\">\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"0\">0<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"1\">1<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"2\">2<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"3\">3<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <option value=\"4\">4<\/option>\n\u00a0 \u00a0 \u00a0 \u00a0 <\/select>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div><!-- Optionele Extra's -->\n\t\t\t\t<div class=\"extras\">\n\t\t\t\t\t<h2>Optionele Extra's\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p><label><input type=\"checkbox\" id=\"extra-room\" name=\"extra-room\" \/> Extra kamer (+\u20ac20)<\/label><label><input type=\"checkbox\" id=\"balcony-cleaning\" name=\"balcony-cleaning\" \/> Balkonreiniging (+\u20ac15)<\/label><label><input type=\"checkbox\" id=\"carpet-cleaning\" name=\"carpet-cleaning\" \/> Tapijtreiniging (+\u20ac30)<\/label>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div><!-- Datum en Tijd -->\n\t\t\t\t<div class=\"date-picker\">\n\t\t\t\t\t<h2>Kies een Datum\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<p><label for=\"date\">Datum<\/label><input type=\"date\" id=\"date\" name=\"date\" \/>\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\t<div class=\"time-picker\">\n\t\t\t\t\t<h2>Kies een Tijd\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<p><label for=\"time\">Tijd<\/label><input type=\"time\" id=\"time\" name=\"time\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><!-- Contactgegevens -->\n\t\t\t\t<div class=\"contact-details\">\n\t\t\t\t\t<h2>Contactgegevens\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<p><label for=\"name\">Naam<\/label><input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Uw Naam\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<p><label for=\"email\">E-mailadres<\/label><input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Uw E-mailadres\" \/>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<p><label for=\"phone\">Telefoonnummer<\/label><input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Uw Telefoonnummer\" \/>\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\t<div class=\"total-price\">\n\t\t\t\t\t<p>Totaal: <span id=\"total\">\u20ac100<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<p><input type=\"hidden\" id=\"hidden-total\" name=\"total\" \/><button type=\"submit\" class=\"submit-btn\" id=\"submit\">Verzenden<\/button>\n\t\t\t\t<\/p>\n\t\t\t<\/form>\n\t\t<\/div>\n\t\t<p><script>\n\u00a0 \u00a0 document.addEventListener('DOMContentLoaded', function() {\n\u00a0 \u00a0 \u00a0 function calculateTotal() {\n\u00a0 \u00a0 \u00a0 \u00a0 const basePrice = parseInt(document.getElementById('package').value) || 0;\n\u00a0 \u00a0 \u00a0 \u00a0 const extraRoomPrice = document.getElementById('extra-room').checked ? 20 : 0;\n\u00a0 \u00a0 \u00a0 \u00a0 const balconyPrice = document.getElementById('balcony-cleaning').checked ? 15 : 0;\n\u00a0 \u00a0 \u00a0 \u00a0 const carpetPrice = document.getElementById('carpet-cleaning').checked ? 30 : 0;\n\u00a0 \u00a0 \u00a0 \u00a0 \n\u00a0 \u00a0 \u00a0 \u00a0 const total = basePrice + extraRoomPrice + balconyPrice + carpetPrice;\n\u00a0 \u00a0 \u00a0 \u00a0 \n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById('total').textContent = '\u20ac' + total;\n\u00a0 \u00a0 \u00a0 \u00a0 \n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0645\u062e\u0641\u064a\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById('hidden-total').value = total;\n\u00a0 \u00a0 \u00a0 }\n\n\u00a0 \u00a0 \u00a0 \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062d\u062f\u062b \u0644\u0643\u0644 \u0627\u0644\u062d\u0642\u0648\u0644\n\u00a0 \u00a0 \u00a0 document.getElementById('package').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('rooms').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('windows').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('bathrooms').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('extra-room').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('balcony-cleaning').addEventListener('change', calculateTotal);\n\u00a0 \u00a0 \u00a0 document.getElementById('carpet-cleaning').addEventListener('change', calculateTotal);\n\n\u00a0 \u00a0 \u00a0 \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n\u00a0 \u00a0 \u00a0 calculateTotal();\n\u00a0 \u00a0 });\n\u00a0 <\/script><br \/>\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n function calculateTotal() {\n const basePrice = parseInt(document.getElementById('package').value) || 0;\n const extraRoomPrice = document.getElementById('extra-room').checked ? 20 : 0;\n const balconyPrice = document.getElementById('balcony-cleaning').checked ? 15 : 0;\n const carpetPrice = document.getElementById('carpet-cleaning').checked ? 30 : 0;\n\n const total = basePrice + extraRoomPrice + balconyPrice + carpetPrice;\n\n document.getElementById('total').textContent = '\u20ac' + total;\n document.getElementById('hidden-total').value = total;\n }\n\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062d\u062f\u062b \u0644\u0643\u0644 \u0627\u0644\u062d\u0642\u0648\u0644 \u0644\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0633\u0639\u0631\n document.getElementById('package').addEventListener('change', calculateTotal);\n document.getElementById('rooms').addEventListener('change', calculateTotal);\n document.getElementById('windows').addEventListener('change', calculateTotal);\n document.getElementById('bathrooms').addEventListener('change', calculateTotal);\n document.getElementById('extra-room').addEventListener('change', calculateTotal);\n document.getElementById('balcony-cleaning').addEventListener('change', calculateTotal);\n document.getElementById('carpet-cleaning').addEventListener('change', calculateTotal);\n\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n calculateTotal();\n\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0625\u0634\u0639\u0627\u0631 \u0639\u0646\u062f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n document.getElementById('contact-form').addEventListener('submit', function(event) {\n event.preventDefault(); \/\/ \u0645\u0646\u0639 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u0646\u0645\u0648\u0630\u062c\n alert('\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0646\u062c\u0627\u062d!'); \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0625\u0634\u0639\u0627\u0631\n this.submit(); \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f \u0627\u0644\u0625\u0634\u0639\u0627\u0631\n });\n });\n<\/script>\n\t\t<\/p>\n\t<\/body>\n<\/html>\n\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<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=\"159\"\/><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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR GALLERY Explore Recent Gallery Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. it enim ad minim veniam, Type Your Title Type Your Sub Title Kies een Pakket Basis Schoonmaak (\u20ac50)Diepe Schoonmaak (\u20ac100)Raamreiniging (\u20ac75) Aantal Kamers 01234 Aantal Ramen 01234 Aantal Badkamers 01234 Optionele […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/pages\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":6,"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/pages\/453\/revisions"}],"predecessor-version":[{"id":9653,"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/pages\/453\/revisions\/9653"}],"wp:attachment":[{"href":"https:\/\/bkc-bemiddeling.nl\/index.php\/wp-json\/wp\/v2\/media?parent=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}