{"id":3221,"date":"2026-05-12T09:30:15","date_gmt":"2026-05-12T09:30:15","guid":{"rendered":"https:\/\/hodide.org\/?page_id=3221"},"modified":"2026-05-30T11:57:38","modified_gmt":"2026-05-30T11:57:38","slug":"donation","status":"publish","type":"page","link":"https:\/\/hodide.org\/?page_id=3221","title":{"rendered":"Donation"},"content":{"rendered":"\n<div style=\"width: 100%; padding: 100px 0; background-color: #fcfdfe; font-family: 'Inter', -apple-system, sans-serif; line-height: 1.6;\">\n    <div style=\"max-width: 1100px; margin: 0 auto; padding: 0 20px;\">\n      \n\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 50px; align-items: start;\">\n            \n            <div style=\"background: #ffffff; padding: 45px; border-radius: 4px; box-shadow: 0 20px 50px rgba(0,0,0,0.03); border-left: 6px solid #ad002e;\">\n                <h3 style=\"color: #0f172a; font-size: 24px; font-weight: 800; margin-bottom: 30px;\">We need your support for:<\/h3>\n                \n                <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">01<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Funding of the Education Institutions in the Diocese.<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">02<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Support supervision and inspection services to schools.<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">03<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Provision of Scholarship Opportunities to needy students or learners.<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">04<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Provision of reading materials, textbooks, and scholastic supplies.<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">05<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Construction and renovation of schools&#8217; infrastructure.<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">06<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Promotion of menstrual hygiene for the Girl Child in schools.<\/p>\n                    <\/div>\n<div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">07<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Provision of non-formal education skills for self reliance to the big number of school drop outs with in the region.<\/p>\n                    <\/div>\n<div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">08<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Development of ICT infrastructure within schools.<\/p>\n                    <\/div>\n<div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">09<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Training of teachers to build their capacity.<\/p>\n                    <\/div>\n<div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">10<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Capacity building and sensitisation programs for the parents.<\/p>\n                    <\/div>\n<div style=\"display: flex; gap: 15px;\">\n                        <span style=\"color: #ad002e; font-weight: 900;\">11<\/span>\n                        <p style=\"margin: 0; color: #475569; font-size: 15px;\">Capacity building and training programs for school management teams like the Board of Governors as well as the school management communities.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"display: flex; flex-direction: column; gap: 30px;\">\n                \n                <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border: 1px solid #e2e8f0; text-align: center;\">\n                    <h4 style=\"color: #11369b; font-size: 18px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;\">Online Donation<\/h4>\n                    <p style=\"color: #64748b; font-size: 14px; margin-bottom: 25px;\">Supporting HODIDE activities via PayPal, Debit, or Credit Card.<\/p>\n                    \n                    \n<a href=\"https:\/\/www.paypal.com\/signin=\"_blank\" style=\"display: inline-block; padding: 15px 40px; background: #ffc439; color: #111; font-weight: 800; border-radius: 50px; cursor: pointer; text-decoration: none; font-size: 14px;\">\n    DONATE VIA PAYPAL\n<\/a>\n                    \n                    <div style=\"margin-top: 20px; display: flex; justify-content: center; gap: 10px; opacity: 0.6;\">\n                        <span style=\"font-size: 10px; font-weight: 700;\">VISA<\/span>\n                        <span style=\"font-size: 10px; font-weight: 700;\">MASTERCARD<\/span>\n                 \n                    <\/div>\n                <\/div>\n\n <!-- BANKING: ROYAL BLUE -->\n        <div class=\"classic-card card-bank\">\n            \n           \n            <h3 class=\"title\">Bank: Centenary Bank<\/h3>\n            \n            <div class=\"detail-group\" style=\"margin-top: 20px;\">\n                <span class=\"label\">Account Name<\/span>\n                <span class=\"value\">Hoima Diocese Education Fund<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Account Number<\/span>\n                <span class=\"value highlight\">3201331257<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Branch Location<\/span>\n                <span class=\"value\">Hoima Branch<\/span>\n            <\/div>\n        <\/div>\n            \n\n                    \n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\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    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&#038;family=Playfair+Display:wght@700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --bank-blue: #11369b;\n            --mtn-yellow: #ffcc00;\n            --airtel-red: #ad002e; \/* Using the Wine Red for a classic Airtel look *\/\n            --slate-text: #1e293b;\n        }\n\n        body { \n            background-color: #fcfcfd; \n            font-family: 'Inter', sans-serif; \n            padding: 60px 20px; \n            color: var(--slate-text);\n        }\n\n        .payment-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px;\n        }\n\n        \/* Base Card Styling *\/\n        .classic-card {\n            background: white;\n            border-radius: 24px;\n            padding: 45px;\n            position: relative;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 1px solid rgba(0,0,0,0.05);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .classic-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.08);\n        }\n\n        \/* The Decorative Brand Circle *\/\n        .brand-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 18px;\n            margin-bottom: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 20px;\n        }\n\n        \/* Typography *\/\n        .title {\n            font-family: 'Playfair Display', serif;\n            font-size: 26px;\n            margin: 0 0 10px 0;\n            color: var(--slate-text);\n        }\n\n        .subtitle {\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 35px;\n            display: block;\n            opacity: 0.6;\n            font-weight: 700;\n        }\n\n        .detail-group {\n            margin-bottom: 25px;\n        }\n\n        .label {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 0.5;\n            display: block;\n            margin-bottom: 4px;\n        }\n\n        .value {\n            font-size: 18px;\n            font-weight: 600;\n            letter-spacing: -0.5px;\n        }\n\n        \/* Specific Accents *\/\n        .card-bank { border-top: 6px solid var(--bank-blue); }\n        .card-bank .brand-icon { background: var(--bank-blue); color: white; }\n        .card-bank .highlight { color: var(--bank-blue); font-size: 24px; }\n\n        .card-mtn { border-top: 6px solid var(--mtn-yellow); }\n        .card-mtn .brand-icon { background: var(--mtn-yellow); color: #854d0e; }\n        .card-mtn .highlight { color: #854d0e; font-size: 24px; }\n\n        .card-airtel { border-top: 6px solid var(--airtel-red); }\n        .card-airtel .brand-icon { background: var(--airtel-red); color: white; }\n        .card-airtel .highlight { color: var(--airtel-red); font-size: 24px; }\n\n        @media (max-width: 768px) {\n            .payment-container { grid-template-columns: 1fr; }\n            .classic-card { padding: 35px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"payment-container\">\n        \n       \n\n        <!-- MTN: YELLOW -->\n        <div class=\"classic-card card-mtn\">\n            <div class=\"brand-icon\">MTN<\/div>\n   \n            <h3 class=\"title\">MTN MoMo<\/h3>\n            \n            <div class=\"detail-group\" style=\"margin-top: 20px;\">\n                <span class=\"label\">Registered Recipient<\/span>\n                <span class=\"value\">Patrick Mugisa<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Payment Number<\/span>\n                <span class=\"value highlight\">0775082184<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Network Status<\/span>\n                <span class=\"value\">Active (Uganda)<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- AIRTEL: RED -->\n        <div class=\"classic-card card-airtel\">\n            <div class=\"brand-icon\">AIR<\/div>\n            \n            <h3 class=\"title\">Airtel Money<\/h3>\n            \n            <div class=\"detail-group\" style=\"margin-top: 20px;\">\n                <span class=\"label\">Registered Recipient<\/span>\n                <span class=\"value\">Patrick Mugisa<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Payment Number<\/span>\n                <span class=\"value highlight\">0757213597<\/span>\n            <\/div>\n            \n            <div class=\"detail-group\">\n                <span class=\"label\">Network Status<\/span>\n                <span class=\"value\">Active (Uganda)<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div style=\"text-align: center; margin-top: 50px; color: #94a3b8; font-size: 14px;\">\n        <p>Thank you for contributing to the growth of education in our Diocese.<\/p>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!-- START OF CONTINUOUS FADE-LOOP BACKGROUND LAYER -->\r\n<div class=\"bg-loop-blend-container\">\r\n    <style>\r\n        \/* Scoped wrapper targeting only the background layer elements *\/\r\n        .bg-loop-blend-container {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background: #ffffff; \/* Clean white base canvas *\/\r\n            z-index: -9999; \/* Keeps it completely behind your website content *\/\r\n            pointer-events: none; \/* Allows users to click and select text through it *\/\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .bg-loop-blend-container *, \r\n        .bg-loop-blend-container *::before, \r\n        .bg-loop-blend-container *::after {\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        \/* --- GRAPHICS LAYER: Continuous Reappearing & Blue-Dominant Blends --- *\/\r\n        .bg-loop-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            \r\n            \/* Global continuous fade-in, fade-out breathing animation loop *\/\r\n            animation: bgGlobalFadeLoop 14s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-loop-orb {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(70px); \r\n            \/* Continuous floating motion loop running alongside the fade loop *\/\r\n            animation: bgLoopFloat 30s infinite ease-in-out;\r\n        }\r\n\r\n        \/* DOMINANT BLUE BLEND: Larger size, higher visibility, placed closer to center *\/\r\n        .bg-loop-orb.blue-dominant-spread { \r\n            width: 900px; height: 900px; \r\n            left: 5%; top: -15%; \r\n            \/* Enhanced to a richer 24% opacity for strong blue presence *\/\r\n            background: radial-gradient(circle, rgba(26, 68, 108, 0.24) 0%, rgba(26, 68, 108, 0.08) 50%, rgba(255, 255, 255, 0) 75%);\r\n            animation-duration: 26s; \r\n        }\r\n\r\n        \/* SUBDUED RED BLEND: Scaled down smaller and kept faint as a secondary accent *\/\r\n        .bg-loop-orb.red-subdued-spread { \r\n            width: 600px; height: 600px; \r\n            right: 15%; bottom: -10%; \r\n            \/* Maintained at a soft 12% opacity so it does not overpower the blue *\/\r\n            background: radial-gradient(circle, rgba(163, 29, 51, 0.12) 0%, rgba(163, 29, 51, 0.04) 50%, rgba(255, 255, 255, 0) 75%);\r\n            animation-duration: 34s; animation-delay: -6s; \r\n        }\r\n\r\n        \/* 1. Continuous Reappearing Loop (Fade In -> Hold -> Fade Out -> Repeat) *\/\r\n        @keyframes bgGlobalFadeLoop {\r\n            0% {\r\n                opacity: 0;\r\n                transform: scale(0.96);\r\n            }\r\n            25% {\r\n                opacity: 1; \/* Fully visible by 3.5 seconds (25% of 14s) *\/\r\n                transform: scale(1);\r\n            }\r\n            60% {\r\n                opacity: 1; \/* Holds visibility through the midway point *\/\r\n                transform: scale(1.02);\r\n            }\r\n            100% {\r\n                opacity: 0; \/* Smoothly fades back to clean white before restarting *\/\r\n                transform: scale(0.96);\r\n            }\r\n        }\r\n\r\n        \/* 2. Gentle organic floating movement loop *\/\r\n        @keyframes bgLoopFloat {\r\n            0% { transform: translateY(0) scale(1) translate3d(0, 0, 0); }\r\n            50% { transform: translateY(-25px) scale(1.03) translate3d(15px, 10px, 0); }\r\n            100% { transform: translateY(0) scale(1) translate3d(0, 0, 0); }\r\n        }\r\n\r\n        \/* Scaling optimizations for smaller mobile displays *\/\r\n        @media (max-width: 768px) {\r\n            .bg-loop-orb.blue-dominant-spread { width: 550px; height: 550px; }\r\n            .bg-loop-orb.red-subdued-spread { width: 380px; height: 380px; }\r\n            .bg-loop-orb { filter: blur(45px); }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- The animated wrapper layer executing the continuous fade loop -->\r\n    <div class=\"bg-loop-particles\">\r\n        <div class=\"bg-loop-orb blue-dominant-spread\"><\/div>\r\n        <div class=\"bg-loop-orb red-subdued-spread\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- END OF CONTINUOUS FADE-LOOP BACKGROUND LAYER -->\n","protected":false},"excerpt":{"rendered":"<p>We need your support for: 01 Funding of the Education Institutions in the Diocese. 02 Support supervision and inspection services to schools. 03 Provision of Scholarship Opportunities to needy students&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/3221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3221"}],"version-history":[{"count":65,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/3221\/revisions"}],"predecessor-version":[{"id":3525,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/3221\/revisions\/3525"}],"wp:attachment":[{"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}