{"id":2663,"date":"2026-05-09T12:13:18","date_gmt":"2026-05-09T12:13:18","guid":{"rendered":"https:\/\/hodide.org\/?page_id=2663"},"modified":"2026-05-30T11:39:31","modified_gmt":"2026-05-30T11:39:31","slug":"what-we-do","status":"publish","type":"page","link":"https:\/\/hodide.org\/?page_id=2663","title":{"rendered":"What We Do"},"content":{"rendered":"\n<!-- HEADER SECTION -->\n    <div style=\"margin-bottom: 80px; text-align: center;\">\n        <h2 style=\"font-size: 30px; font-weight: 900; color: #11369b; margin: 0; letter-spacing: -2.5px; line-height: 1;\">Our Mission in Action.<\/h2>\n        <div style=\"width: 80px; height: 4px; background: #ad002e; margin: 25px auto;\"><\/div>\n        <p style=\"margin: 0; color: #64748b; font-size: 20px; font-weight: 400; max-width: 700px; margin: 0 auto;\">Comprehensive educational and community development initiatives across the Diocese.<\/p>\n    <\/div>\n\n    <!-- THE SERVICE MESH GRID -->\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 30px;\">\n\n        <!-- 01. Policy -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">01 \/ Governance<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Policy Implementation<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Supporting the effective implementation of government education policies within all schools across the Diocese.<\/p>\n        <\/div>\n\n        <!-- 02. Construction -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #11369b; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #11369b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">02 \/ Infrastructure<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">School Construction<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Directly supporting and coordinating school construction activities to improve physical learning environments.<\/p>\n        <\/div>\n\n        <!-- 03. Training -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">03 \/ Capacity<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Teacher Development<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Conducting ongoing training and capacity building for teachers to elevate the quality of teaching and learning.<\/p>\n        <\/div>\n\n        <!-- 04. Supervision -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #11369b; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #11369b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">04 \/ Quality Assurance<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Support Supervision<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Regular monitoring and inspection of schools to ensure consistent delivery of quality education services.<\/p>\n        <\/div>\n\n        <!-- 05. Vocational -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">05 \/ Self-Reliance<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Non-Formal Vocational<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Empowering school dropouts with vocational skills and start-up kits for sustainable self-reliance.<\/p>\n        <\/div>\n\n        <!-- 06. Literacy -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #11369b; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #11369b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">06 \/ Adult Education<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Functional Literacy<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Equipping village men and women with basic reading, writing, and numeracy skills for a meaningful life.<\/p>\n        <\/div>\n\n        <!-- 07. WASH -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">07 \/ Health<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Water &#038; Sanitation<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Provision of essential WASH (Water, Sanitation, and Hygiene) facilities to disadvantaged schools.<\/p>\n        <\/div>\n\n        <!-- 08 & 09. Environment -->\n        <div style=\"background: #0f172a; padding: 40px; border-radius: 4px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); color: #ffffff;\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #38bdf8; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">08 &#038; 09 \/ Sustainability<\/div>\n            <h3 style=\"font-size: 22px; color: #ffffff; margin: 0 0 15px 0; font-weight: 700;\">Environmental Advocacy<\/h3>\n            <p style=\"color: #94a3b8; font-size: 15px; line-height: 1.7; margin: 0;\">Advocating for tree planting, energy saving, and conducting school environmental days to protect our natural heritage.<\/p>\n        <\/div>\n<!-- 10. Girl Child -->\n        <div style=\"background: #0f172a; padding: 40px; border-radius: 4px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); color: #ffffff;\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #38bdf8; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">10 \/ Empowerment<\/div>\n            <h3 style=\"font-size: 22px; color: #ffffff; margin: 0 0 15px 0; font-weight: 700;\">Girl Child Education<\/h3>\n            <p style=\"color: #94a3b8; font-size: 15px; line-height: 1.7; margin: 0;\">Campaigns against early marriages and provision of reusable sanitary pads to ensure dignity for girls.<\/p>\n        <\/div>\n\n        \n\n        <!-- 11. HIV\/AIDS -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">11 \/ Wellbeing<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">HIV\/AIDS Awareness<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Tackling the problem of HIV\/AIDS through school-based education and awareness programs.<\/p>\n        <\/div>\n\n        <!-- 12. Retention -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #11369b; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #11369b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">12 \/ Guidance<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Retention Campaigns<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Conducting specific campaigns to reduce school dropout rates at early ages.<\/p>\n        <\/div>\n\n        <!-- 13. Scholastic Materials -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">13 \/ Support<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Scholastic Materials<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Provision of books, pens, and uniforms to orphans, vulnerable children, and those in need.<\/p>\n        <\/div>\n\n        <!-- 14. Learning Environment -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #11369b; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #11369b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">14 \/ Recreation<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Play &#038; Engagement<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Improving the learning environment through provision of play facilities to encourage children to stay in school.<\/p>\n        <\/div>\n\n        <!-- 15. Stakeholders -->\n        <div style=\"background: #ffffff; padding: 40px; border-radius: 4px; border-top: 5px solid #ad002e; box-shadow: 0 15px 40px rgba(0,0,0,0.04);\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #ad002e; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">15 \/ Advocacy<\/div>\n            <h3 style=\"font-size: 22px; color: #0f172a; margin: 0 0 15px 0; font-weight: 700;\">Stakeholder Sensitization<\/h3>\n            <p style=\"color: #475569; font-size: 15px; line-height: 1.7; margin: 0;\">Conducting workshops for parents, political leaders, and civil society to align our collective education goals.<\/p>\n        <\/div>\n\n        <!-- 16. Culture -->\n        <div style=\"background: #11369b; padding: 40px; border-radius: 4px; box-shadow: 0 15px 40px rgba(17, 54, 155, 0.1); color: #ffffff;\">\n            <div style=\"font-size: 11px; font-weight: 800; color: #38bdf8; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\">16 \/ Legacy<\/div>\n            <h3 style=\"font-size: 22px; color: #ffffff; margin: 0 0 15px 0; font-weight: 700;\">Cultural Heritage<\/h3>\n            <p style=\"color: #bfdbfe; font-size: 15px; line-height: 1.7; margin: 0;\">Actively preserving and promoting our rich cultural heritage through the education sector.<\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\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>Our Mission in Action. Comprehensive educational and community development initiatives across the Diocese. 01 \/ Governance Policy Implementation Supporting the effective implementation of government education policies within all schools across&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-2663","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2663","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=2663"}],"version-history":[{"count":22,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2663\/revisions"}],"predecessor-version":[{"id":3518,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2663\/revisions\/3518"}],"wp:attachment":[{"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}