Ramadan Voedselhulp<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n <style>\n body {\n margin: 0;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n background: #f3f4f6;\n }\n\n .container {\n max-width: 720px;\n margin: 0 auto;\n padding: 24px;\n text-align: center;\n }\n\n .card {\n background: white;\n border-radius: 20px;\n padding: 32px 28px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n\n h1 {\n font-size: 30px;\n margin-bottom: 10px;\n }\n\n .subtitle {\n font-size: 20px;\n color: #444;\n margin-bottom: 16px;\n }\n\n .intro {\n font-size: 18px;\n color: #555;\n margin-bottom: 26px;\n line-height: 1.5;\n }\n\n .cta-main {\n display: block;\n background: #e11d2e;\n color: white;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n padding: 16px 20px;\n border-radius: 12px;\n margin-bottom: 12px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.03); }\n 100% { transform: scale(1); }\n }\n\n .cta-secondary {\n display: block;\n color: #e11d2e;\n text-decoration: none;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 24px;\n }\n\n .social-proof {\n font-size: 14px;\n color: #666;\n margin-bottom: 24px;\n }\n\n .progress-wrapper {\n margin: 24px 0 10px;\n }\n\n .progress-bar-bg {\n width: 100%;\n height: 22px;\n background: #e5e5e5;\n border-radius: 20px;\n overflow: hidden;\n }\n\n .progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, #e11d2e, #ff5a5f);\n width: 0%;\n border-radius: 20px;\n transition: width 1.2s cubic-bezier(.22,1,.36,1);\n }\n\n .percentage {\n font-size: 44px;\n font-weight: 800;\n margin-top: 10px;\n transition: transform 0.3s ease;\n }\n\n .percentage.bump {\n transform: scale(1.15);\n }\n\n .impact-text {\n font-size: 18px;\n margin-top: 10px;\n color: #333;\n font-weight: 600;\npadding-bottom: 25px;\n }\n\n .stats {\n margin-top: 22px;\n font-size: 20px;\n }\n\n .stats div {\n margin: 6px 0;\n }\n\n .highlight {\n color: #e11d2e;\n font-weight: 700;\n }\n\n .emotional {\n margin-top: 26px;\n font-size: 17px;\n color: #444;\n line-height: 1.5;\n }\n\n .urgency {\n margin-top: 16px;\n font-size: 16px;\n font-weight: 700;\n color: #e11d2e;\n }\n\n .update {\n margin-top: 32px;\n font-size: 13px;\n color: #777;\n }\n\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"container\">\n <div class=\"card\">\n\n <h1>Precies 126 gezinnen wachten op ons hulp \u2764\ufe0f<\/h1>\n <div class=\"intro\">\n Voor <b>\u20ac150<\/b> zorg je dat \u00e9\u00e9n gezin deze Ramadan zonder stress, zonder honger en met waardigheid kan vasten.\n <\/div>\n\n \n <div class=\"progress-wrapper\">\n <div class=\"progress-bar-bg\">\n <div class=\"progress-bar-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <div class=\"percentage\" id=\"percentageText\">0%<\/div>\n <\/div>\n\n <div class=\"impact-text\" id=\"impactText\"><\/div>\n \n <a class=\"cta-main\" href=\"https:\/\/www.ing.nl\/payreq\/m\/?trxid=3jE0OFnSidYQeCy0nCGrPxMM1HmOoi4E\">\n Doneer \u20ac150 \u2013 help 1 gezin\n <\/a>\n <a class=\"cta-secondary\" href=\"https:\/\/www.ing.nl\/payreq\/m\/?trxid=3jE0OFnSidYQeCy0nCGrPxMM1HmOoi4E\">\n Of kies een ander bedrag\n <\/a>\n\n <div class=\"social-proof\" id=\"socialProofText\"><\/div>\n\n <div class=\"stats\">\n <div>\u2705 <span class=\"highlight\" id=\"currentText\">0<\/span> euro opgehaald & 5 gezinnen geholpen<\/div>\n <div>\ud83c\udfaf Doel: <span id=\"goalText\">10<\/span> euro ophalen en 10 gezinnen<\/div>\n <\/div>\n\n <div class=\"update\" id=\"updateText\"><\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/******************************\n * \ud83d\udd27 INSTELLINGEN\n ******************************\/\n const CURRENT = 853; \/\/ <-- HIER AANPASSEN\n const GOAL = 1500;\n const DONORS_ESTIMATE = 11;\n\n \/******************************\n * \u2699\ufe0f LOGICA\n ******************************\/\n const percentage = Math.min(100, Math.round((CURRENT \/ GOAL) * 100));\n const remaining = Math.max(0, GOAL - CURRENT);\n\n const percentageEl = document.getElementById(\"percentageText\");\n\n setTimeout(() => {\n document.getElementById(\"progressFill\").style.width = percentage + \"%\";\n percentageEl.innerText = percentage + \"%\";\n percentageEl.classList.add(\"bump\");\n setTimeout(() => percentageEl.classList.remove(\"bump\"), 400);\n }, 300);\n\n document.getElementById(\"currentText\").innerText = CURRENT;\n document.getElementById(\"goalText\").innerText = GOAL;\n\n document.getElementById(\"impactText\").innerText =\n `Al ${CURRENT} euro opgehaald \u2014 nog ${remaining} te gaan`;\n\n document.getElementById(\"socialProofText\").innerText =\n `Al ${DONORS_ESTIMATE} mensen gingen je voor \u2764\ufe0f`;\n\n const now = new Date();\n const formatted = now.toLocaleDateString(\"nl-NL\", {\n day: \"2-digit\",\n month: \"short\",\n year: \"numeric\"\n }) + \" om \" + now.toLocaleTimeString(\"nl-NL\", {\n hour: \"2-digit\",\n minute: \"2-digit\"\n });\n\n document.getElementById(\"updateText\").innerText = \"Laatste update: \" + formatted;\n\n\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Ramadan Voedselhulp Precies 126 gezinnen wachten op ons hulp \u2764\ufe0f Voor \u20ac150 zorg je dat \u00e9\u00e9n gezin deze Ramadan zonder stress, zonder honger en met waardigheid kan vasten. 0% Doneer \u20ac150 \u2013 help 1 gezin Of kies een ander bedrag \u2705 0 euro opgehaald & 5 gezinnen geholpen \ud83c\udfaf Doel: 10 euro ophalen en 10 gezinnen<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide.php","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201"}],"collection":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/comments?post=4201"}],"version-history":[{"count":26,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201\/revisions"}],"predecessor-version":[{"id":4235,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201\/revisions\/4235"}],"wp:attachment":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/media?parent=4201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4201,"date":"2026-01-22T18:06:26","date_gmt":"2026-01-22T18:06:26","guid":{"rendered":"https:\/\/ahmetkaya.nl\/?page_id=4201"},"modified":"2026-02-05T18:56:09","modified_gmt":"2026-02-05T18:56:09","slug":"ramadanhulp","status":"publish","type":"page","link":"https:\/\/ahmetkaya.nl\/nl\/ramadanhulp\/","title":{"rendered":"Ramadanhulp"},"content":{"rendered":"\n\n\n \n Ramadan Voedselhulp<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n <style>\n body {\n margin: 0;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n background: #f3f4f6;\n }\n\n .container {\n max-width: 720px;\n margin: 0 auto;\n padding: 24px;\n text-align: center;\n }\n\n .card {\n background: white;\n border-radius: 20px;\n padding: 32px 28px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n\n h1 {\n font-size: 30px;\n margin-bottom: 10px;\n }\n\n .subtitle {\n font-size: 20px;\n color: #444;\n margin-bottom: 16px;\n }\n\n .intro {\n font-size: 18px;\n color: #555;\n margin-bottom: 26px;\n line-height: 1.5;\n }\n\n .cta-main {\n display: block;\n background: #e11d2e;\n color: white;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n padding: 16px 20px;\n border-radius: 12px;\n margin-bottom: 12px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.03); }\n 100% { transform: scale(1); }\n }\n\n .cta-secondary {\n display: block;\n color: #e11d2e;\n text-decoration: none;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 24px;\n }\n\n .social-proof {\n font-size: 14px;\n color: #666;\n margin-bottom: 24px;\n }\n\n .progress-wrapper {\n margin: 24px 0 10px;\n }\n\n .progress-bar-bg {\n width: 100%;\n height: 22px;\n background: #e5e5e5;\n border-radius: 20px;\n overflow: hidden;\n }\n\n .progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, #e11d2e, #ff5a5f);\n width: 0%;\n border-radius: 20px;\n transition: width 1.2s cubic-bezier(.22,1,.36,1);\n }\n\n .percentage {\n font-size: 44px;\n font-weight: 800;\n margin-top: 10px;\n transition: transform 0.3s ease;\n }\n\n .percentage.bump {\n transform: scale(1.15);\n }\n\n .impact-text {\n font-size: 18px;\n margin-top: 10px;\n color: #333;\n font-weight: 600;\npadding-bottom: 25px;\n }\n\n .stats {\n margin-top: 22px;\n font-size: 20px;\n }\n\n .stats div {\n margin: 6px 0;\n }\n\n .highlight {\n color: #e11d2e;\n font-weight: 700;\n }\n\n .emotional {\n margin-top: 26px;\n font-size: 17px;\n color: #444;\n line-height: 1.5;\n }\n\n .urgency {\n margin-top: 16px;\n font-size: 16px;\n font-weight: 700;\n color: #e11d2e;\n }\n\n .update {\n margin-top: 32px;\n font-size: 13px;\n color: #777;\n }\n\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"container\">\n <div class=\"card\">\n\n <h1>Precies 126 gezinnen wachten op ons hulp \u2764\ufe0f<\/h1>\n <div class=\"intro\">\n Voor <b>\u20ac150<\/b> zorg je dat \u00e9\u00e9n gezin deze Ramadan zonder stress, zonder honger en met waardigheid kan vasten.\n <\/div>\n\n \n <div class=\"progress-wrapper\">\n <div class=\"progress-bar-bg\">\n <div class=\"progress-bar-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <div class=\"percentage\" id=\"percentageText\">0%<\/div>\n <\/div>\n\n <div class=\"impact-text\" id=\"impactText\"><\/div>\n \n <a class=\"cta-main\" href=\"https:\/\/www.ing.nl\/payreq\/m\/?trxid=3jE0OFnSidYQeCy0nCGrPxMM1HmOoi4E\">\n Doneer \u20ac150 \u2013 help 1 gezin\n <\/a>\n <a class=\"cta-secondary\" href=\"https:\/\/www.ing.nl\/payreq\/m\/?trxid=3jE0OFnSidYQeCy0nCGrPxMM1HmOoi4E\">\n Of kies een ander bedrag\n <\/a>\n\n <div class=\"social-proof\" id=\"socialProofText\"><\/div>\n\n <div class=\"stats\">\n <div>\u2705 <span class=\"highlight\" id=\"currentText\">0<\/span> euro opgehaald & 5 gezinnen geholpen<\/div>\n <div>\ud83c\udfaf Doel: <span id=\"goalText\">10<\/span> euro ophalen en 10 gezinnen<\/div>\n <\/div>\n\n <div class=\"update\" id=\"updateText\"><\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/******************************\n * \ud83d\udd27 INSTELLINGEN\n ******************************\/\n const CURRENT = 853; \/\/ <-- HIER AANPASSEN\n const GOAL = 1500;\n const DONORS_ESTIMATE = 11;\n\n \/******************************\n * \u2699\ufe0f LOGICA\n ******************************\/\n const percentage = Math.min(100, Math.round((CURRENT \/ GOAL) * 100));\n const remaining = Math.max(0, GOAL - CURRENT);\n\n const percentageEl = document.getElementById(\"percentageText\");\n\n setTimeout(() => {\n document.getElementById(\"progressFill\").style.width = percentage + \"%\";\n percentageEl.innerText = percentage + \"%\";\n percentageEl.classList.add(\"bump\");\n setTimeout(() => percentageEl.classList.remove(\"bump\"), 400);\n }, 300);\n\n document.getElementById(\"currentText\").innerText = CURRENT;\n document.getElementById(\"goalText\").innerText = GOAL;\n\n document.getElementById(\"impactText\").innerText =\n `Al ${CURRENT} euro opgehaald \u2014 nog ${remaining} te gaan`;\n\n document.getElementById(\"socialProofText\").innerText =\n `Al ${DONORS_ESTIMATE} mensen gingen je voor \u2764\ufe0f`;\n\n const now = new Date();\n const formatted = now.toLocaleDateString(\"nl-NL\", {\n day: \"2-digit\",\n month: \"short\",\n year: \"numeric\"\n }) + \" om \" + now.toLocaleTimeString(\"nl-NL\", {\n hour: \"2-digit\",\n minute: \"2-digit\"\n });\n\n document.getElementById(\"updateText\").innerText = \"Laatste update: \" + formatted;\n\n\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Ramadan Voedselhulp Precies 126 gezinnen wachten op ons hulp \u2764\ufe0f Voor \u20ac150 zorg je dat \u00e9\u00e9n gezin deze Ramadan zonder stress, zonder honger en met waardigheid kan vasten. 0% Doneer \u20ac150 \u2013 help 1 gezin Of kies een ander bedrag \u2705 0 euro opgehaald & 5 gezinnen geholpen \ud83c\udfaf Doel: 10 euro ophalen en 10 gezinnen<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide.php","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201"}],"collection":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/comments?post=4201"}],"version-history":[{"count":26,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201\/revisions"}],"predecessor-version":[{"id":4235,"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/pages\/4201\/revisions\/4235"}],"wp:attachment":[{"href":"https:\/\/ahmetkaya.nl\/nl\/wp-json\/wp\/v2\/media?parent=4201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}