{"id":370,"date":"2025-11-21T12:56:05","date_gmt":"2025-11-21T12:56:05","guid":{"rendered":"https:\/\/rebuildukrainenetherlands.nl\/contact\/"},"modified":"2026-03-19T14:11:43","modified_gmt":"2026-03-19T14:11:43","slug":"contact","status":"publish","type":"page","link":"https:\/\/rebuildukrainenetherlands.nl\/nl\/contact\/","title":{"rendered":"Neem contact op met"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-1062a168 alignfull uagb-is-root-container\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact \u2013 Rebuild Ukraine Netherlands<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,900&#038;family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --yellow:      #e8c94a;\n  --yellow-dark: #c9a830;\n  --yellow-light:#f2d96e;\n  --blue:        #1e407a;\n  --blue-dark:   #122850;\n  --cream:       #F7F3EC;\n  --cream-2:     #EDE8DF;\n  --text-muted:  rgba(30,64,122,.6);\n}\n\nhtml { scroll-behavior: smooth; }\nbody {\n  background: var(--cream);\n  font-family: 'Crimson Pro', Georgia, serif;\n  color: var(--blue);\n  overflow-x: hidden;\n}\n\n.container { max-width: 1200px; margin: 0 auto; padding: 0 60px; }\n\n\/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n.page-hero {\n  background: var(--blue-dark);\n  padding: 100px 60px 88px;\n  position: relative; overflow: hidden;\n}\n.page-hero::before {\n  content: 'Contact';\n  font-family: 'Playfair Display', serif; font-weight: 900;\n  font-size: clamp(90px, 14vw, 200px); color: rgba(255,255,255,.03);\n  position: absolute; right: -10px; bottom: -20px;\n  line-height: 1; pointer-events: none; user-select: none; letter-spacing: -.03em;\n}\n.page-hero::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg, transparent, var(--yellow), transparent);\n}\n.page-hero-inner { max-width: 1200px; margin: 0 auto; }\n\n.page-hero-tag {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 600; letter-spacing: .35em;\n  text-transform: uppercase; color: var(--yellow); margin-bottom: 32px;\n  opacity: 0; animation: fadeUp .6s .1s ease forwards;\n}\n.page-hero-tag::before { content: ''; display: block; width: 32px; height: 1px; background: var(--yellow); }\n\n.page-hero h1 {\n  font-family: 'Playfair Display', serif; font-weight: 900;\n  font-size: clamp(52px, 8vw, 96px); line-height: .92;\n  color: #fff; letter-spacing: -.02em; max-width: 680px;\n  opacity: 0; animation: fadeUp .8s .25s ease forwards;\n}\n.page-hero h1 em { font-style: italic; color: var(--yellow-light); }\n\n.page-hero-sub {\n  font-size: clamp(17px, 1.9vw, 22px); font-weight: 300; font-style: italic;\n  color: rgba(255,255,255,.6); margin-top: 28px; max-width: 520px; line-height: 1.6;\n  opacity: 0; animation: fadeUp .7s .4s ease forwards;\n}\n\n\/* \u2500\u2500 MAIN CONTACT SECTION \u2500\u2500 *\/\n.contact-section { padding: 100px 0; }\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.4fr;\n  gap: 0;\n  border-top: 1px solid rgba(30,64,122,.12);\n  padding-top: 72px;\n}\n\n\/* \u2500\u2500 LEFT: info \u2500\u2500 *\/\n.contact-info {\n  padding-right: 72px;\n  border-right: 1px solid rgba(30,64,122,.12);\n  display: flex; flex-direction: column; gap: 0;\n}\n\n.section-tag {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 600; letter-spacing: .35em;\n  text-transform: uppercase; color: var(--yellow-dark); margin-bottom: 24px;\n}\n.section-tag::before { content: ''; display: block; width: 32px; height: 1px; background: var(--yellow-dark); flex-shrink: 0; }\n\n.contact-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(36px, 4.5vw, 56px); font-weight: 900;\n  line-height: .95; color: var(--blue-dark); letter-spacing: -.02em;\n  margin-bottom: 24px;\n}\n.contact-title em { font-style: italic; color: var(--yellow-dark); }\n\n.contact-rule { width: 56px; height: 2px; background: linear-gradient(90deg, var(--yellow), transparent); margin-bottom: 48px; }\n\n\/* info blocks *\/\n.info-blocks { display: flex; flex-direction: column; gap: 2px; margin-bottom: 48px; }\n\n.info-block {\n  background: #fff;\n  padding: 28px 32px;\n  position: relative; overflow: hidden;\n  transition: background .3s, transform .3s;\n  border-left: 3px solid transparent;\n  transition: border-color .35s, background .35s, transform .3s;\n}\n.info-block:hover {\n  background: var(--cream-2);\n  border-left-color: var(--yellow);\n  transform: translateX(4px);\n}\n\n.info-block-label {\n  font-size: 10px; font-weight: 600; letter-spacing: .35em;\n  text-transform: uppercase; color: var(--yellow-dark);\n  margin-bottom: 10px;\n  display: flex; align-items: center; gap: 8px;\n}\n.info-block-label::before { content: ''; display: block; width: 16px; height: 1px; background: var(--yellow-dark); }\n\n.info-block-content {\n  font-size: clamp(15px, 1.5vw, 17px); font-weight: 300;\n  line-height: 1.7; color: var(--blue);\n}\n.info-block-content strong { font-weight: 600; }\n.info-block-content a {\n  color: var(--blue); text-decoration: none;\n  border-bottom: 1px solid rgba(30,64,122,.2);\n  transition: color .3s, border-color .3s;\n}\n.info-block-content a:hover { color: var(--yellow-dark); border-color: var(--yellow-dark); }\n\n\/* legal \/ ANBI details *\/\n.legal-block {\n  background: var(--blue-dark);\n  padding: 32px;\n  position: relative; overflow: hidden;\n}\n.legal-block::before {\n  content: '';\n  position: absolute; top: 0; left: 0; bottom: 0;\n  width: 3px; background: var(--yellow);\n}\n\n.legal-label {\n  font-size: 10px; font-weight: 600; letter-spacing: .35em;\n  text-transform: uppercase; color: var(--yellow);\n  margin-bottom: 16px;\n  display: flex; align-items: center; gap: 8px;\n}\n.legal-label::before { content: ''; display: block; width: 16px; height: 1px; background: var(--yellow); }\n\n.legal-rows { display: flex; flex-direction: column; gap: 10px; }\n\n.legal-row {\n  display: flex; align-items: baseline; gap: 12px;\n  font-size: 14px; font-weight: 300; color: rgba(247,243,236,.6);\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(232,201,74,.08);\n}\n.legal-row:last-child { border-bottom: none; padding-bottom: 0; }\n.legal-row span:first-child {\n  font-size: 10px; font-weight: 600; letter-spacing: .2em;\n  text-transform: uppercase; color: rgba(232,201,74,.5);\n  flex-shrink: 0; min-width: 56px;\n}\n.legal-row strong { color: rgba(247,243,236,.85); font-weight: 400; }\n.legal-row a {\n  color: var(--yellow); text-decoration: none; font-size: 12px;\n  border-bottom: 1px solid rgba(232,201,74,.3); transition: border-color .3s;\n}\n.legal-row a:hover { border-color: var(--yellow); }\n\n\/* \u2500\u2500 RIGHT: form \u2500\u2500 *\/\n.contact-form-wrap {\n  padding-left: 72px;\n}\n\n.form-header { margin-bottom: 40px; }\n\n.form-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(28px, 3vw, 40px); font-weight: 900;\n  line-height: .95; color: var(--blue-dark); letter-spacing: -.02em;\n  margin-bottom: 12px;\n}\n.form-title em { font-style: italic; color: var(--yellow-dark); }\n\n.form-sub {\n  font-size: clamp(15px, 1.5vw, 18px); font-weight: 300;\n  line-height: 1.65; color: var(--text-muted);\n}\n\n.contact-form { display: flex; flex-direction: column; gap: 20px; }\n\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n\n.form-group { display: flex; flex-direction: column; gap: 8px; }\n\n.form-label {\n  font-size: 10px; font-weight: 600; letter-spacing: .3em;\n  text-transform: uppercase; color: var(--yellow-dark);\n  display: flex; align-items: center; gap: 8px;\n}\n.form-label::before { content: ''; display: block; width: 14px; height: 1px; background: var(--yellow-dark); }\n\n.form-input,\n.form-select,\n.form-textarea {\n  width: 100%; padding: 16px 20px;\n  font-family: 'Crimson Pro', serif; font-size: 17px; font-weight: 300;\n  color: var(--blue); background: #fff;\n  border: 1.5px solid rgba(30,64,122,.15);\n  outline: none; appearance: none;\n  transition: border-color .3s, box-shadow .3s;\n  border-radius: 0;\n}\n.form-input:focus,\n.form-select:focus,\n.form-textarea:focus {\n  border-color: var(--yellow-dark);\n  box-shadow: 0 0 0 3px rgba(200,168,75,.1);\n}\n.form-input::placeholder,\n.form-textarea::placeholder { color: rgba(30,64,122,.3); }\n\n.form-select {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e407a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 16px center;\n  padding-right: 44px; cursor: pointer;\n  color: var(--blue);\n}\n.form-select option { color: var(--blue); }\n\n.form-textarea { resize: vertical; min-height: 160px; line-height: 1.6; }\n\n\/* checkbox *\/\n.form-check {\n  display: flex; align-items: flex-start; gap: 14px;\n  cursor: pointer;\n}\n.form-check input[type=\"checkbox\"] {\n  width: 18px; height: 18px; flex-shrink: 0;\n  margin-top: 3px; accent-color: var(--yellow-dark);\n  cursor: pointer;\n}\n.form-check-label {\n  font-size: 14px; font-weight: 300; line-height: 1.6;\n  color: var(--text-muted);\n}\n.form-check-label a { color: var(--yellow-dark); text-decoration: none; border-bottom: 1px solid rgba(200,168,75,.3); }\n.form-check-label a:hover { border-color: var(--yellow-dark); }\n\n\/* submit btn *\/\n.btn-submit {\n  display: inline-flex; align-items: center; gap: 14px;\n  background: var(--blue); color: var(--cream);\n  font-family: 'Crimson Pro', serif; font-size: 14px;\n  font-weight: 600; letter-spacing: .25em; text-transform: uppercase;\n  border: none; padding: 18px 48px; cursor: pointer;\n  position: relative; overflow: hidden; transition: color .4s;\n  align-self: flex-start;\n}\n.btn-submit::before {\n  content: ''; position: absolute; inset: 0;\n  background: var(--blue-dark);\n  transform: scaleX(0); transform-origin: left;\n  transition: transform .4s cubic-bezier(.77,0,.175,1); z-index: 0;\n}\n.btn-submit:hover::before { transform: scaleX(1); }\n.btn-submit span, .btn-submit svg { position: relative; z-index: 1; }\n.btn-submit svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }\n.btn-submit:hover svg { transform: translateX(4px); }\n\n\/* success state *\/\n.form-success {\n  display: none;\n  background: rgba(200,168,75,.1);\n  border: 1.5px solid rgba(200,168,75,.3);\n  border-left: 3px solid var(--yellow-dark);\n  padding: 24px 28px;\n  margin-top: 8px;\n}\n.form-success p {\n  font-size: 17px; font-weight: 300; color: var(--blue);\n  display: flex; align-items: center; gap: 12px;\n}\n.form-success p::before {\n  content: '\u2713';\n  display: flex; align-items: center; justify-content: center;\n  width: 24px; height: 24px;\n  background: var(--yellow-dark); color: #fff;\n  font-size: 13px; font-weight: 700; flex-shrink: 0;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.cta-section {\n  background: var(--blue-dark); position: relative; overflow: hidden;\n}\n.cta-section::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--yellow), transparent);\n}\n.cta-section::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--yellow), transparent);\n}\n.cta-inner {\n  padding: 96px 60px; max-width: 1200px; margin: 0 auto;\n  display: grid; grid-template-columns: 1fr auto;\n  gap: 60px; align-items: center;\n}\n.cta-tag {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 600; letter-spacing: .35em;\n  text-transform: uppercase; color: var(--yellow); margin-bottom: 20px;\n}\n.cta-tag::before { content: ''; display: block; width: 28px; height: 1px; background: var(--yellow); }\n.cta-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(34px, 4.5vw, 58px); font-weight: 900;\n  line-height: .95; color: #fff; letter-spacing: -.02em;\n}\n.cta-title em { font-style: italic; color: var(--yellow-light); }\n.btn-donate {\n  display: inline-flex; align-items: center; gap: 14px;\n  background: var(--yellow); color: var(--blue-dark);\n  font-family: 'Crimson Pro', serif; font-size: 15px;\n  font-weight: 600; letter-spacing: .2em; text-transform: uppercase;\n  text-decoration: none; padding: 20px 48px;\n  white-space: nowrap; position: relative; overflow: hidden;\n}\n.btn-donate::before {\n  content: ''; position: absolute; inset: 0; background: var(--yellow-light);\n  transform: scaleX(0); transform-origin: left;\n  transition: transform .4s cubic-bezier(.77,0,.175,1); z-index: 0;\n}\n.btn-donate:hover::before { transform: scaleX(1); }\n.btn-donate span, .btn-donate svg { position: relative; z-index: 1; }\n.btn-donate svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }\n.btn-donate:hover svg { transform: translateX(5px); }\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.rd1{transition-delay:.1s} .rd2{transition-delay:.2s} .rd3{transition-delay:.3s} .rd4{transition-delay:.4s}\n\n@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .contact-grid { grid-template-columns: 1fr; gap: 64px; }\n  .contact-info { padding-right: 0; border-right: none; padding-bottom: 64px; border-bottom: 1px solid rgba(30,64,122,.12); }\n  .contact-form-wrap { padding-left: 0; }\n  .cta-inner { grid-template-columns: 1fr; gap: 40px; }\n  .container { padding: 0 40px; }\n  .page-hero { padding: 80px 40px 72px; }\n  .cta-inner { padding: 72px 40px; }\n}\n@media (max-width: 640px) {\n  .container { padding: 0 24px; }\n  .page-hero { padding: 64px 24px 60px; }\n  .form-row { grid-template-columns: 1fr; }\n  .cta-inner { padding: 60px 24px; }\n  .btn-submit { width: 100%; justify-content: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550 PAGE HERO \u2550\u2550 -->\n<header class=\"page-hero\">\n  <div class=\"page-hero-inner\">\n    <div class=\"page-hero-tag\">Rebuild Ukraine Netherlands<\/div>\n    <h1>Get in <em>touch<\/em><\/h1>\n    <p class=\"page-hero-sub\">Questions, collaborations or want to support our work? We&#8217;d love to hear from you.<\/p>\n  <\/div>\n<\/header>\n\n<!-- \u2550\u2550 CONTACT SECTION \u2550\u2550 -->\n<section class=\"contact-section\">\n  <div class=\"container\">\n    <div class=\"contact-grid\">\n\n      <!-- LEFT: info -->\n      <div class=\"contact-info\">\n        <div class=\"section-tag reveal\">Contact details<\/div>\n        <h2 class=\"contact-title reveal rd1\">We are<br><em>here to help<\/em><\/h2>\n        <div class=\"contact-rule reveal rd1\"><\/div>\n\n        <div class=\"info-blocks reveal rd2\">\n\n          <div class=\"info-block\">\n            <div class=\"info-block-label\">Post address<\/div>\n            <div class=\"info-block-content\">\n              <strong>Broekstraat 9<\/strong><br>\n              5688 JW Oirschot<br>\n              The Netherlands\n            <\/div>\n          <\/div>\n\n          <div class=\"info-block\">\n            <div class=\"info-block-label\">Email<\/div>\n            <div class=\"info-block-content\">\n              <a href=\"mailto:info@rebuildukrainenetherlands.nl\">info@rebuildukrainenetherlands.nl<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"info-block\">\n            <div class=\"info-block-label\">Bank account<\/div>\n            <div class=\"info-block-content\">\n              <strong>NL67 RABO 0198 5546 48<\/strong>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"legal-block reveal rd3\">\n          <div class=\"legal-label\">Legal &amp; registration<\/div>\n          <div class=\"legal-rows\">\n            <div class=\"legal-row\">\n              <span>RSIN<\/span>\n              <strong>866231249<\/strong>\n            <\/div>\n            <div class=\"legal-row\">\n              <span>CoC<\/span>\n              <strong>92961894<\/strong>\n            <\/div>\n            <div class=\"legal-row\">\n              <span>ANBI<\/span>\n              <strong>Granted &nbsp;\u00b7&nbsp;<\/strong>\n              <a href=\"https:\/\/www.belastingdienst.nl\/wps\/wcm\/connect\/nl\/aftrek-en-kortingen\/content\/anbi-status-controleren\" target=\"_blank\" rel=\"noopener\">Verify status \u2197<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: form -->\n      <div class=\"contact-form-wrap reveal rd1\">\n        <div class=\"form-header\">\n          <div class=\"section-tag\">Send a message<\/div>\n          <h3 class=\"form-title\">How can we <em>help?<\/em><\/h3>\n          <p class=\"form-sub\">Do you have questions, want to collaborate, or would you like to support our work?<\/p>\n        <\/div>\n\n        <form class=\"contact-form\" id=\"contactForm\" novalidate>\n\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"firstName\">First name<\/label>\n              <input class=\"form-input\" type=\"text\" id=\"firstName\" name=\"firstName\" placeholder=\"Jan\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"lastName\">Last name<\/label>\n              <input class=\"form-input\" type=\"text\" id=\"lastName\" name=\"lastName\" placeholder=\"de Vries\" required>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"email\">Email address<\/label>\n            <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"jan@example.com\" required>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"subject\">Subject<\/label>\n            <select class=\"form-select\" id=\"subject\" name=\"subject\" required>\n              <option value=\"\" disabled selected>Select a subject\u2026<\/option>\n              <option value=\"general\">General enquiry<\/option>\n              <option value=\"volunteer\">Volunteering<\/option>\n              <option value=\"donate\">Donations &amp; support<\/option>\n              <option value=\"partner\">Partnership<\/option>\n              <option value=\"media\">Media &amp; press<\/option>\n              <option value=\"other\">Other<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"message\">Message<\/label>\n            <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"Tell us how we can help you\u2026\" required><\/textarea>\n          <\/div>\n\n          <div class=\"form-check\">\n            <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required>\n            <label class=\"form-check-label\" for=\"privacy\">\n              I have read and agree to the <a href=\"#\">privacy policy<\/a> and consent to my data being used to respond to my enquiry.\n            <\/label>\n          <\/div>\n\n          <button type=\"submit\" class=\"btn-submit\">\n            <span>Send message<\/span>\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/button>\n\n          <div class=\"form-success\" id=\"formSuccess\">\n            <p>Thank you \u2014 your message has been sent. We&#8217;ll be in touch shortly.<\/p>\n          <\/div>\n\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 CTA \u2550\u2550 -->\n<section class=\"cta-section\">\n  <div class=\"cta-inner\">\n    <div>\n      <div class=\"cta-tag reveal\">Give us a hand<\/div>\n      <h2 class=\"cta-title reveal rd1\">Stand with Ukraine.<br><em>Make a real difference<\/em> today.<\/h2>\n    <\/div>\n    <a href=\"https:\/\/rebuildukrainenetherlands.nl\/donate\/\" class=\"btn-donate reveal rd2\">\n      <span>Donate now<\/span>\n      <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Scroll reveal\n  const reveals = document.querySelectorAll('.reveal');\n  function check() {\n    reveals.forEach(el => {\n      if (el.getBoundingClientRect().top < window.innerHeight - 60)\n        el.classList.add('visible');\n    });\n  }\n  check();\n  window.addEventListener('scroll', check, { passive: true });\n  setTimeout(() => reveals.forEach(el => el.classList.add('visible')), 600);\n\n  \/\/ Form submit\n  document.getElementById('contactForm').addEventListener('submit', function(e) {\n    e.preventDefault();\n    const btn = this.querySelector('.btn-submit');\n    const success = document.getElementById('formSuccess');\n\n    \/\/ Simple validation\n    const required = this.querySelectorAll('[required]');\n    let valid = true;\n    required.forEach(field => {\n      if (!field.value.trim() || (field.type === 'checkbox' && !field.checked)) {\n        field.style.borderColor = 'rgba(180,60,60,.5)';\n        valid = false;\n      } else {\n        field.style.borderColor = '';\n      }\n    });\n    if (!valid) return;\n\n    \/\/ Simulate send\n    btn.querySelector('span').textContent = 'Sending\u2026';\n    btn.disabled = true;\n    setTimeout(() => {\n      this.reset();\n      btn.querySelector('span').textContent = 'Send message';\n      btn.disabled = false;\n      success.style.display = 'block';\n      success.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }, 1200);\n  });\n\n  \/\/ Reset field error colour on input\n  document.querySelectorAll('.form-input, .form-textarea, .form-select').forEach(el => {\n    el.addEventListener('input', () => { el.style.borderColor = ''; });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u2013 Rebuild Ukraine Netherlands Rebuild Ukraine Netherlands Get in touch Questions, collaborations or want to support our work? We&#8217;d love to hear from you. Contact details We arehere to help Post address Broekstraat 9 5688 JW Oirschot The Netherlands Email info@rebuildukrainenetherlands.nl Bank account NL67 RABO 0198 5546 48 Legal &amp; registration RSIN 866231249 CoC [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"didi@gses-system.com","author_link":"https:\/\/rebuildukrainenetherlands.nl\/nl\/author\/didigses-system-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact \u2013 Rebuild Ukraine Netherlands Rebuild Ukraine Netherlands Get in touch Questions, collaborations or want to support our work? We&#8217;d love to hear from you. Contact details We arehere to help Post address Broekstraat 9 5688 JW Oirschot The Netherlands Email info@rebuildukrainenetherlands.nl Bank account NL67 RABO 0198 5546 48 Legal &amp; registration RSIN 866231249 CoC&hellip;","_links":{"self":[{"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":18,"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":2408,"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/pages\/370\/revisions\/2408"}],"wp:attachment":[{"href":"https:\/\/rebuildukrainenetherlands.nl\/nl\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}