{"id":6491,"date":"2025-07-31T08:41:35","date_gmt":"2025-07-31T08:41:35","guid":{"rendered":"https:\/\/umuaa.umu.ac.ug\/?page_id=6491"},"modified":"2025-10-15T08:41:12","modified_gmt":"2025-10-15T08:41:12","slug":"bunyoro-chapter","status":"publish","type":"page","link":"https:\/\/umuaa.umu.ac.ug\/index.php\/bunyoro-chapter\/","title":{"rendered":"Bunyoro Chapter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6491\" class=\"elementor elementor-6491\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5ee8c e-flex e-con-boxed e-con e-parent\" data-id=\"cd5ee8c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9219a89 elementor-widget elementor-widget-html\" data-id=\"9219a89\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>UMU Alumni Association | Bunyoro Chapter<\/title>\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        :root {\r\n            --primary: #1a2b5f;\r\n            --secondary: #d4af37;\r\n            --accent: #8b0000;\r\n            --light: #f8f9fa;\r\n            --dark: #333;\r\n            --gray: #6c757d;\r\n            --blue-light: #4a6fdc;\r\n            --blue-dark: #0f1a41;\r\n            --dark-black: #0a0a0a;\r\n            --shiny-black: #1a1a1a;\r\n            --gold-light: #e6c260;\r\n        }\r\n\r\n        body {\r\n            background-color: #f5f5f5;\r\n            color: var(--dark);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-size: 2.5rem;\r\n            color: var(--primary);\r\n            display: inline-block;\r\n            padding-bottom: 15px;\r\n        }\r\n\r\n        .section-title h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 100px;\r\n            height: 3px;\r\n            background: var(--secondary);\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        .section-content {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 50px;\r\n        }\r\n\r\n        .section-text {\r\n            flex: 1;\r\n        }\r\n\r\n        .section-image {\r\n            flex: 1;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .section-image img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            transition: transform 0.5s;\r\n        }\r\n\r\n        .section-image:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Chapter Header *\/\r\n        .chapter-header {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--blue-dark) 100%);\r\n            color: white;\r\n            padding: 120px 0 100px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .chapter-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\r\n            opacity: 0.15;\r\n            animation: backgroundZoom 20s infinite alternate;\r\n        }\r\n\r\n        @keyframes backgroundZoom {\r\n            0% { transform: scale(1); }\r\n            100% { transform: scale(1.1); }\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from { opacity: 0; transform: translateY(-30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .chapter-header-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .chapter-badge {\r\n            display: inline-block;\r\n            background: var(--secondary);\r\n            color: var(--primary);\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            animation: fadeInDown 1s ease;\r\n        }\r\n\r\n        .chapter-header h1 {\r\n            font-size: 4rem;\r\n            margin-bottom: 20px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            animation: fadeInUp 1s ease;\r\n            background: linear-gradient(45deg, #d4af37, #ff6b6b, #d4af37);\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            background-size: 200% 200%;\r\n            animation: gradientShift 3s ease infinite;\r\n        }\r\n\r\n        @keyframes gradientShift {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        .chapter-header p {\r\n            font-size: 1.3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 30px;\r\n            animation: fadeInUp 1s ease 0.2s both;\r\n        }\r\n\r\n        .chapter-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 40px;\r\n            margin-top: 40px;\r\n            flex-wrap: wrap;\r\n            animation: fadeInUp 1s ease 0.4s both;\r\n        }\r\n\r\n        .chapter-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .chapter-stat-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: var(--gold-light);\r\n            display: block;\r\n        }\r\n\r\n        .chapter-stat-label {\r\n            font-size: 1rem;\r\n            color: #ddd;\r\n        }\r\n\r\n        \/* Chapter Introduction *\/\r\n        .chapter-intro {\r\n            background-color: white;\r\n        }\r\n\r\n        \/* Chapter Leadership - Cabinet Style *\/\r\n        .chapter-leadership {\r\n            background-color: var(--light);\r\n        }\r\n\r\n        .cabinet-container {\r\n            padding: 20px 0;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .cabinet-card {\r\n            border: none;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            margin-bottom: 30px;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            height: 100%;\r\n        }\r\n        \r\n        .cabinet-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .cabinet-card-img-container {\r\n            height: 280px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        \r\n        .cabinet-card-img-top {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Specific image adjustments for better face visibility *\/\r\n        .cabinet-card-img-container .face-center {\r\n            object-position: center 25%;\r\n        }\r\n        \r\n        .cabinet-card-img-container .face-top {\r\n            object-position: center 15%;\r\n        }\r\n        \r\n        .cabinet-card-img-container .face-bottom {\r\n            object-position: center 35%;\r\n        }\r\n        \r\n        .cabinet-card:hover .cabinet-card-img-top {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .cabinet-card-body {\r\n            padding: 25px 20px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        \r\n        .cabinet-card-title {\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n            color: #2c3e50;\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .cabinet-card-text {\r\n            color: #e63946;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 15px;\r\n            padding: 8px 15px;\r\n            background: rgba(230, 57, 70, 0.08);\r\n            border-radius: 30px;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Chapter Events - Improved Highlight *\/\r\n        .chapter-events {\r\n            background-color: white;\r\n        }\r\n\r\n        .events-highlight {\r\n            display: grid;\r\n            grid-template-columns: 2fr 1fr;\r\n            gap: 30px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .featured-event {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--blue-dark) 100%);\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            color: white;\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .featured-event-content {\r\n            padding: 40px;\r\n            flex: 1;\r\n        }\r\n\r\n        .featured-event-badge {\r\n            display: inline-block;\r\n            background: var(--secondary);\r\n            color: var(--primary);\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .featured-event-title {\r\n            font-size: 2rem;\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .featured-event-meta {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .featured-event-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .featured-event-meta-item i {\r\n            color: var(--gold-light);\r\n        }\r\n\r\n        .featured-event-description {\r\n            margin-bottom: 30px;\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .featured-event-image {\r\n            height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .featured-event-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s;\r\n        }\r\n\r\n        .featured-event:hover .featured-event-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .upcoming-events {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .upcoming-event {\r\n            background: white;\r\n            border-radius: 10px;\r\n            padding: 25px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            transition: transform 0.3s;\r\n            border-left: 4px solid var(--secondary);\r\n        }\r\n\r\n        .upcoming-event:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .upcoming-event-date {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .upcoming-event-day {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n            margin-right: 10px;\r\n        }\r\n\r\n        .upcoming-event-month {\r\n            color: var(--secondary);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .upcoming-event-title {\r\n            color: var(--primary);\r\n            margin-bottom: 10px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .upcoming-event-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 15px;\r\n            color: var(--gray);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .upcoming-event-meta i {\r\n            margin-right: 8px;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .events-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .event-card {\r\n            background: white;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            transition: transform 0.3s;\r\n            border-left: 4px solid var(--secondary);\r\n        }\r\n\r\n        .event-card:hover {\r\n            transform: translateY(-10px);\r\n        }\r\n\r\n        .event-date {\r\n            background: var(--primary);\r\n            color: white;\r\n            padding: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        .event-day {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .event-month {\r\n            font-size: 1rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .event-content {\r\n            padding: 25px;\r\n        }\r\n\r\n        .event-title {\r\n            color: var(--primary);\r\n            margin-bottom: 10px;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        .event-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 15px;\r\n            color: var(--gray);\r\n        }\r\n\r\n        .event-meta i {\r\n            margin-right: 8px;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .event-excerpt {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Chapter Gallery *\/\r\n        .chapter-gallery {\r\n            background-color: var(--light);\r\n        }\r\n\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .gallery-item {\r\n            position: relative;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n            transition: transform 0.3s;\r\n            cursor: pointer;\r\n            height: 200px;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .gallery-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-image {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\r\n            color: white;\r\n            padding: 15px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Contact & Location Section *\/\r\n        .contact-location {\r\n            background: linear-gradient(135deg, var(--blue-dark) 0%, var(--primary) 100%);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-location::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1582213782179-e0d53f98f2ca?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center\/cover no-repeat;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .contact-location-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            display: flex;\r\n            gap: 50px;\r\n            align-items: center;\r\n        }\r\n\r\n        .contact-info {\r\n            flex: 1;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 15px;\r\n            padding: 40px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .contact-info h3 {\r\n            color: var(--gold-light);\r\n            margin-bottom: 20px;\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .contact-details {\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 25px;\r\n            padding: 15px;\r\n            border-radius: 10px;\r\n            transition: background 0.3s;\r\n        }\r\n\r\n        .contact-item:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .contact-item i {\r\n            font-size: 1.5rem;\r\n            color: var(--gold-light);\r\n            margin-right: 15px;\r\n            margin-top: 5px;\r\n            width: 30px;\r\n        }\r\n\r\n        .contact-text h4 {\r\n            margin-bottom: 5px;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .social-link {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--gold-light);\r\n            color: var(--primary);\r\n            border-radius: 50%;\r\n            text-decoration: none;\r\n            font-size: 1.2rem;\r\n            transition: background 0.3s, transform 0.3s;\r\n        }\r\n\r\n        .social-link:hover {\r\n            background: white;\r\n            transform: translateY(-5px) scale(1.1);\r\n        }\r\n\r\n        .location-map {\r\n            flex: 1;\r\n            height: 500px;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n            border: 5px solid var(--gold-light);\r\n        }\r\n\r\n        .location-map iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n\r\n        \/* Get Involved Section - Dark Theme *\/\r\n        .get-involved {\r\n            background: linear-gradient(135deg, var(--shiny-black) 0%, var(--dark-black) 100%);\r\n            color: white;\r\n        }\r\n\r\n        .get-involved .section-title h2 {\r\n            color: white;\r\n        }\r\n\r\n        .get-involved .section-title h2::after {\r\n            background: var(--gold-light);\r\n        }\r\n\r\n        .involved-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .involved-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            padding: 40px 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n            text-align: center;\r\n            transition: transform 0.3s, background 0.3s;\r\n            border-top: 4px solid var(--gold-light);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .involved-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--gold-light), var(--secondary), var(--gold-light));\r\n            background-size: 200% 100%;\r\n            animation: shimmer 3s infinite linear;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0% { background-position: -200% 0; }\r\n            100% { background-position: 200% 0; }\r\n        }\r\n\r\n        .involved-card:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        .involved-card i {\r\n            font-size: 3rem;\r\n            color: var(--gold-light);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .involved-card h3 {\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .involved-card p {\r\n            color: #ddd;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Gradient Buttons *\/\r\n        .gradient-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 12px 30px;\r\n            background: linear-gradient(135deg, var(--secondary) 0%, var(--gold-light) 50%, var(--secondary) 100%);\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            border-radius: 30px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background-size: 200% 100%;\r\n        }\r\n\r\n        .gradient-btn:hover {\r\n            background-position: 100% 0;\r\n            color: var(--primary);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        .gradient-btn:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .gradient-btn i {\r\n            margin-left: 8px;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .gradient-btn:hover i {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .gradient-btn-outline {\r\n            background: transparent;\r\n            border: 2px solid var(--secondary);\r\n            color: var(--secondary);\r\n            box-shadow: none;\r\n        }\r\n\r\n        .gradient-btn-outline:hover {\r\n            background: var(--secondary);\r\n            color: var(--primary);\r\n        }\r\n\r\n        .event-link, .involved-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            color: var(--secondary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .event-link i, .involved-link i {\r\n            margin-left: 5px;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .event-link:hover, .involved-link:hover {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .event-link:hover i, .involved-link:hover i {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .section-content {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .contact-location-content {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .location-map {\r\n                width: 100%;\r\n            }\r\n\r\n            .events-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            }\r\n\r\n            .chapter-header h1 {\r\n                font-size: 3rem;\r\n            }\r\n\r\n            .events-highlight {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .gallery-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            }\r\n\r\n            .chapter-stats {\r\n                gap: 20px;\r\n            }\r\n\r\n            .chapter-stat-number {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .contact-info {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .featured-event-content {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .featured-event-title {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .chapter-header {\r\n                padding: 80px 0 60px;\r\n            }\r\n\r\n            .gallery-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .chapter-stat {\r\n                flex: 0 0 50%;\r\n            }\r\n\r\n            .chapter-header h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .featured-event-meta {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Chapter Header -->\r\n    <header class=\"chapter-header\">\r\n        <div class=\"container\">\r\n            <div class=\"chapter-header-content\">\r\n                <div class=\"chapter-badge\">UMU Alumni Chapter<\/div>\r\n                <h1>Bunyoro Chapter<\/h1>\r\n                <p>Connecting UMU alumni across the Bunyoro sub-region through networking, professional development, and community engagement.<\/p>\r\n                <div class=\"chapter-stats\">\r\n                    <div class=\"chapter-stat\">\r\n                        <span class=\"chapter-stat-number\">280+<\/span>\r\n                        <span class=\"chapter-stat-label\">Members<\/span>\r\n                    <\/div>\r\n                    <div class=\"chapter-stat\">\r\n                        <span class=\"chapter-stat-number\">2023<\/span>\r\n                        <span class=\"chapter-stat-label\">Established<\/span>\r\n                    <\/div>\r\n                    <div class=\"chapter-stat\">\r\n                        <span class=\"chapter-stat-number\">18<\/span>\r\n                        <span class=\"chapter-stat-label\">Annual Events<\/span>\r\n                    <\/div>\r\n                    <div class=\"chapter-stat\">\r\n                        <span class=\"chapter-stat-number\">7<\/span>\r\n                        <span class=\"chapter-stat-label\">Districts<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Chapter Introduction -->\r\n    <section class=\"chapter-intro\">\r\n        <div class=\"container\">\r\n            <div class=\"section-content\">\r\n                <div class=\"section-text\">\r\n                    <h2>Welcome to the Bunyoro Chapter<\/h2>\r\n                    <p>The Bunyoro Chapter is a vibrant alumni network uniting graduates of Uganda Martyrs University living and working across the Bunyoro sub-region including Hoima, Kikuube, Kakumiro, Kagadi, Masindi, Kibaale, and Kiryandongo districts.<\/p>\r\n                    <p>Established on 15th May 2023, the Chapter serves as a platform for reconnecting, networking, mentoring, and giving back to the community. It provides an opportunity for alumni to uphold the values of their alma mater while building strong professional and social bonds in the region.<\/p>\r\n                    <p>Whether you're looking to grow your network, contribute to community development, or stay connected with fellow UMU graduates, the Bunyoro Chapter is your home. Together, we strive to inspire leadership, service, and excellence in all we do.<\/p>\r\n                    <a href=\"#\" class=\"gradient-btn mt-4\">Join Our Chapter <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"section-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/DSC_1792-scaled.jpg\" alt=\"Bunyoro Chapter Members\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Chapter Leadership - Cabinet Style -->\r\n    <section class=\"chapter-leadership\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Chapter Leadership<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"cabinet-container\">\r\n                <div class=\"row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4\">\r\n                    <!-- President -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/PXL_20241018_065620091-1.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Dr. Samuel Mugisa\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Dr. Samuel Mugisa<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Chapter President<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Vice President -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/IMG_2925-scaled.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Ms. Grace Kembabazi\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Ms. Grace Kembabazi<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Vice President<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Secretary -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-14-at-2.12.50-AM.jpeg\" class=\"cabinet-card-img-top face-center\" alt=\"Mr. Robert Tumusiime\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Mr. Robert Tumusiime<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Secretary<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Treasurer -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/PXL_20241018_065620091-1.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Ms. Sarah Namusoke\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Ms. Sarah Namusoke<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Treasurer<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Events Coordinator -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/IMG_2925-scaled.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Mr. David Kato\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Mr. David Kato<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Events Coordinator<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Communications Officer -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-14-at-2.12.50-AM.jpeg\" class=\"cabinet-card-img-top face-center\" alt=\"Ms. Jane Nalubega\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Ms. Jane Nalubega<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Communications Officer<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Membership Coordinator -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/PXL_20241018_065620091-1.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Mr. Peter Odoi\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Mr. Peter Odoi<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Membership Coordinator<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Student Liaison -->\r\n                    <div class=\"col\">\r\n                        <div class=\"cabinet-card\">\r\n                            <div class=\"cabinet-card-img-container\">\r\n                                <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/IMG_2925-scaled.jpg\" class=\"cabinet-card-img-top face-center\" alt=\"Ms. Angela Nakato\">\r\n                            <\/div>\r\n                            <div class=\"cabinet-card-body\">\r\n                                <div>\r\n                                    <h5 class=\"cabinet-card-title\">Ms. Angela Nakato<\/h5>\r\n                                    <p class=\"cabinet-card-text\">Student Liaison<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Chapter Events - Improved Highlight -->\r\n    <section class=\"chapter-events\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Upcoming Events<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"events-highlight\">\r\n                <div class=\"featured-event\">\r\n                    <div class=\"featured-event-content\">\r\n                        <div class=\"featured-event-badge\">Featured Event<\/div>\r\n                        <h3 class=\"featured-event-title\">Annual General Meeting & Networking Gala<\/h3>\r\n                        <div class=\"featured-event-meta\">\r\n                            <div class=\"featured-event-meta-item\">\r\n                                <i class=\"fas fa-calendar-alt\"><\/i>\r\n                                <span>September 28, 2024<\/span>\r\n                            <\/div>\r\n                            <div class=\"featured-event-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <span>5:00 PM - 9:00 PM<\/span>\r\n                            <\/div>\r\n                            <div class=\"featured-event-meta-item\">\r\n                                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                                <span>Hoima Central Hotel<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"featured-event-description\">Join us for our flagship annual event featuring keynote speakers, networking sessions, awards ceremony, and a gala dinner. This is our premier opportunity to connect with fellow alumni and celebrate our achievements.<\/p>\r\n                        <a href=\"#\" class=\"gradient-btn\">Register Now <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                    <div class=\"featured-event-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/DSC_1792-scaled.jpg\" alt=\"Featured Event\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"upcoming-events\">\r\n                    <div class=\"upcoming-event\">\r\n                        <div class=\"upcoming-event-date\">\r\n                            <div class=\"upcoming-event-day\">15<\/div>\r\n                            <div class=\"upcoming-event-month\">August<\/div>\r\n                        <\/div>\r\n                        <h4 class=\"upcoming-event-title\">Professional Development Workshop<\/h4>\r\n                        <div class=\"upcoming-event-meta\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>UMU Hoima Campus<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"gradient-btn gradient-btn-outline\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"upcoming-event\">\r\n                        <div class=\"upcoming-event-date\">\r\n                            <div class=\"upcoming-event-day\">05<\/div>\r\n                            <div class=\"upcoming-event-month\">October<\/div>\r\n                        <\/div>\r\n                        <h4 class=\"upcoming-event-title\">Community Service Day<\/h4>\r\n                        <div class=\"upcoming-event-meta\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Kigorobya Primary School<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"gradient-btn gradient-btn-outline\">Volunteer <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"events-grid\">\r\n                <div class=\"event-card\">\r\n                    <div class=\"event-date\">\r\n                        <div class=\"event-day\">15<\/div>\r\n                        <div class=\"event-month\">August<\/div>\r\n                    <\/div>\r\n                    <div class=\"event-content\">\r\n                        <h3 class=\"event-title\">Quarterly Networking Mixer<\/h3>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Hoima Central Hotel<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <span>5:00 PM - 8:00 PM<\/span>\r\n                        <\/div>\r\n                        <p class=\"event-excerpt\">Connect with fellow UMU alumni in the Bunyoro region. Great opportunity for professional networking and socializing.<\/p>\r\n                        <a href=\"#\" class=\"gradient-btn gradient-btn-outline\">Register Now <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"event-card\">\r\n                    <div class=\"event-date\">\r\n                        <div class=\"event-day\">02<\/div>\r\n                        <div class=\"event-month\">September<\/div>\r\n                    <\/div>\r\n                    <div class=\"event-content\">\r\n                        <h3 class=\"event-title\">Career Development Workshop<\/h3>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>UMU Hoima Campus<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <span>9:00 AM - 1:00 PM<\/span>\r\n                        <\/div>\r\n                        <p class=\"event-excerpt\">Enhance your professional skills with sessions on CV writing, interview techniques, and career advancement strategies.<\/p>\r\n                        <a href=\"#\" class=\"gradient-btn gradient-btn-outline\">Register Now <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"event-card\">\r\n                    <div class=\"event-date\">\r\n                        <div class=\"event-day\">28<\/div>\r\n                        <div class=\"event-month\">September<\/div>\r\n                    <\/div>\r\n                    <div class=\"event-content\">\r\n                        <h3 class=\"event-title\">Community Service Day<\/h3>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <span>Kigorobya Primary School<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-meta\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <span>8:00 AM - 3:00 PM<\/span>\r\n                        <\/div>\r\n                        <p class=\"event-excerpt\">Join us as we give back to the community through school renovation and mentorship activities.<\/p>\r\n                        <a href=\"#\" class=\"gradient-btn gradient-btn-outline\">Volunteer <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Chapter Gallery -->\r\n    <section class=\"chapter-gallery\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Chapter Gallery<\/h2>\r\n            <\/div>\r\n            <div class=\"gallery-grid\">\r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/DSC_1792-scaled.jpg\" alt=\"Chapter Event\" class=\"gallery-image\">\r\n                    <div class=\"gallery-overlay\">\r\n                        <h3>Annual General Meeting 2024<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/PXL_20241018_065620091-1.jpg\" alt=\"Community Service\" class=\"gallery-image\">\r\n                    <div class=\"gallery-overlay\">\r\n                        <h3>Community Service Day<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/IMG_2925-scaled.jpg\" alt=\"Networking Event\" class=\"gallery-image\">\r\n                    <div class=\"gallery-overlay\">\r\n                        <h3>Professional Networking<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-14-at-2.12.50-AM.jpeg\" alt=\"Graduation Celebration\" class=\"gallery-image\">\r\n                    <div class=\"gallery-overlay\">\r\n                        <h3>Graduation Celebration<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact & Location Section -->\r\n    <section class=\"contact-location\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2 style=\"color: white;\">Contact & Location<\/h2>\r\n            <\/div>\r\n            <div class=\"contact-location-content\">\r\n                <div class=\"contact-info\">\r\n                    <h3>Get In Touch<\/h3>\r\n                    <p>Reach out to the Bunyoro Chapter leadership team for any inquiries, suggestions, or to get involved with our activities.<\/p>\r\n                    <div class=\"contact-details\">\r\n                        <div class=\"contact-item\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Email Address<\/h4>\r\n                                <p>bunyoro.chapter@umuaa.umu.ac.ug<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"contact-item\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Phone Number<\/h4>\r\n                                <p>+256 772 123 456<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"contact-item\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Meeting Location<\/h4>\r\n                                <p>Hoima Central Hotel, Hoima City, Uganda<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"contact-item\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Meeting Times<\/h4>\r\n                                <p>First Saturday of every month, 3:00 PM - 5:00 PM<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"location-map\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d63839.62626235716!2d31.3202617!3d1.4312314!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x17704c2c15555555%3A0xe3e3c36b777a0a8b!2sHoima%2C%20Uganda!5e0!3m2!1sen!2s!4v1642345678901!5m2!1sen!2s\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Get Involved Section - Dark Theme -->\r\n    <section class=\"get-involved\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Get Involved<\/h2>\r\n            <\/div>\r\n            <div class=\"involved-grid\">\r\n                <div class=\"involved-card\">\r\n                    <i class=\"fas fa-user-plus\"><\/i>\r\n                    <h3>Become a Member<\/h3>\r\n                    <p>Join the Bunyoro Chapter and connect with fellow UMU alumni in the region. Membership is open to all UMU graduates.<\/p>\r\n                    <a href=\"#\" class=\"gradient-btn\">Join Now <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"involved-card\">\r\n                    <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n                    <h3>Volunteer<\/h3>\r\n                    <p>Contribute your time and skills to chapter activities, events, and community service initiatives.<\/p>\r\n                    <a href=\"#\" class=\"gradient-btn\">Volunteer <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"involved-card\">\r\n                    <i class=\"fas fa-bullhorn\"><\/i>\r\n                    <h3>Spread the Word<\/h3>\r\n                    <p>Help us reach more UMU alumni in the Bunyoro region by sharing information about our chapter.<\/p>\r\n                    <a href=\"#\" class=\"gradient-btn\">Share <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script>\r\n        \/\/ Simple script for interactive elements\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Gallery item click handler (could be expanded for lightbox functionality)\r\n            const galleryItems = document.querySelectorAll('.gallery-item');\r\n            \r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ In a real implementation, this would open a lightbox\r\n                    alert('Gallery image clicked - would open in lightbox view');\r\n                });\r\n            });\r\n            \r\n            \/\/ Simple counter animation for chapter stats\r\n            const statNumbers = document.querySelectorAll('.chapter-stat-number');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const target = entry.target;\r\n                        const finalValue = parseInt(target.textContent);\r\n                        let currentValue = 0;\r\n                        const increment = finalValue \/ 30;\r\n                        const timer = setInterval(() => {\r\n                            currentValue += increment;\r\n                            if (currentValue >= finalValue) {\r\n                                if (target.textContent.includes('+')) {\r\n                                    target.textContent = finalValue + '+';\r\n                                } else {\r\n                                    target.textContent = finalValue;\r\n                                }\r\n                                clearInterval(timer);\r\n                            } else {\r\n                                if (target.textContent.includes('+')) {\r\n                                    target.textContent = Math.floor(currentValue) + '+';\r\n                                } else {\r\n                                    target.textContent = Math.floor(currentValue);\r\n                                }\r\n                            }\r\n                        }, 50);\r\n                        observer.unobserve(target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n            \r\n            statNumbers.forEach(item => {\r\n                observer.observe(item);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UMU Alumni Association | Bunyoro Chapter UMU Alumni Chapter Bunyoro Chapter Connecting UMU alumni across the Bunyoro sub-region through networking, professional development, and community engagement. 280+ Members 2023 Established 18 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/6491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/comments?post=6491"}],"version-history":[{"count":13,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/6491\/revisions"}],"predecessor-version":[{"id":6785,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/6491\/revisions\/6785"}],"wp:attachment":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/media?parent=6491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}