{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-immigration\/?page_id=9"},"modified":"2025-10-17T14:22:40","modified_gmt":"2025-10-17T14:22:40","slug":"home","status":"publish","type":"page","link":"https:\/\/umuaa.umu.ac.ug\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n UMUAA - Uganda Martyrs University Alumni Association<\/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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --umu-blue: #003366;\r\n --umu-gold: #FFD700;\r\n --umu-light-blue: #0066CC;\r\n --umu-dark-blue: #001a33;\r\n --umu-maroon: #8B0000;\r\n --light-bg: #f8f9fa;\r\n --dark-text: #333333;\r\n --light-text: #6c757d;\r\n --accent-red: #e63946;\r\n --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n --transition: all 0.3s ease;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n color: var(--dark-text);\r\n line-height: 1.6;\r\n background-color: var(--light-bg);\r\n overflow-x: hidden;\r\n }\r\n \r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n }\r\n \r\n \/* Hero Section with UMU-inspired gradient *\/\r\n .hero-section {\r\n background: linear-gradient(135deg, #8B0000 10%, var(--umu-light-blue) 50%, var(--umu-gold) 100%);\r\n color: white;\r\n padding: 180px 0 120px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero-section::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(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.3;\r\n }\r\n \r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n .floating-element {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 50%;\r\n animation: float 15s infinite linear;\r\n }\r\n \r\n .floating-element:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .floating-element:nth-child(2) {\r\n width: 120px;\r\n height: 120px;\r\n top: 70%;\r\n left: 80%;\r\n animation-delay: 3s;\r\n }\r\n \r\n .floating-element:nth-child(3) {\r\n width: 60px;\r\n height: 60px;\r\n top: 40%;\r\n left: 85%;\r\n animation-delay: 6s;\r\n }\r\n \r\n .floating-element:nth-child(4) {\r\n width: 100px;\r\n height: 100px;\r\n top: 80%;\r\n left: 15%;\r\n animation-delay: 9s;\r\n }\r\n \r\n @keyframes float {\r\n 0% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(180deg);\r\n }\r\n 100% {\r\n transform: translateY(0) rotate(360deg);\r\n }\r\n }\r\n \r\n .hero-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .hero-section h1 {\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n margin-bottom: 25px;\r\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n line-height: 1.2;\r\n }\r\n \r\n .hero-section .lead {\r\n font-size: 1.5rem;\r\n margin-bottom: 35px;\r\n font-weight: 400;\r\n }\r\n \r\n .hero-section p {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--umu-gold), #e6c200);\r\n border: none;\r\n color: var(--umu-blue);\r\n font-weight: 600;\r\n padding: 14px 35px;\r\n border-radius: 30px;\r\n transition: var(--transition);\r\n box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n transition: var(--transition);\r\n z-index: -1;\r\n }\r\n \r\n .btn-primary:hover::before {\r\n left: 100%;\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);\r\n }\r\n \r\n .btn-outline-light {\r\n border: 2px solid white;\r\n color: white;\r\n font-weight: 600;\r\n padding: 12px 33px;\r\n border-radius: 30px;\r\n transition: var(--transition);\r\n margin-left: 15px;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n .btn-outline-light::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 100%;\r\n background: white;\r\n transition: var(--transition);\r\n z-index: -1;\r\n }\r\n \r\n .btn-outline-light:hover::before {\r\n width: 100%;\r\n }\r\n \r\n .btn-outline-light:hover {\r\n color: var(--umu-blue);\r\n }\r\n \r\n \/* President's Message with UMU-inspired design *\/\r\n .president-section {\r\n padding: 120px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e8f0f7 100%);\r\n position: relative;\r\n }\r\n \r\n .president-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100px;\r\n background: linear-gradient(to bottom right, var(--umu-blue) 0%, var(--umu-blue) 50%, transparent 50%);\r\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);\r\n }\r\n \r\n .president-img-container {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transform: perspective(1000px) rotateY(-5deg);\r\n transition: var(--transition);\r\n }\r\n \r\n .president-img-container:hover {\r\n transform: perspective(1000px) rotateY(0deg);\r\n }\r\n \r\n .president-img {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n transition: var(--transition);\r\n }\r\n \r\n .president-img-container:hover .president-img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .president-img-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background: linear-gradient(to top, var(--umu-blue), transparent);\r\n color: white;\r\n padding: 20px;\r\n opacity: 0;\r\n transition: var(--transition);\r\n }\r\n \r\n .president-img-container:hover .president-img-overlay {\r\n opacity: 1;\r\n }\r\n \r\n .president-message {\r\n padding-left: 50px;\r\n }\r\n \r\n .section-title {\r\n color: var(--umu-blue);\r\n margin-bottom: 30px;\r\n position: relative;\r\n padding-bottom: 15px;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: var(--umu-gold);\r\n }\r\n \r\n .president-name {\r\n color: var(--umu-blue);\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n }\r\n \r\n .president-quote {\r\n font-style: italic;\r\n color: var(--umu-blue);\r\n border-left: 4px solid var(--umu-gold);\r\n padding-left: 20px;\r\n margin-top: 30px;\r\n font-weight: 500;\r\n }\r\n \r\n \/* Mission & Vision with gradient cards *\/\r\n .mission-section {\r\n padding: 120px 0;\r\n background: url('https:\/\/www.umu.ac.ug\/wp-content\/themes\/umu-theme\/images\/bg-pattern.png');\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .mission-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: var(--umu-blue);\r\n opacity: 0.05;\r\n border-radius: 50%;\r\n }\r\n \r\n .mission-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: var(--card-shadow);\r\n height: 100%;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n border-top: 5px solid var(--umu-gold);\r\n }\r\n \r\n .mission-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(0, 51, 102, 0.03) 0%, rgba(255, 215, 0, 0.03) 100%);\r\n z-index: -1;\r\n }\r\n \r\n .mission-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .mission-icon {\r\n font-size: 3.5rem;\r\n color: var(--umu-gold);\r\n margin-bottom: 25px;\r\n display: inline-block;\r\n background: rgba(255, 215, 0, 0.1);\r\n width: 90px;\r\n height: 90px;\r\n line-height: 90px;\r\n text-align: center;\r\n border-radius: 50%;\r\n }\r\n \r\n .objectives-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n \r\n .objectives-list li {\r\n margin-bottom: 15px;\r\n padding-left: 35px;\r\n position: relative;\r\n }\r\n \r\n .objectives-list li::before {\r\n content: '\\f058';\r\n font-family: 'Font Awesome 5 Free';\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n color: var(--umu-gold);\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* Stats Section with Campuses *\/\r\n .stats-section {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, var(--umu-blue), var(--umu-dark-blue));\r\n color: white;\r\n text-align: center;\r\n }\r\n \r\n .stat-item {\r\n padding: 20px;\r\n }\r\n \r\n .stat-number {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: var(--umu-gold);\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .stat-label {\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n }\r\n \r\n \/* Registration Links Section *\/\r\n .registration-section {\r\n padding: 100px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e8f0f7 100%);\r\n }\r\n \r\n .registration-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: var(--card-shadow);\r\n height: 100%;\r\n transition: var(--transition);\r\n text-align: center;\r\n border-top: 5px solid var(--umu-gold);\r\n }\r\n \r\n .registration-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .registration-icon {\r\n font-size: 3rem;\r\n color: var(--umu-blue);\r\n margin-bottom: 20px;\r\n display: inline-block;\r\n background: rgba(0, 51, 102, 0.1);\r\n width: 80px;\r\n height: 80px;\r\n line-height: 80px;\r\n text-align: center;\r\n border-radius: 50%;\r\n }\r\n \r\n \/* Video Section *\/\r\n .video-section {\r\n padding: 100px 0;\r\n background: white;\r\n }\r\n \r\n .video-container {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n }\r\n \r\n .video-container iframe {\r\n width: 100%;\r\n height: 500px;\r\n border: none;\r\n }\r\n \r\n .video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(0, 51, 102, 0.7), rgba(255, 215, 0, 0.3));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: var(--transition);\r\n }\r\n \r\n .video-container:hover .video-overlay {\r\n opacity: 1;\r\n }\r\n \r\n .play-button {\r\n width: 80px;\r\n height: 80px;\r\n background: var(--umu-gold);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--umu-blue);\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n \r\n .play-button:hover {\r\n transform: scale(1.1);\r\n }\r\n \r\n \/* Gallery Section *\/\r\n .gallery-section {\r\n padding: 100px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e8f0f7 100%);\r\n }\r\n \r\n .gallery-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n gap: 20px;\r\n }\r\n \r\n .gallery-item {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n height: 250px;\r\n transition: var(--transition);\r\n }\r\n \r\n .gallery-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .gallery-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: var(--transition);\r\n }\r\n \r\n .gallery-item:hover .gallery-img {\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 width: 100%;\r\n background: linear-gradient(to top, var(--umu-blue), transparent);\r\n color: white;\r\n padding: 20px;\r\n transform: translateY(100%);\r\n transition: var(--transition);\r\n }\r\n \r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n \r\n \/* Ways to Connect with interactive elements *\/\r\n .connect-section {\r\n padding: 120px 0;\r\n background: white;\r\n position: relative;\r\n }\r\n \r\n .connect-section::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100px;\r\n background: linear-gradient(to top left, var(--umu-blue) 0%, var(--umu-blue) 50%, transparent 50%);\r\n clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 50%);\r\n }\r\n \r\n .event-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: var(--transition);\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n \r\n .event-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .event-date {\r\n background: linear-gradient(135deg, var(--umu-blue), var(--umu-light-blue));\r\n color: white;\r\n padding: 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .event-date::before {\r\n content: '';\r\n position: absolute;\r\n top: -10px;\r\n right: -10px;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n }\r\n \r\n .event-date .day {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n display: block;\r\n line-height: 1;\r\n }\r\n \r\n .event-date .month {\r\n font-size: 1.3rem;\r\n font-weight: 500;\r\n }\r\n \r\n .event-content {\r\n padding: 30px;\r\n }\r\n \r\n .connect-options {\r\n background: linear-gradient(135deg, var(--umu-blue), var(--umu-dark-blue));\r\n border-radius: 20px;\r\n padding: 40px;\r\n color: white;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .connect-options::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -50px;\r\n right: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n }\r\n \r\n .connect-options h3 {\r\n color: var(--umu-gold);\r\n margin-bottom: 30px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .connect-btn {\r\n display: block;\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n padding: 15px 20px;\r\n border-radius: 10px;\r\n margin-bottom: 15px;\r\n text-align: left;\r\n transition: var(--transition);\r\n text-decoration: none;\r\n position: relative;\r\n z-index: 1;\r\n overflow: hidden;\r\n }\r\n \r\n .connect-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n transition: var(--transition);\r\n }\r\n \r\n .connect-btn:hover::before {\r\n left: 100%;\r\n }\r\n \r\n .connect-btn:hover {\r\n background: var(--umu-gold);\r\n color: var(--umu-blue);\r\n border-color: var(--umu-gold);\r\n transform: translateX(10px);\r\n }\r\n \r\n \/* Get Involved Section *\/\r\n .involved-section {\r\n padding: 120px 0;\r\n background: white;\r\n }\r\n \r\n .blog-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--card-shadow);\r\n transition: var(--transition);\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n \r\n .blog-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .blog-date {\r\n background: var(--umu-blue);\r\n color: white;\r\n padding: 12px 20px;\r\n display: inline-block;\r\n border-radius: 0 0 15px 0;\r\n font-weight: 600;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n \r\n .blog-content {\r\n padding: 30px;\r\n }\r\n \r\n .blog-tag {\r\n background: var(--umu-gold);\r\n color: var(--umu-blue);\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n \r\n \/* Contact Section *\/\r\n .contact-section {\r\n padding: 120px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e8f0f7 100%);\r\n position: relative;\r\n }\r\n \r\n .contact-form {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: var(--card-shadow);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .form-control {\r\n padding: 15px;\r\n border-radius: 10px;\r\n border: 1px solid #e0e0e0;\r\n margin-bottom: 20px;\r\n transition: var(--transition);\r\n }\r\n \r\n .form-control:focus {\r\n border-color: var(--umu-blue);\r\n box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.1);\r\n }\r\n \r\n .contact-info {\r\n background: linear-gradient(135deg, var(--umu-blue), var(--umu-dark-blue));\r\n border-radius: 20px;\r\n padding: 40px;\r\n color: white;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .contact-info::before {\r\n content: '';\r\n position: absolute;\r\n top: -50px;\r\n left: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n }\r\n \r\n .contact-item {\r\n margin-bottom: 30px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .contact-icon {\r\n font-size: 1.8rem;\r\n color: var(--umu-gold);\r\n margin-right: 20px;\r\n width: 50px;\r\n text-align: center;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .fade-in {\r\n animation: fadeInUp 0.8s ease forwards;\r\n }\r\n \r\n .delay-1 {\r\n animation-delay: 0.2s;\r\n }\r\n \r\n .delay-2 {\r\n animation-delay: 0.4s;\r\n }\r\n \r\n .delay-3 {\r\n animation-delay: 0.6s;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 991px) {\r\n .president-message {\r\n padding-left: 0;\r\n margin-top: 50px;\r\n }\r\n \r\n .hero-section h1 {\r\n font-size: 3rem;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) {\r\n .hero-section {\r\n padding: 120px 0 80px;\r\n }\r\n \r\n .hero-section h1 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .hero-section .lead {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .btn-outline-light {\r\n margin-left: 0;\r\n margin-top: 15px;\r\n display: block;\r\n }\r\n \r\n .section-padding {\r\n padding: 80px 0;\r\n }\r\n \r\n .gallery-container {\r\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero-section\">\r\n <div class=\"floating-elements\">\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"fade-in\">Welcome To Uganda Martyrs University Alumni Association<\/h1>\r\n <p class=\"lead fade-in delay-1\">Connecting 30,000+ Alumni Worldwide<\/p>\r\n <p class=\"fade-in delay-2\">The Uganda Martyrs University Alumni Association (UMUAA) is the official body representing former students of Uganda Martyrs University (UMU), fostering lifelong connection, mentorship, and university development.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- President's Message -->\r\n <section class=\"president-section\">\r\n <div class=\"container\">\r\n <div class=\"row align-items-center\">\r\n <div class=\"col-lg-5\">\r\n <div class=\"president-img-container fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/Gvk3b8KWYAA7qpm-e1753781920731.jpg\" alt=\"Mr. Alinaitwe Stephen\" class=\"president-img\">\r\n <div class=\"president-img-overlay\">\r\n <h4><\/h4>\r\n <p>UMUAA Represenation<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-7\">\r\n <div class=\"president-message\">\r\n <h2 class=\"section-title fade-in\"> Uganda Martyrs University Alumni Association (UMUAA)<\/h2>\r\n <h4 class=\"president-name fade-in delay-1\"> Welcomes You<\/h4>\r\n <p class=\"fade-in delay-1\">Dear readers,<\/p>\r\n <p class=\"fade-in delay-1\">The Uganda Martyrs University Alumni Association (UMUAA) is the official body representing former students of Uganda Martyrs University (UMU), a Catholic-affiliated private university founded in 1993. UMUAA gathers over 30,000 alumni across Uganda and around the world to foster lifelong connection, mentorship, and university development.<\/p>\r\n <p class=\"fade-in delay-2\">The UMUAA operates under an elected Executive Committee, which organizes events, supports university infrastructure projects, and promotes alumni engagement. As of January 28, 2023, the association is led by President Alinaitwe Steven, who succeeded Robinson Bernard Magulu in the leadership role.<\/p>\r\n <p class=\"president-quote fade-in delay-3\">Together, we remain One UMU \u2014 One Family \u2014 One Legacy.<\/p>\r\n <p class=\"president-quote fade-in delay-3\">\"In Virtue And Wisdom Lead The World\"<\/p>\r\n <a href=\"#\" class=\"btn btn-primary\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mission & Vision -->\r\n <section class=\"mission-section\">\r\n <div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"mission-card fade-in\">\r\n <div class=\"mission-icon\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <h3 class=\"mb-3\">Our Mission<\/h3>\r\n <p>To engage, empower, and connect alumni of Uganda Martyrs University for the collective advancement of their professional journeys, social impact, and contribution to the growth of their university and communities.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"mission-card fade-in delay-1\">\r\n <div class=\"mission-icon\">\r\n <i class=\"fas fa-tasks\"><\/i>\r\n <\/div>\r\n <h3 class=\"mb-3\">Our Objectives<\/h3>\r\n <ul class=\"objectives-list\">\r\n <li>Strengthen alumni relations through networking events, reunions, and chapter activities.<\/li>\r\n <li>Mobilize alumni contributions toward infrastructure and academic development at UMU.<\/li>\r\n <li>Celebrate outstanding alumni achievements and amplify their impact stories.<\/li>\r\n <li>Facilitate professional mentorship and career guidance for current students.<\/li>\r\n <li>Foster partnerships with stakeholders to support innovation, research, and community service.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"mission-card fade-in delay-2\">\r\n <div class=\"mission-icon\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <h3 class=\"mb-3\">Our Vision<\/h3>\r\n <p>A globally connected alumni network that supports each other, mentors future generations, and drives positive change through Christian values and lifelong learning.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-4\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- President's Message -->\r\n <section class=\"president-section\">\r\n <div class=\"container\">\r\n <div class=\"row align-items-center\">\r\n <div class=\"col-lg-5\">\r\n <div class=\"president-img-container fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-31-at-11.22.36-AM.jpeg\" alt=\"Mr. Alinaitwe Stephen\" class=\"president-img\">\r\n <div class=\"president-img-overlay\">\r\n <h4>Mr. Alinaitwe Stephen<\/h4>\r\n <p>UMUAA President<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-7\">\r\n <div class=\"president-message\">\r\n <h2 class=\"section-title fade-in\">UMUAA President's Message<\/h2>\r\n <h4 class=\"president-name fade-in delay-1\">Mr. Alinaitwe Stephen<\/h4>\r\n <p class=\"fade-in delay-1\">Dear readers,<\/p>\r\n <p class=\"fade-in delay-1\">Greetings from UMUAA. Today, especially in the era where information is the new oil, communication is at the heart of development of any entity and UMUAA is not spared.<\/p>\r\n <p class=\"fade-in delay-2\">Through this platform, you will keep following up on activities and tasks being planned and those executed by your association. Please make use of it to follow our programming as well as provide your much-valued feedback in terms of comments and advise to make UMUAA and, of course, our alma mater the best place to be.<\/p>\r\n <p class=\"fade-in delay-2\">I wish you the best as you navigate this communication platform as you strive to make a difference in society you live in.<\/p>\r\n <p class=\"president-quote fade-in delay-3\">\"In Virtue And Wisdom Lead The World\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats Section with Campuses -->\r\n <section class=\"stats-section\">\r\n <div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-md-3 col-6\">\r\n <div class=\"stat-item fade-in\">\r\n <span class=\"stat-number\">30,000+<\/span>\r\n <span class=\"stat-label\">Alumni<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-3 col-6\">\r\n <div class=\"stat-item fade-in delay-1\">\r\n <span class=\"stat-number\">5<\/span>\r\n <span class=\"stat-label\">Campuses<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-3 col-6\">\r\n <div class=\"stat-item fade-in delay-2\">\r\n <span class=\"stat-number\">25+<\/span>\r\n <span class=\"stat-label\">Years<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-3 col-6\">\r\n <div class=\"stat-item fade-in delay-3\">\r\n <span class=\"stat-number\">100+<\/span>\r\n <span class=\"stat-label\">Events Yearly<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Registration Links Section -->\r\n <section class=\"registration-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title text-center mb-5 fade-in\">Register & Connect<\/h2>\r\n <div class=\"row\">\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"registration-card fade-in\">\r\n <div class=\"registration-icon\">\r\n <i class=\"fas fa-user-plus\"><\/i>\r\n <\/div>\r\n <h4>Alumni Registration<\/h4>\r\n <p>Join the official UMUAA database to stay connected with fellow alumni and receive updates.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-3\">Register Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"registration-card fade-in delay-1\">\r\n <div class=\"registration-icon\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n <\/div>\r\n <h4>Event Registration<\/h4>\r\n <p>Register for upcoming alumni events, reunions, and networking sessions.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-3\">View Events<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"registration-card fade-in delay-2\">\r\n <div class=\"registration-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h4>Chapter Membership<\/h4>\r\n <p>Join a regional alumni chapter to connect with graduates in your area.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-3\">Find Chapters<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery Section -->\r\n <section class=\"gallery-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title text-center mb-5 fade-in\">UMUAA Gallery<\/h2>\r\n <div class=\"gallery-container\">\r\n <div class=\"gallery-item fade-in\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/DSC_1783-Copy-1-scaled.jpg\" alt=\"Alumni Event\" class=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Annual Homecoming<\/h5>\r\n <p>2023 Alumni Gathering<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item fade-in\">\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=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Awarding Ceremony<\/h5>\r\n <p>2025 Alumni Awards<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item fade-in delay-1\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/DSC_1783-Copy-1-scaled.jpg\" alt=\"University Campus\" class=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Campus Re-union<\/h5>\r\n <p>Main University Grounds<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item fade-in delay-2\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/PXL_20241018_081113887.PORTRAIT-scaled-1.jpg\" alt=\"Graduation Ceremony\" class=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Graduation Day<\/h5>\r\n <p>Class of 2022<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item fade-in delay-2\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/IMG_2925-scaled.jpg\" alt=\"Graduation Ceremony\" class=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Meetup Day<\/h5>\r\n <p>Almuni<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item fade-in delay-3\">\r\n <img decoding=\"async\" src=\"https:\/\/umuaa.umu.ac.ug\/wp-content\/uploads\/2025\/07\/GvaHsifWYAAjaxg.jpg\" class=\"gallery-img\">\r\n <div class=\"gallery-overlay\">\r\n <h5>Networking Event<\/h5>\r\n <p>Professional Connections<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Ways to Connect -->\r\n <section class=\"connect-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title text-center mb-5 fade-in\">Ways to Connect<\/h2>\r\n <div class=\"row\">\r\n <div class=\"col-lg-8\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\">\r\n <div class=\"event-card fade-in\">\r\n <div class=\"event-date\">\r\n <span class=\"day\">1-3<\/span>\r\n <span class=\"month\">June 2025<\/span>\r\n <\/div>\r\n <div class=\"event-content\">\r\n <h4>Homecoming<\/h4>\r\n <p class=\"text-muted\">Reconnect with fellow alumni, faculty, and current students during our annual homecoming celebration.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary\">Save Date<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-6\">\r\n <div class=\"event-card fade-in delay-1\">\r\n <div class=\"event-date\">\r\n <span class=\"day\">9<\/span>\r\n <span class=\"month\">August 2025<\/span>\r\n <\/div>\r\n <div class=\"event-content\">\r\n <h4>Year Groups Reunion<\/h4>\r\n <p class=\"text-muted\">Connect with your graduating class and reminisce about your university days.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary\">Save Date<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mt-4 fade-in delay-2\">Alumni Experience strives to provide meaningful ways for UMU graduates to network and connect with each other and with the university.<\/p>\r\n <\/div>\r\n <div class=\"col-lg-4\">\r\n <div class=\"connect-options fade-in delay-2\">\r\n <h3>Join the Alumni Community<\/h3>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-users me-2\"><\/i> Regional Chapter Groups\r\n <\/a>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-hands-helping me-2\"><\/i> Support UMUAA\r\n <\/a>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-user-edit me-2\"><\/i> Update Your Info\r\n <\/a>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-envelope me-2\"><\/i> Stay in Touch\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Get Involved -->\r\n <section class=\"involved-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title text-center mb-5 fade-in\">Get Involved<\/h2>\r\n <div class=\"row\">\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"blog-card fade-in\">\r\n <div class=\"blog-date\">04 Mar<\/div>\r\n <div class=\"blog-content\">\r\n <span class=\"blog-tag\">OUTSTANDING ALUMNI AWARD 2025<\/span>\r\n <h4>Outstanding Alumni Awards \u2013 2025<\/h4>\r\n <p class=\"text-muted\">LATEST NEWS<\/p>\r\n <p>Celebrating the remarkable achievements of our alumni who are making significant contributions in their fields.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-3\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4 mb-4\">\r\n <div class=\"blog-card fade-in delay-1\">\r\n <div class=\"blog-date\">04 Mar<\/div>\r\n <div class=\"blog-content\">\r\n <span class=\"blog-tag\">ALUMNI HOMECOMING 2025<\/span>\r\n <h4>UMU Alumni Homecoming-2025<\/h4>\r\n <p class=\"text-muted\">LATEST NEWS<\/p>\r\n <p>Join us for the most anticipated alumni event of the year. Reconnect, network, and celebrate with your UMU family.<\/p>\r\n <a href=\"#\" class=\"btn btn-primary mt-3\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4\">\r\n <div class=\"connect-options h-100 fade-in delay-2\">\r\n <h3>Get Involved<\/h3>\r\n <p class=\"mb-4\">As an alumni, you're invited to reconnect through regional events, reunions, networking sessions, and faith-based gatherings. Stay involved: mentor a student, submit your story, or help build a stronger UMU alma mater.<\/p>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-download me-2\"><\/i> Download Form\r\n <\/a>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-handshake me-2\"><\/i> Join A Chapter\r\n <\/a>\r\n <a href=\"#\" class=\"connect-btn\">\r\n <i class=\"fas fa-gift me-2\"><\/i> Support UMUAA\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section class=\"contact-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title text-center mb-5 fade-in\">Get in Touch<\/h2>\r\n <div class=\"row\">\r\n <div class=\"col-lg-8\">\r\n <div class=\"contact-form fade-in\">\r\n <p class=\"mb-4\">Don't hesitate to contact us for any inquiries!<\/p>\r\n <div class=\"row\">\r\n <div class=\"col-md-6\">\r\n <input type=\"text\" class=\"form-control\" placeholder=\"First name*\">\r\n <\/div>\r\n <div class=\"col-md-6\">\r\n <input type=\"text\" class=\"form-control\" placeholder=\"Last name*\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"row\">\r\n <div class=\"col-md-6\">\r\n <input type=\"email\" class=\"form-control\" placeholder=\"Your email*\">\r\n <\/div>\r\n <div class=\"col-md-6\">\r\n <input type=\"tel\" class=\"form-control\" placeholder=\"Phone number*\">\r\n <\/div>\r\n <\/div>\r\n <textarea class=\"form-control\" rows=\"5\" placeholder=\"Message...\"><\/textarea>\r\n <button class=\"btn btn-primary w-100 mt-3\">Send Message<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-4\">\r\n <div class=\"contact-info fade-in delay-1\">\r\n <div class=\"contact-item d-flex\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5>24\/7 Hours<\/h5>\r\n <p>Customer Support<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item d-flex\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5>100% Satisfaction<\/h5>\r\n <p>Guarantee<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item d-flex\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5>+256 777-077-013<\/h5>\r\n <p>Call us anytime<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item d-flex\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5>alumni@umu.ac.ug<\/h5>\r\n <p>Email us for support<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item d-flex\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h5>Uganda Martyrs University<\/h5>\r\n <p>Nkozi, Mpigi District, Uganda<\/p>\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 <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n <script>\r\n \/\/ Add animation on scroll\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const fadeElements = document.querySelectorAll('.fade-in');\r\n \r\n const fadeInOnScroll = function() {\r\n fadeElements.forEach(element => {\r\n const elementTop = element.getBoundingClientRect().top;\r\n const elementVisible = 150;\r\n \r\n if (elementTop < window.innerHeight - elementVisible) {\r\n element.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n \/\/ Initial check\r\n fadeInOnScroll();\r\n \r\n \/\/ Check on scroll\r\n window.addEventListener('scroll', fadeInOnScroll);\r\n \r\n \/\/ Video play functionality\r\n const videoOverlay = document.querySelector('.video-overlay');\r\n const iframe = document.querySelector('iframe');\r\n \r\n if (videoOverlay) {\r\n videoOverlay.addEventListener('click', function() {\r\n const videoSrc = iframe.src;\r\n iframe.src = videoSrc + \"&autoplay=1\";\r\n videoOverlay.style.display = 'none';\r\n });\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UMUAA – Uganda Martyrs University Alumni Association Welcome To Uganda Martyrs University Alumni Association Connecting 30,000+ Alumni Worldwide The Uganda Martyrs University Alumni Association (UMUAA) is the official body representing […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/9","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":207,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":6793,"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/6793"}],"wp:attachment":[{"href":"https:\/\/umuaa.umu.ac.ug\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}