{"id":2658,"date":"2026-05-09T12:11:41","date_gmt":"2026-05-09T12:11:41","guid":{"rendered":"https:\/\/hodide.org\/?page_id=2658"},"modified":"2026-06-04T11:04:12","modified_gmt":"2026-06-04T11:04:12","slug":"our-team","status":"publish","type":"page","link":"https:\/\/hodide.org\/?page_id=2658","title":{"rendered":"Our Team"},"content":{"rendered":"\n<div class=\"tm-section-wrapper\">\n    <style>\n        \/* All styles are scoped strictly inside .tm-section-wrapper to prevent breaking your site *\/\n        .tm-section-wrapper {\n            width: 100%;\n            max-width: 1200px;\n            margin: 60px auto;\n            padding: 0 20px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            box-sizing: border-box;\n        }\n\n        \/* Forces safe box-sizing only inside this component *\/\n        .tm-section-wrapper *, \n        .tm-section-wrapper *::before, \n        .tm-section-wrapper *::after {\n            box-sizing: border-box !important;\n        }\n\n        .tm-title {\n            text-align: center;\n            color: #0f2a4a;\n            margin-top: 0;\n            margin-bottom: 50px;\n            font-size: 2.5rem;\n            font-weight: 700;\n        }\n\n        \/* 3-Column Grid Layout *\/\n        .tm-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px 30px;\n            justify-items: center;\n            width: 100%;\n        }\n\n        \/* Individual Member Card *\/\n        .tm-member-card {\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 30px 20px;\n            text-align: center;\n            width: 100%;\n            max-width: 340px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .tm-member-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Image Styling (Matching the arched top look) *\/\n        .tm-image-wrapper {\n            width: 250px;\n            height: 320px;\n            margin: 0 auto 25px auto;\n            overflow: hidden;\n            border-radius: 50% 50% 20% 20% \/ 40% 40% 10% 10%;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            background-color: #f0f0f0;\n        }\n\n        .tm-image-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* Text Styles & Separators *\/\n        .tm-member-name {\n            color: #1a446c;\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin: 0 0 8px 0;\n            line-height: 1.3;\n        }\n\n        \/* Modern subtle line separator *\/\n        .tm-member-separator {\n            width: 40px;\n            height: 2px;\n            background-color: #b32d44;\n            margin: 12px auto;\n            border: none;\n            border-radius: 2px;\n        }\n\n        .tm-member-role {\n            color: #a31d33;\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin: 0;\n            line-height: 1.4;\n        }\n\n        \/* Responsive Design for smaller screens *\/\n        @media (max-width: 992px) {\n            .tm-grid {\n                grid-template-columns: repeat(2, 1fr); \/* 2 per row on tablets *\/\n            }\n        }\n\n        @media (max-width: 650px) {\n            .tm-grid {\n                grid-template-columns: 1fr; \/* 1 per row on mobile phones *\/\n            }\n        }\n    <\/style>\n\n    <h2 class=\"tm-title\"><\/h2>\n    \n    <div class=\"tm-grid\">\n        \n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/Rev-1.jpg\" alt=\"Rev. Fr. Mugisa Patrick\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Rev. Fr. Mugisa Patrick<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">Education Secretary<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/john.png\" alt=\"Mr. Johnmary Ategeka\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Mr. Johnmary Ategeka<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">Education Programs Coordinator<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/sarah.png\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Ms. Alinaitwe S. Sarah<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">ACCOUNTANT and LOGISTICS MANAGER<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/TADEO-TUMUSIIME.jpg\" alt=\"Mr. Tumusiime Tadeo\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Mr. Tumusiime Tadeo<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">Projects Officer<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/Alinda-Geofrey.jpg\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Mr. Alinda Geofrey<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">Information Management Systems and Information Communications Technology Officer<\/p>\n        <\/div>\n\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/Ategeka-S-Martha-1-scaled.jpg\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Ms. Ategeka S Martha<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">EDUCATION COORDINATOR \u2013 SECONDARY SCHOOLS AND CHILD SAFEGUARDING OFFICER<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/06\/Irumba-Mathias.jpg\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">\nMr. Irumba Mathias<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">COORDINATOR OF SCHOOL MONITORING<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/Nakato-Catherine.jpg\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Nakato Catherine<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">EDUCATION COORDINATOR \u2013 PRIMARY <\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/06\/Kiiza-Enid.jpg\" alt=\"Team Member\">\n            <\/div>\n            <h3 class=\"tm-member-name\">Ms. Kiiza Enid<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">ACCOUNTS&#8217; ASSISTANT<\/p>\n        <\/div>\n\n        <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/annet.png\" alt=\"\">\n            <\/div>\n            <h3 class=\"tm-member-name\"> Mrs. Abitegeka Annette<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">ADMINISTRATIVE SECRETARY<\/p>\n        <\/div>\n\n      <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/06\/Kyomuhimbo-Joel-1.jpg\" alt=\"\">\n            <\/div>\n            <h3 class=\"tm-member-name\"> Mr. Kyomuhimbo Joel<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">TYPIST AND HEAD OF PRINTERY SECTION<\/p>\n        <\/div>\n  \n      <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/NAKATO-TEOPISTER.jpeg\" alt=\"\">\n            <\/div>\n            <h3 class=\"tm-member-name\"> Ms. Nakato Teopister<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">TYPIST <\/p>\n        <\/div>\n  <div class=\"tm-member-card\">\n            <div class=\"tm-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/06\/NSUNGWA-STELLA-1.jpg\" alt=\"\">\n            <\/div>\n            <h3 class=\"tm-member-name\"> Ms. Nsungwa Stellah<\/h3>\n            <hr class=\"tm-member-separator\">\n            <p class=\"tm-member-role\">TYPIST <\/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>Rev. Fr. Mugisa Patrick Education Secretary Mr. Johnmary Ategeka Education Programs Coordinator Ms. Alinaitwe S. Sarah ACCOUNTANT and LOGISTICS MANAGER Mr. Tumusiime Tadeo Projects Officer Mr. Alinda Geofrey Information Management&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-2658","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2658","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=2658"}],"version-history":[{"count":77,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2658\/revisions"}],"predecessor-version":[{"id":3550,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2658\/revisions\/3550"}],"wp:attachment":[{"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}