{"id":15,"date":"2026-06-16T18:39:20","date_gmt":"2026-06-16T18:39:20","guid":{"rendered":"https:\/\/isabella.mengossdit.com\/?page_id=15"},"modified":"2026-08-01T15:17:40","modified_gmt":"2026-08-01T15:17:40","slug":"home","status":"publish","type":"page","link":"https:\/\/isabella.mengossdit.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SchoolsUganda | Discover Uganda's Best Schools<\/title>\r\n <link rel=\"icon\" type=\"image\/png\" href=\"favicon.png\">\r\n <link rel=\"shortcut icon\" type=\"image\/png\" href=\"favicon.png\">\r\n <!-- Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <!-- Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --c-primary: #064e3b; \/* Deep Dark Green *\/\r\n --c-primary-light: #047857;\r\n --c-primary-dark: #022c22;\r\n --c-accent: #10b981; \/* Bright Emerald for pop *\/\r\n --c-bg: #ffffff;\r\n --c-surface: #f8fafc;\r\n --c-text: #0f172a;\r\n --c-text-muted: #64748b;\r\n --c-border: #e2e8f0;\r\n --font-main: 'Plus Jakarta Sans', sans-serif;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b1209a e-flex e-con-boxed e-con e-parent\" data-id=\"0b1209a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa6fb2f elementor-widget elementor-widget-html\" data-id=\"fa6fb2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<!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>SchoolsUganda | Discover Uganda's Best Schools<\/title>\r\n <link rel=\"icon\" type=\"image\/png\" href=\"favicon.png\">\r\n <link rel=\"shortcut icon\" type=\"image\/png\" href=\"favicon.png\">\r\n <!-- Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <!-- Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --c-primary: #064e3b; \/* Deep Dark Green *\/\r\n --c-primary-light: #047857;\r\n --c-primary-dark: #022c22;\r\n --c-accent: #10b981; \/* Bright Emerald for pop *\/\r\n --c-bg: #ffffff;\r\n --c-surface: #f8fafc;\r\n --c-text: #0f172a;\r\n --c-text-muted: #64748b;\r\n --c-border: #e2e8f0;\r\n --font-main: 'Plus Jakarta Sans', sans-serif;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\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: var(--font-main);\r\n background-color: var(--c-bg);\r\n color: var(--c-text);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac TOP NAVIGATION \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .navbar {\r\n background-color: var(--c-primary);\r\n color: #ffffff;\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: 0 4px 20px rgba(6, 78, 59, 0.15);\r\n }\r\n \r\n .nav-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n letter-spacing: -0.02em;\r\n }\r\n .nav-logo i {\r\n color: var(--c-accent);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n color: rgba(255, 255, 255, 0.75);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 15px;\r\n position: relative;\r\n padding: 8px 0;\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover, .nav-link.active {\r\n color: #ffffff;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background-color: var(--c-accent);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover::after, .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n\r\n .btn-login {\r\n color: rgba(255, 255, 255, 0.9);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 15px;\r\n padding: 10px 16px;\r\n transition: var(--transition);\r\n }\r\n .btn-login:hover {\r\n color: var(--c-accent);\r\n }\r\n\r\n .btn-primary {\r\n background-color: #ffffff;\r\n color: var(--c-primary);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 15px;\r\n padding: 12px 24px;\r\n border-radius: 99px;\r\n transition: var(--transition);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n color: var(--c-primary-dark);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links, .btn-login {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac PORTAL SECTION \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .portal-section {\r\n padding: 40px 24px 80px;\r\n background-color: var(--c-bg);\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .portal-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .portal-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .portal-card {\r\n background-color: var(--c-surface);\r\n border: 1px solid var(--c-border);\r\n border-radius: 24px;\r\n padding: 32px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: var(--transition);\r\n }\r\n .portal-card:hover {\r\n box-shadow: 0 12px 32px rgba(0,0,0,0.06);\r\n border-color: var(--c-accent);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .portal-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(16, 185, 129, 0.1);\r\n color: var(--c-accent);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac SOTW SECTION \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .sotw-section {\r\n padding: 40px 24px;\r\n background-color: var(--c-surface);\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac HERO \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .hero {\r\n background-color: var(--c-primary);\r\n color: white;\r\n text-align: center;\r\n padding: 60px 20px;\r\n margin-top: 70px; \/* Accounts for fixed navbar *\/\r\n }\r\n .hero-title {\r\n font-size: 52px;\r\n font-weight: 800;\r\n letter-spacing: -2px;\r\n margin-bottom: 16px;\r\n line-height: 1.1;\r\n }\r\n .hero-subtitle {\r\n font-size: 18px;\r\n color: #d1fae5;\r\n max-width: 600px;\r\n margin: 0 auto 32px;\r\n line-height: 1.6;\r\n }\r\n\r\n .search-wrapper {\r\n max-width: 800px;\r\n margin: 0 auto 24px;\r\n display: flex;\r\n background: white;\r\n padding: 8px;\r\n border-radius: 100px;\r\n align-items: center;\r\n }\r\n\r\n .search-icon {\r\n color: var(--c-text-muted);\r\n font-size: 20px;\r\n margin-left: 16px;\r\n }\r\n\r\n .search-input {\r\n flex: 1;\r\n border: none;\r\n padding: 16px 20px;\r\n font-size: 18px;\r\n outline: none;\r\n background: transparent;\r\n font-family: inherit;\r\n }\r\n\r\n .search-action {\r\n background-color: var(--c-accent);\r\n color: white;\r\n border: none;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n .search-action:hover {\r\n background-color: #059669;\r\n transform: scale(1.05);\r\n }\r\n\r\n .search-filters {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .filter-pill {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: white;\r\n padding: 6px 16px;\r\n border-radius: 100px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n .filter-pill:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n .portal-title {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n color: var(--c-primary);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .portal-excerpt {\r\n color: var(--c-text-muted);\r\n font-size: 14px;\r\n margin-bottom: 24px;\r\n line-height: 1.6;\r\n }\r\n\r\n .portal-link {\r\n margin-top: auto;\r\n color: var(--c-primary);\r\n font-weight: 700;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 14px;\r\n transition: var(--transition);\r\n }\r\n .portal-link:hover {\r\n color: var(--c-accent);\r\n gap: 12px;\r\n }\r\n\r\n .mini-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 16px 0;\r\n flex-grow: 1;\r\n }\r\n .event-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 12px 0;\r\n border-bottom: 1px solid var(--c-border);\r\n }\r\n .event-item:last-child {\r\n border-bottom: none;\r\n }\r\n .event-date {\r\n background: var(--c-surface);\r\n border-radius: 8px;\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n border: 1px solid var(--c-border);\r\n }\r\n .e-month {\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n color: var(--c-accent);\r\n line-height: 1;\r\n margin-bottom: 2px;\r\n }\r\n .e-day {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: var(--c-primary);\r\n line-height: 1;\r\n }\r\n .job-badge {\r\n background: rgba(16, 185, 129, 0.1);\r\n color: var(--c-primary);\r\n border: 1px solid rgba(16, 185, 129, 0.2);\r\n border-radius: 8px;\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 13px;\r\n font-weight: 800;\r\n }\r\n .event-details {\r\n overflow: hidden;\r\n }\r\n .e-title {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--c-text);\r\n margin-bottom: 4px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .e-school {\r\n font-size: 12px;\r\n color: var(--c-text-muted);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .e-school i {\r\n color: var(--c-accent);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .portal-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac DIRECTORY GRID \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .directory-section {\r\n padding: 60px 24px 100px;\r\n background-color: var(--c-surface);\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .directory-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .directory-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 32px;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n .directory-title {\r\n font-size: 1.75rem;\r\n font-weight: 800;\r\n color: var(--c-primary);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .directory-tabs {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n }\r\n .d-tab {\r\n padding: 6px 14px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--c-text-muted);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border-radius: 99px;\r\n text-decoration: none;\r\n border: 1px solid transparent;\r\n }\r\n .d-tab:hover, .d-tab.active {\r\n background-color: var(--c-primary);\r\n color: white;\r\n }\r\n\r\n .d-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .d-card {\r\n background: #ffffff;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n text-decoration: none;\r\n color: inherit;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .d-card:hover {\r\n border-color: transparent;\r\n box-shadow: 0 10px 28px rgba(6, 78, 59, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .d-card-accent {\r\n height: 3px;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n .d-card.level-0 .d-card-accent { background: linear-gradient(90deg, #ec4899, #f472b6); }\r\n .d-card.level-1 .d-card-accent { background: linear-gradient(90deg, #3b82f6, #60a5fa); }\r\n .d-card.level-2 .d-card-accent { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\r\n .d-card.level-3 .d-card-accent { background: linear-gradient(90deg, #6366f1, #818cf8); }\r\n .d-card.level-6 .d-card-accent { background: linear-gradient(90deg, #10b981, #34d399); }\r\n\r\n .d-card-body {\r\n padding: 14px 14px 12px;\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n }\r\n\r\n .d-card-top {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .d-card-avatar {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 8px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: white;\r\n }\r\n .d-card.level-0 .d-card-avatar { background: linear-gradient(135deg, #ec4899, #f472b6); }\r\n .d-card.level-1 .d-card-avatar { background: linear-gradient(135deg, #3b82f6, #60a5fa); }\r\n .d-card.level-2 .d-card-avatar { background: linear-gradient(135deg, #f59e0b, #fbbf24); }\r\n .d-card.level-3 .d-card-avatar { background: linear-gradient(135deg, #6366f1, #818cf8); }\r\n .d-card.level-6 .d-card-avatar { background: linear-gradient(135deg, #10b981, #34d399); }\r\n\r\n .d-card-info {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .d-card-level {\r\n display: inline-block;\r\n font-size: 8px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n padding: 1px 6px;\r\n border-radius: 3px;\r\n margin-bottom: 4px;\r\n }\r\n .d-card.level-0 .d-card-level { background: #fdf2f8; color: #be185d; }\r\n .d-card.level-1 .d-card-level { background: #eff6ff; color: #1d4ed8; }\r\n .d-card.level-2 .d-card-level { background: #fffbeb; color: #b45309; }\r\n .d-card.level-3 .d-card-level { background: #eef2ff; color: #4338ca; }\r\n .d-card.level-6 .d-card-level { background: #ecfdf5; color: #047857; }\r\n\r\n .d-card-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--c-text);\r\n line-height: 1.2;\r\n margin-bottom: 3px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .d-card-location {\r\n font-size: 11px;\r\n color: var(--c-text-muted);\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n }\r\n .d-card-location i { font-size: 9px; }\r\n\r\n .d-card-tags {\r\n display: flex;\r\n gap: 4px;\r\n flex-wrap: wrap;\r\n }\r\n .d-card-tag {\r\n font-size: 9px;\r\n font-weight: 600;\r\n padding: 2px 6px;\r\n border-radius: 3px;\r\n background: var(--c-bg);\r\n color: var(--c-text-muted);\r\n border: 1px solid var(--c-border);\r\n }\r\n\r\n .d-card-footer {\r\n padding: 8px 14px;\r\n border-top: 1px solid var(--c-border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: auto;\r\n }\r\n\r\n .d-card-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1px;\r\n font-size: 10px;\r\n color: var(--c-text-muted);\r\n min-width: 0;\r\n }\r\n .d-card-contact span {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .d-card-contact i { width: 12px; color: var(--c-primary); text-align: center; margin-right: 2px; font-size: 9px; }\r\n\r\n .d-card-cta {\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: var(--c-primary);\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n flex-shrink: 0;\r\n transition: 0.2s;\r\n }\r\n .d-card:hover .d-card-cta { color: var(--c-accent); gap: 6px; }\r\n\r\n @media (max-width: 1024px) {\r\n .d-grid { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n @media (max-width: 768px) {\r\n .d-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n .directory-header { flex-direction: column; align-items: flex-start; }\r\n .directory-title { font-size: 1.4rem; }\r\n }\r\n @media (max-width: 480px) {\r\n .d-grid { grid-template-columns: 1fr; }\r\n }\r\n background: rgba(245, 158, 11, 0.1);\r\n padding: 4px 8px;\r\n border-radius: 6px;\r\n font-size: 11px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac FOOTER \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .site-footer {\r\n background-color: var(--c-primary);\r\n color: #ecfdf5;\r\n padding: 32px 5% 24px;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n margin-top: 0;\r\n box-shadow: 0 -4px 20px rgba(6, 78, 59, 0.15);\r\n }\r\n .footer-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 60px;\r\n }\r\n .footer-brand h2 {\r\n color: white;\r\n font-size: 28px;\r\n font-weight: 800;\r\n margin-bottom: 16px;\r\n letter-spacing: -1px;\r\n }\r\n .footer-brand p {\r\n color: #a7f3d0;\r\n font-size: 14px;\r\n line-height: 1.8;\r\n max-width: 80%;\r\n }\r\n .footer-title {\r\n color: white;\r\n font-size: 14px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n }\r\n .footer-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n .footer-links a {\r\n color: #a7f3d0;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.2s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .footer-links a:hover {\r\n color: var(--c-accent);\r\n transform: translateX(4px);\r\n }\r\n .footer-bottom {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n border-top: 1px solid rgba(167, 243, 208, 0.15);\r\n padding-top: 30px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 13px;\r\n color: #6ee7b7;\r\n }\r\n .footer-social {\r\n display: flex;\r\n gap: 20px;\r\n }\r\n .footer-social a {\r\n color: #6ee7b7;\r\n font-size: 18px;\r\n transition: all 0.2s ease;\r\n }\r\n .footer-social a:hover {\r\n color: white;\r\n transform: translateY(-2px);\r\n }\r\n @media (max-width: 768px) {\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .footer-brand p {\r\n max-width: 100%;\r\n }\r\n .footer-bottom {\r\n flex-direction: column;\r\n gap: 20px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac SOTW GRID \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .sotw-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .sotw-card {\r\n background: #ffffff;\r\n border: 1px solid var(--c-border);\r\n border-radius: 16px;\r\n padding: 24px 16px;\r\n text-align: center;\r\n text-decoration: none;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: var(--transition);\r\n }\r\n .sotw-card:hover {\r\n border-color: var(--c-accent);\r\n box-shadow: 0 8px 24px rgba(6, 78, 59, 0.08);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .sotw-level {\r\n font-size: 11px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .sotw-name {\r\n font-size: 15px;\r\n font-weight: 800;\r\n color: var(--c-text);\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n text-align: center;\r\n }\r\n\r\n .sotw-stats {\r\n margin-top: 16px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n text-align: left;\r\n border-top: 1px solid var(--c-border);\r\n padding-top: 16px;\r\n }\r\n .s-stat {\r\n font-size: 11px;\r\n color: var(--c-text);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .s-stat i {\r\n width: 14px;\r\n text-align: center;\r\n }\r\n\r\n \/* Themes *\/\r\n .sotw-theme-nursery .sotw-level { color: #ec4899; }\r\n .sotw-theme-nursery .s-stat i { color: #ec4899; }\r\n .sotw-theme-nursery:hover { border-color: #ec4899; box-shadow: 0 8px 24px rgba(236, 72, 153, 0.15); }\r\n\r\n .sotw-theme-primary .sotw-level { color: #3b82f6; }\r\n .sotw-theme-primary .s-stat i { color: #3b82f6; }\r\n .sotw-theme-primary:hover { border-color: #3b82f6; box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15); }\r\n\r\n .sotw-theme-secondary .sotw-level { color: #10b981; }\r\n .sotw-theme-secondary .s-stat i { color: #10b981; }\r\n .sotw-theme-secondary:hover { border-color: #10b981; box-shadow: 0 8px 24px rgba(16, 185, 129, 0.15); }\r\n\r\n .sotw-theme-voc .sotw-level { color: #f59e0b; }\r\n .sotw-theme-voc .s-stat i { color: #f59e0b; }\r\n .sotw-theme-voc:hover { border-color: #f59e0b; box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15); }\r\n\r\n .sotw-theme-intl .sotw-level { color: #4f46e5; }\r\n .sotw-theme-intl .s-stat i { color: #4f46e5; }\r\n .sotw-theme-intl:hover { border-color: #4f46e5; box-shadow: 0 8px 24px rgba(79, 70, 229, 0.15); }\r\n\r\n @media (max-width: 1200px) {\r\n .sotw-grid { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n @media (max-width: 768px) {\r\n .sotw-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 600px) {\r\n .sotw-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac HERO TYPOGRAPHY \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .hero-section {\r\n padding: 60px 24px 40px;\r\n display: flex;\r\n justify-content: center;\r\n background-color: var(--c-bg);\r\n }\r\n\r\n .hero-container {\r\n max-width: 900px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.5rem, 4.5vw, 4rem);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -0.03em;\r\n color: var(--c-primary);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .text-accent {\r\n color: var(--c-accent);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--c-text-muted);\r\n max-width: 600px;\r\n margin: 0 auto 40px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u00e2\u201d\u20ac\u00e2\u201d\u20ac MINIMALIST SEARCH \u00e2\u201d\u20ac\u00e2\u201d\u20ac *\/\r\n .search-wrapper {\r\n position: relative;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n transition: max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n .search-wrapper:focus-within {\r\n max-width: 700px;\r\n }\r\n\r\n .search-input {\r\n width: 100%;\r\n background: transparent;\r\n border: none;\r\n border-bottom: 3px solid var(--c-border);\r\n padding: 16px 60px 16px 50px;\r\n font-size: 24px;\r\n font-weight: 600;\r\n font-family: var(--font-main);\r\n color: var(--c-primary);\r\n outline: none;\r\n transition: border-color 0.3s ease;\r\n }\r\n .search-input::placeholder {\r\n color: #94a3b8;\r\n font-weight: 500;\r\n }\r\n .search-input:focus {\r\n border-bottom-color: var(--c-accent);\r\n }\r\n\r\n .search-icon {\r\n position: absolute;\r\n left: 12px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 24px;\r\n color: #94a3b8;\r\n transition: color 0.3s ease;\r\n }\r\n .search-input:focus ~ .search-icon, \r\n .search-wrapper:focus-within .search-icon {\r\n color: var(--c-accent);\r\n }\r\n\r\n .search-action {\r\n position: absolute;\r\n right: 12px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: var(--c-primary);\r\n color: white;\r\n border: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n opacity: 0;\r\n visibility: hidden;\r\n box-shadow: 0 4px 12px rgba(6, 78, 59, 0.2);\r\n }\r\n .search-wrapper:focus-within .search-action {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .search-action:hover {\r\n background: var(--c-accent);\r\n transform: translateY(-50%) scale(1.05);\r\n }\r\n\r\n .search-filters {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 40px;\r\n }\r\n .filter-pill {\r\n padding: 8px 16px;\r\n border-radius: 99px;\r\n background: var(--c-surface);\r\n color: var(--c-text-muted);\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: 1px solid var(--c-border);\r\n }\r\n .filter-pill:hover {\r\n border-color: var(--c-accent);\r\n color: var(--c-accent);\r\n background: #ffffff;\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);\r\n }\r\n \/* Modal Styles *\/\r\n .modal-overlay {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px);\r\n display: none; justify-content: center; align-items: center;\r\n z-index: 9999; opacity: 0; transition: opacity 0.3s;\r\n }\r\n .modal-overlay.active { display: flex; opacity: 1; }\r\n .modal-content {\r\n background: var(--c-bg); width: 90%; max-width: 500px;\r\n border-radius: 12px; padding: 24px; position: relative;\r\n transform: translateY(20px); transition: transform 0.3s;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n border: 1px solid var(--c-border);\r\n }\r\n .modal-overlay.active .modal-content { transform: translateY(0); }\r\n .modal-close {\r\n position: absolute; top: 16px; right: 16px;\r\n background: rgba(255,255,255,0.05); border: none; color: var(--c-text-muted);\r\n width: 32px; height: 32px; border-radius: 50%;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.2s;\r\n }\r\n .modal-close:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; }\r\n .modal-container {\r\n background: var(--c-bg); width: 100%; max-width: 1100px;\r\n max-height: 90vh; border-radius: 16px; overflow: hidden;\r\n display: flex; flex-direction: column;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: translateY(20px); transition: transform 0.3s ease;\r\n }\r\n .modal-overlay.active .modal-container { transform: translateY(0); }\r\n \r\n .modal-header {\r\n padding: 24px 32px; background: var(--c-surface); border-bottom: 1px solid var(--c-border);\r\n display: flex; justify-content: space-between; align-items: flex-start;\r\n }\r\n .modal-title-wrapper { flex: 1; }\r\n .modal-job-title { font-size: 28px; font-weight: 800; color: var(--c-text); line-height: 1.2; margin-bottom: 8px; letter-spacing: -0.5px; }\r\n .modal-school-info { display: flex; align-items: center; gap: 8px; color: var(--c-text-muted); font-weight: 600; font-size: 15px; }\r\n .modal-school-info i { color: var(--c-primary); }\r\n \r\n .modal-close {\r\n background: var(--c-bg); border: 1px solid var(--c-border); width: 40px; height: 40px;\r\n border-radius: 50%; display: flex; justify-content: center; align-items: center;\r\n color: var(--c-text-muted); font-size: 18px; cursor: pointer; transition: 0.2s; flex-shrink: 0;\r\n }\r\n .modal-close:hover { background: var(--c-danger-bg); color: var(--c-danger); border-color: rgba(239,68,68,0.2); }\r\n\r\n .modal-body {\r\n padding: 32px; overflow-y: auto;\r\n display: grid; grid-template-columns: 1fr 340px; gap: 32px; align-items: start;\r\n }\r\n\r\n .m-content-card { background: var(--c-surface); border-radius: 12px; padding: 32px; border: 1px solid var(--c-border); margin-bottom: 24px; }\r\n .m-section-title { font-size: 18px; font-weight: 800; color: var(--c-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--c-border); display: flex; align-items: center; gap: 10px; }\r\n .m-section-title i { color: var(--c-accent); }\r\n .rich-text { font-size: 15px; color: var(--c-text); line-height: 1.8; }\r\n .rich-text p { margin-bottom: 16px; }\r\n\r\n .m-apply-block { background: rgba(16, 185, 129, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); border-radius: 12px; padding: 24px; margin-top: 32px; text-align: center; }\r\n .m-apply-text { font-size: 14px; font-weight: 600; color: var(--c-primary); margin-bottom: 16px; }\r\n .m-btn-apply { display: inline-flex; align-items: center; gap: 8px; background: var(--c-primary); color: white; padding: 14px 28px; border-radius: 8px; font-weight: 800; text-decoration: none; transition: 0.2s; font-size: 15px; }\r\n .m-btn-apply:hover { background: var(--c-primary-light); transform: translateY(-2px); box-shadow: 0 8px 16px rgba(6, 78, 59, 0.15); }\r\n\r\n \/* Modal Sidebar Widgets *\/\r\n .m-widget { background: var(--c-surface); border-radius: 12px; padding: 24px; border: 1px solid var(--c-border); margin-bottom: 24px; }\r\n .m-widget-title { font-size: 14px; font-weight: 800; color: var(--c-text); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }\r\n .m-widget-title i { color: var(--c-text-muted); }\r\n .m-info-list { display: flex; flex-direction: column; gap: 16px; }\r\n .m-info-item { display: flex; flex-direction: column; gap: 4px; }\r\n .m-info-label { font-size: 10px; font-weight: 800; color: var(--c-text-muted); text-transform: uppercase; letter-spacing: 0.5px; }\r\n .m-info-val { font-size: 14px; font-weight: 700; color: var(--c-text); display: flex; align-items: center; gap: 8px; }\r\n .m-info-val i { color: var(--c-primary); width: 14px; text-align: center; }\r\n .m-val-highlight { color: var(--c-accent); font-size: 18px; }\r\n .m-val-danger { color: var(--c-danger); }\r\n .m-btn-profile { width: 100%; padding: 12px; background: white; border: 1px solid var(--c-accent); color: var(--c-primary); border-radius: 8px; font-weight: 800; font-size: 13px; cursor: pointer; transition: 0.2s; margin-top: 16px; }\r\n .m-btn-profile:hover { background: var(--c-primary); color: white; }\r\n\r\n .m-widget-safety { background: var(--c-danger-bg); border-color: rgba(239, 68, 68, 0.2); }\r\n .m-safety-title { color: var(--c-danger); font-size: 12px; font-weight: 800; display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }\r\n .m-safety-text { font-size: 11px; color: #991b1b; font-style: italic; line-height: 1.5; font-weight: 600; }\r\n\r\n\r\n @media (max-width: 900px) {\r\n .directory-container { grid-template-columns: 1fr; }\r\n .filter-sidebar { position: static; margin-bottom: 20px; }\r\n }\r\n @media (max-width: 768px) {\r\n .nav-links, .btn-login { display: none; }\r\n .nav-actions { gap: 8px; }\r\n .nav-logo { font-size: 20px; }\r\n .btn-primary { padding: 8px 16px; font-size: 12px; }\r\n .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }\r\n }\r\n @media (max-width: 900px) {\r\n .modal-body { grid-template-columns: 1fr; }\r\n }\r\n @media (max-width: 600px) {\r\n .modal-container { border-radius: 0; max-height: 100vh; height: 100vh; }\r\n .modal-header { padding: 16px 20px; }\r\n .modal-body { padding: 16px; gap: 16px; }\r\n .m-content-card, .m-widget { padding: 16px; margin-bottom: 16px; }\r\n .modal-job-title { font-size: 20px; }\r\n }\r\n\r\n \/* \u2500\u2500 TRENDING SCHOOLS \u2500\u2500 *\/\r\n .trending-section {\r\n padding: 48px 24px;\r\n background: var(--c-bg);\r\n }\r\n .trending-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n .trending-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 24px;\r\n }\r\n .trending-header h2 {\r\n font-size: 1.75rem;\r\n font-weight: 800;\r\n color: var(--c-text);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n .trending-header h2 i {\r\n color: #f97316;\r\n }\r\n .trending-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n }\r\n .t-card {\r\n background: var(--c-bg);\r\n border: 1px solid var(--c-border);\r\n border-radius: 12px;\r\n padding: 20px;\r\n text-decoration: none;\r\n color: var(--c-text);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .t-card:hover {\r\n border-color: var(--c-accent);\r\n box-shadow: 0 8px 24px rgba(16, 185, 129, 0.1);\r\n transform: translateY(-2px);\r\n }\r\n .t-badge {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: linear-gradient(135deg, #f97316, #ef4444);\r\n color: white;\r\n font-size: 10px;\r\n font-weight: 800;\r\n padding: 4px 8px;\r\n border-radius: 6px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .t-badge i {\r\n margin-right: 3px;\r\n }\r\n .t-level {\r\n font-size: 10px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: var(--c-accent);\r\n background: rgba(16, 185, 129, 0.08);\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n }\r\n .t-name {\r\n font-size: 15px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin-bottom: 8px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n .t-location {\r\n font-size: 12px;\r\n color: var(--c-text-muted);\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n .t-stats {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 12px;\r\n color: var(--c-text-muted);\r\n }\r\n .t-stat {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n .t-stat i {\r\n font-size: 11px;\r\n }\r\n .t-stat.views i { color: #6366f1; }\r\n .t-stat.stars i { color: #f59e0b; }\r\n .t-stat.reviews i { color: var(--c-accent); }\r\n\r\n @media (max-width: 1024px) {\r\n .trending-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 600px) {\r\n .trending-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- TOP MENU -->\r\n <nav class=\"navbar\">\r\n <div class=\"nav-container\">\r\n <!-- Logo -->\r\n <a href=\"index.php\" class=\"nav-logo\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n SchoolsUganda\r\n <\/a>\r\n\r\n <!-- Links -->\r\n <div class=\"nav-links\">\r\n <a href=\"index.php\" class=\"nav-link active\">Home<\/a>\r\n <a href=\"school_listing.php\" class=\"nav-link\">Find a School<\/a>\r\n <a href=\"events.php\" class=\"nav-link\">Events<\/a>\r\n <a href=\"jobs.php\" class=\"nav-link\">Jobs<\/a>\r\n <\/div>\r\n\r\n <!-- Actions -->\r\n <div class=\"nav-actions\">\r\n <a href=\"#\" onclick=\"openLoginModal(event)\" class=\"btn-login\">Log In<\/a>\r\n <a href=\"register_school.php\" class=\"btn-primary\">\r\n Register School\r\n <i class=\"fas fa-arrow-right\" style=\"font-size: 12px;\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- TYPOGRAPHIC HERO -->\r\n <main class=\"hero-section\">\r\n <div class=\"hero-container\">\r\n <h1 class=\"hero-title\">\r\n Find the right school.<br>\r\n <span class=\"text-accent\">Build the right future.<\/span>\r\n <\/h1>\r\n <p class=\"hero-subtitle\">\r\n Search through 20,083+ verified primary, secondary, vocational, and international institutions across Uganda.\r\n <\/p>\r\n \r\n <div class=\"search-wrapper\">\r\n <i class=\"fas fa-search search-icon\"><\/i>\r\n <input type=\"text\" id=\"heroSearchInput\" class=\"search-input\" placeholder=\"Type a school, district, or level...\" autocomplete=\"off\">\r\n <button id=\"heroSearchBtn\" class=\"search-action\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n \r\n <div class=\"search-filters\">\r\n <span class=\"filter-pill\" onclick=\"doSearch('Kampala')\">Kampala<\/span>\r\n <span class=\"filter-pill\" onclick=\"doSearch('Wakiso')\">Wakiso<\/span>\r\n <span class=\"filter-pill\" onclick=\"doSearch('Boarding')\">Boarding<\/span>\r\n <span class=\"filter-pill\" onclick=\"doSearch('International')\">International<\/span>\r\n <span class=\"filter-pill\" onclick=\"doSearch('Vocational')\">Vocational<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n\r\n <!-- SCHOOLS OF THE WEEK -->\r\n <section class=\"sotw-section\" style=\"padding: 60px 24px; background-color: var(--c-surface);\">\r\n <div class=\"directory-container\" style=\"margin: 0 auto; max-width: 1200px;\">\r\n <div class=\"directory-header\" style=\"margin-bottom: 32px;\">\r\n <h2 class=\"directory-title\" style=\"font-size: 1.75rem;\">Schools of the Week<\/h2>\r\n <\/div>\r\n <div class=\"sotw-grid\">\r\n \r\n <a href=\"school.php?id=11735\" class=\"sotw-card sotw-theme-primary\">\r\n <span class=\"sotw-level\">Primary<\/span>\r\n <h3 class=\"sotw-name\">DESTINED KIDS PRIMARY SCHOOL<\/h3>\r\n <div class=\"sotw-stats\">\r\n <div class=\"s-stat\"><i class=\"fas fa-map-marker-alt\"><\/i> LUWEERO<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-phone-alt\"><\/i> 0772655073<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-envelope\"><\/i> destinedkidsprimaryschool@gmail.com<\/div> <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=15938\" class=\"sotw-card sotw-theme-secondary\">\r\n <span class=\"sotw-level\">Secondary<\/span>\r\n <h3 class=\"sotw-name\">KATWE NOOR SECONDARY SCHOOL<\/h3>\r\n <div class=\"sotw-stats\">\r\n <div class=\"s-stat\"><i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-phone-alt\"><\/i> 0772591988<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-envelope\"><\/i> katwenoor.ss@gmail.com<\/div> <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35182\" class=\"sotw-card sotw-theme-voc\">\r\n <span class=\"sotw-level\">Vocational<\/span>\r\n <h3 class=\"sotw-name\">Kabalega College Masindi<\/h3>\r\n <div class=\"sotw-stats\">\r\n <div class=\"s-stat\"><i class=\"fas fa-map-marker-alt\"><\/i> MASINDI<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-phone-alt\"><\/i> 07798918801<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-envelope\"><\/i> kabcollmsg@yahoo.com<\/div> <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35180\" class=\"sotw-card sotw-theme-voc\">\r\n <span class=\"sotw-level\">Tertiary<\/span>\r\n <h3 class=\"sotw-name\">Masaka School of Nursing and Health Sciences<\/h3>\r\n <div class=\"sotw-stats\">\r\n <div class=\"s-stat\"><i class=\"fas fa-map-marker-alt\"><\/i> MASAKA<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-phone-alt\"><\/i> +256 394 801 387<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-envelope\"><\/i> info@mashs.ac.ug<\/div> <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35144\" class=\"sotw-card sotw-theme-intl\">\r\n <span class=\"sotw-level\">International<\/span>\r\n <h3 class=\"sotw-name\">Urithi International Christian School<\/h3>\r\n <div class=\"sotw-stats\">\r\n <div class=\"s-stat\"><i class=\"fas fa-map-marker-alt\"><\/i> MUKONO<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-phone-alt\"><\/i> +256785038368<\/div>\r\n <div class=\"s-stat\"><i class=\"fas fa-envelope\"><\/i> urithiinternationalchristian@gmail.com<\/div> <div class=\"s-stat\"><i class=\"fas fa-globe\"><\/i> https:\/\/urithiinternationalchristianschool.com\/<\/div> <\/div>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TRENDING SCHOOLS -->\r\n <section class=\"trending-section\">\r\n <div class=\"trending-container\">\r\n <div class=\"trending-header\">\r\n <h2><i class=\"fas fa-fire\"><\/i> Trending Schools<\/h2>\r\n <a href=\"school_listing.php?sort=clicks\" style=\"color: var(--c-accent); text-decoration: none; font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 6px;\">View All <i class=\"fas fa-arrow-right\" style=\"font-size: 12px;\"><\/i><\/a>\r\n <\/div>\r\n <div class=\"trending-grid\">\r\n <a href=\"school.php?id=35115\" class=\"t-card\" onclick=\"trackClick('school', 35115)\">\r\n <span class=\"t-badge\"><i class=\"fas fa-fire\"><\/i> Hot<\/span>\r\n <span class=\"t-level\">International<\/span>\r\n <h3 class=\"t-name\">Pine International School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> KIRA M\/C<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 442 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=11735\" class=\"t-card\" onclick=\"trackClick('school', 11735)\">\r\n <span class=\"t-badge\"><i class=\"fas fa-fire\"><\/i> Hot<\/span>\r\n <span class=\"t-level\">Primary<\/span>\r\n <h3 class=\"t-name\">DESTINED KIDS PRIMARY SCHOOL<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> LUWEERO<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 187 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35151\" class=\"t-card\" onclick=\"trackClick('school', 35151)\">\r\n <span class=\"t-badge\"><i class=\"fas fa-fire\"><\/i> Hot<\/span>\r\n <span class=\"t-level\">International<\/span>\r\n <h3 class=\"t-name\">Victor Krown International School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> WAKISO<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 115 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35194\" class=\"t-card\" onclick=\"trackClick('school', 35194)\">\r\n <span class=\"t-level\">International<\/span>\r\n <h3 class=\"t-name\">Strata International School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> WAKISO<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 87 views<\/span>\r\n <span class=\"t-stat stars\"><i class=\"fas fa-star\"><\/i> 4.0<\/span>\r\n <span class=\"t-stat reviews\"><i class=\"fas fa-comment\"><\/i> 1<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35144\" class=\"t-card\" onclick=\"trackClick('school', 35144)\">\r\n <span class=\"t-level\">International<\/span>\r\n <h3 class=\"t-name\">Urithi International Christian School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> MUKONO<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 86 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35127\" class=\"t-card\" onclick=\"trackClick('school', 35127)\">\r\n <span class=\"t-level\">Vocational<\/span>\r\n <h3 class=\"t-name\">Ruharo Vocational Training School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> MBARARA<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 77 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35163\" class=\"t-card\" onclick=\"trackClick('school', 35163)\">\r\n <span class=\"t-level\">International<\/span>\r\n <h3 class=\"t-name\">Sic\u00f3moro International School<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> MAKINDYE SSABAGABO M\/C<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 69 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=15938\" class=\"t-card\" onclick=\"trackClick('school', 15938)\">\r\n <span class=\"t-level\">Secondary<\/span>\r\n <h3 class=\"t-name\">KATWE NOOR SECONDARY SCHOOL<\/h3>\r\n <div class=\"t-location\"><i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA<\/div>\r\n <div class=\"t-stats\">\r\n <span class=\"t-stat views\"><i class=\"fas fa-eye\"><\/i> 68 views<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n<!-- VALUE-FIRST PORTAL -->\r\n <section class=\"portal-section\">\r\n <div class=\"portal-container\">\r\n <div class=\"portal-grid\">\r\n \r\n <!-- Events Column -->\r\n <div class=\"portal-card\">\r\n <div class=\"portal-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n <h2 class=\"portal-title\">School Events<\/h2>\r\n <ul class=\"mini-list\">\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openEventModal('September Intake Open Now', 'CHUM INTERNATIONAL SCHOOL', 'August 1, 2026', 'KG1, KG2, reception available', 'School Event', 104, 35159)\">\r\n <div class=\"event-date\">\r\n <span class=\"e-month\">Aug<\/span>\r\n <span class=\"e-day\">01<\/span>\r\n <\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">September Intake Open Now<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> CHUM INTERNATIONAL SCHOOL<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openEventModal('ISU Alumni Picnic', 'The International School of Uganda', 'August 1, 2026', 'Venue: ISU Amphitheatre\\\\r\\\\n Time: 1:00 pm - 4:00 pm', 'School Event', 111, 35196)\">\r\n <div class=\"event-date\">\r\n <span class=\"e-month\">Aug<\/span>\r\n <span class=\"e-day\">01<\/span>\r\n <\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">ISU Alumni Picnic<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> The International School of Uganda<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openEventModal('Cultural day', 'BLUE PRINT JUNIOR SCHOOL', 'August 1, 2026', 'theme: celebrating culture and building unity', 'School Event', 124, 13979)\">\r\n <div class=\"event-date\">\r\n <span class=\"e-month\">Aug<\/span>\r\n <span class=\"e-day\">01<\/span>\r\n <\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">Cultural day<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> BLUE PRINT JUNIOR SCHOOL<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openEventModal('School Fundraising', 'KASULE HIGH SCHOOL', 'August 2, 2026', 'Fundraise for Sheik Ahmed Mukasa learning block', 'School Event', 125, 18504)\">\r\n <div class=\"event-date\">\r\n <span class=\"e-month\">Aug<\/span>\r\n <span class=\"e-day\">02<\/span>\r\n <\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">School Fundraising<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> KASULE HIGH SCHOOL<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"portal-link\">View Full Calendar <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n\r\n <!-- Jobs Column -->\r\n <div class=\"portal-card\">\r\n <div class=\"portal-icon\"><i class=\"fas fa-briefcase\"><\/i><\/div>\r\n <h2 class=\"portal-title\">Latest Jobs<\/h2>\r\n <ul class=\"mini-list\">\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openJobModal(this); return false;\" data-job='{"id":24,"school_id":35193,"title":"Home room teachers","description":"We are looking for professionals to fill the position as Home room teachers","requirements":"Visit and fill in the form on the school website","salary_range":"","deadline":"2026-08-20","status":"active","created_at":"2026-07-31 05:49:37","schoolName":"The Pearl International Islamic School","districtName":"ENTEBBE","location":"Sekiwunga, Ssisa Sub county","SchLevel":"3","UnebstationCode":"","email":"info@thepearliis.ac.ug","contact1":"+256 393 002286 "}'>\r\n <div class=\"job-badge\">HOM<\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">Home room teachers<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> The Pearl International Islamic School<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openJobModal(this); return false;\" data-job='{"id":23,"school_id":35194,"title":"September Intake Recruitment ","description":"We are hiring teachers for the start of our September Intake (Cambridge)\\r\\nSubjects affected:\\r\\nMathematics\\r\\nEnglish\\r\\nPhysics\\r\\nBiology\\r\\nChemistry\\r\\nComputer Science\\r\\nMusic\\r\\nGeography\\r\\nICT","requirements":"To apply, please email your CV and cover letter to hr@stratainternationalschool.ac.ug. Ensure the exact job title you are applying for is clearly stated in the email subject line.","salary_range":"","deadline":"2026-08-20","status":"active","created_at":"2026-07-21 06:09:23","schoolName":"Strata International School","districtName":"WAKISO","location":"Mbalwa - Namugongo","SchLevel":"3","UnebstationCode":"","email":"info@stratainternationalschool.ac.ug","contact1":"+25670951365"}'>\r\n <div class=\"job-badge\">SEP<\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">September Intake Recruitment <\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> Strata International School<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openJobModal(this); return false;\" data-job='{"id":22,"school_id":35121,"title":"GIS Talent pool 2026","description":"Galaxy International School Limited (GIS Ltd) seeks dynamic candidates aligned with our mission, vision and values to join our team. Candidates whose profiles are complete will be matched directly from our talent pool.\\r\\nGIS Ltd is a private company that owns both national and international schools in Uganda.\\r\\nGIS Ltd is encouraging applicants who have a desire to join us to submit their profile through the GIS Talent Pool 2026 application.\\r\\n1. Comprehensive background check will be conducted on successful candidates.\\r\\n2. All applicants are required to have the academic qualification and work experience for the position they apply for.\\r\\n3. We are an equal opportunities employer that is committed to achieving equal opportunity for all.\\r\\nApplication closes on 31 August 2026\\r\\n","requirements":"Application link: https:\\\/\\\/forms.gle\\\/PVNzWkhGnmrB3eXZ6 ","salary_range":"","deadline":"2026-10-31","status":"active","created_at":"2026-07-19 06:52:37","schoolName":"Galaxy International School Uganda","districtName":"MAKINDYE SSABAGABO M\\\/C","location":"Lubowa Estate","SchLevel":"3","UnebstationCode":"","email":"info@gisu.ac.ug","contact1":"+256781468000"}'>\r\n <div class=\"job-badge\">GIS<\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">GIS Talent pool 2026<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> Galaxy International School Uganda<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"cursor: pointer; transition: transform 0.2s; background: rgba(255,255,255,0.03);\" onmouseover=\"this.style.background='rgba(255,255,255,0.06)';\" onmouseout=\"this.style.background='rgba(255,255,255,0.03)';\" onclick=\"openJobModal(this); return false;\" data-job='{"id":21,"school_id":35137,"title":"Elementary Teacher","description":"School Year Runs August- June\\r\\n\\r\\n\\r\\n\\r\\nJoin Heritage International School\\r\\nAre you passionate about shaping the next generation in a dynamic and inclusive learning environment? Do you thrive in an international setting, driven by a commitment to Christ-centered education? If so, we invite you to become part of our diverse and vibrant community at Heritage International School in Kampala, Uganda.\\r\\n\\r\\n\\r\\n\\r\\nWho We Are\\r\\nHeritage International School is a Christ-centered learning community that fosters academic excellence, servant leadership, and a love for lifelong learning. Our diverse team of educators is committed to inspiring students to achieve their full potential within a supportive and inclusive environment.\\r\\n\\r\\n\\r\\n\\r\\nPersonal Qualities We Value\\r\\n\\r\\nA personal commitment to Christ and Bible-based Christian living\\r\\nLeadership qualities that inspire others to Christian faith and commitment\\r\\nA positive academic mindset and a passion for creating a love of learning\\r\\nStrong communication and interpersonal skills with a sense of adventure\\r\\nFlexibility, resilience, and a proactive approach to challenges\\r\\nTeam-oriented with effective time management skills\\r\\n\\r\\n\\r\\nYour Responsibilities\\r\\n\\r\\nGeneral Duties:\\r\\n\\r\\nPromote equality and inclusion within a diverse classroom environment\\r\\nFoster a safe, dynamic, and emotionally supportive learning space\\r\\nInspire students with a passion for learning and personal growth\\r\\nManage behavior fairly and consistently in line with our policies\\r\\nUse data-driven assessment to inform teaching and maximize student progress\\r\\nCollaborate with colleagues to deliver a creative and stimulating curriculum\\r\\nBuild positive partnerships with parents and engage them in their child\\u2019s learning\\r\\nTeaching and Learning:\\r\\n\\r\\nDeliver outstanding teaching that creates a calm, purposeful learning environment\\r\\nCollaborate with the Elementary team to enhance the curriculum and teaching spaces\\r\\nMeet the requirements of assessment and moderation to ensure high academic standards\\r\\nCommunication:\\r\\n\\r\\nMaintain positive professional relationships with colleagues, parents, and the community\\r\\nAttend and contribute to divisional meetings\\r\\nKeep parents informed about their child's progress and the Elementary curriculum\\r\\nProfessional Development:\\r\\n\\r\\nSet and pursue professional goals annually\\r\\nActively participate in professional development, workshops, and conferences\\r\\nStay current with developments in technology, pedagogy, and educational theory\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\nWhy Join Us?\\r\\n\\r\\nBe part of an inclusive, mission-driven international school community\\r\\nEngage in meaningful professional development and growth opportunities\\r\\nExperience life in the vibrant city of Kampala, Uganda, with a rich cultural backdrop\\r\\nContribute to a positive, Christ-centered environment that impacts lives","requirements":"A minimum of a Bachelor\\u2019s degree (teaching certificates preferred)\\r\\nInternational teaching experience or training is highly desirable\\r\\nStrong knowledge of child development and Elementary-level curriculum\\r\\nDemonstrated respect for diversity in culture, religion, and Christian traditions\\r\\nExcellent communication skills in English and proficiency with G Suite tools\\r\\nEvidence of recent professional growth\\r\\nVisit https:\\\/\\\/heritageis.bamboohr.com\\\/careers\\\/75","salary_range":"","deadline":"2026-08-01","status":"active","created_at":"2026-07-18 22:12:24","schoolName":"Heritage International School","districtName":"KAMPALA","location":"Kiwafu Cresent","SchLevel":"3","UnebstationCode":"","email":"his@heritage.co.ug","contact1":"+256393596033"}'>\r\n <div class=\"job-badge\">ELE<\/div>\r\n <div class=\"event-details\">\r\n <h4 class=\"e-title\">Elementary Teacher<\/h4>\r\n <p class=\"e-school\"><i class=\"fas fa-map-marker-alt\"><\/i> Heritage International School<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <a href=\"jobs.php\" class=\"portal-link\">Browse Vacancies <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n\r\n <!-- Announcements & Adverts Column -->\r\n <div class=\"portal-card\" style=\"padding: 0; justify-content: space-between; min-width: 0; overflow: hidden;\">\r\n \r\n <!-- Announcements (Top Half) -->\r\n <div style=\"padding: 32px 32px 16px 32px;\">\r\n <h2 class=\"portal-title\" style=\"margin-bottom: 24px; display: flex; align-items: center; gap: 8px;\">\r\n <i class=\"fas fa-bullhorn\" style=\"color: var(--c-accent); font-size: 18px;\"><\/i> Announcements\r\n <\/h2>\r\n <ul class=\"mini-list\" style=\"margin-bottom: 0;\">\r\n <li class=\"event-item\" >\r\n <div class=\"event-details\" style=\"width: 100%;\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;\">\r\n <h4 class=\"e-title\" style=\"white-space: normal; margin-bottom: 0; line-height: 1.3; flex: 1;\">Cambridge Registration deadline<\/h4>\r\n <span style=\"font-size: 11px; font-weight: 700; color: var(--c-primary); background: rgba(16, 185, 129, 0.1); padding: 4px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;\">\r\n <\/span>\r\n <\/div>\r\n <p class=\"e-school\" style=\"margin-top: 8px; font-size: 13px; color: var(--c-text-muted); line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">Normal registration of October\/November 2026 examination series deadline is August 7, 2026<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" >\r\n <div class=\"event-details\" style=\"width: 100%;\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;\">\r\n <h4 class=\"e-title\" style=\"white-space: normal; margin-bottom: 0; line-height: 1.3; flex: 1;\">Start of Term 3 2026<\/h4>\r\n <span style=\"font-size: 11px; font-weight: 700; color: var(--c-primary); background: rgba(16, 185, 129, 0.1); padding: 4px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;\">\r\n <\/span>\r\n <\/div>\r\n <p class=\"e-school\" style=\"margin-top: 8px; font-size: 13px; color: var(--c-text-muted); line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\"><\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"event-item\" style=\"border-bottom: none;\">\r\n <div class=\"event-details\" style=\"width: 100%;\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;\">\r\n <h4 class=\"e-title\" style=\"white-space: normal; margin-bottom: 0; line-height: 1.3; flex: 1;\">Start of Term II 2026<\/h4>\r\n <span style=\"font-size: 11px; font-weight: 700; color: var(--c-primary); background: rgba(16, 185, 129, 0.1); padding: 4px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;\">\r\n <\/span>\r\n <\/div>\r\n <p class=\"e-school\" style=\"margin-top: 8px; font-size: 13px; color: var(--c-text-muted); line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\"><\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Adverts Carousel (Bottom Half) -->\r\n <div class=\"portal-advert-carousel\" style=\"background: var(--c-primary); color: white; border-radius: 0 0 24px 24px; position: relative; overflow: hidden; display: block; width: 100%; max-width: 100%;\">\r\n <div id=\"adCarousel\" style=\"display: flex; width: 100%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\">\r\n <div class=\"ad-slide\" style=\"flex: 0 0 100%; width: 100%; padding: 24px 32px 36px 32px; position: relative; box-sizing: border-box;\">\r\n <div style=\"position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(16, 185, 129, 0.15); border-radius: 50%; pointer-events: none;\"><\/div>\r\n <span style=\"font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; display: block; margin-bottom: 8px;\">Robotics & STEM Focus<\/span>\r\n <h3 style=\"font-size: 18px; font-weight: 800; margin-bottom: 8px;\">mutaasa.com<\/h3>\r\n <p style=\"font-size: 13px; color: rgba(255,255,255,0.8); margin-bottom: 16px;\">Shop Arduino boards, ESP32s, Raspberry Pi, Micro:bit, sensors, robotics kits, and electronics accessories\u2014all under one roof<\/p>\r\n <a href=\"https:\/\/mutaasa.com\/\" style=\"color: var(--c-accent); font-weight: 700; font-size: 14px; text-decoration: none;\">Learn More →<\/a>\r\n <\/div>\r\n <div class=\"ad-slide\" style=\"flex: 0 0 100%; width: 100%; padding: 24px 32px 36px 32px; position: relative; box-sizing: border-box;\">\r\n <div style=\"position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(16, 185, 129, 0.15); border-radius: 50%; pointer-events: none;\"><\/div>\r\n <span style=\"font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; display: block; margin-bottom: 8px;\">School Management System<\/span>\r\n <h3 style=\"font-size: 18px; font-weight: 800; margin-bottom: 8px;\">schoolGuide.systems<\/h3>\r\n <p style=\"font-size: 13px; color: rgba(255,255,255,0.8); margin-bottom: 16px;\">A complete school management solution designed to simplify administration, improve communication, and enhance learning outcomes. Focus is purely academics. We do all your report customizations. Call 0774476380<\/p>\r\n <a href=\"https:\/\/schoolguide.systems\/\" style=\"color: var(--c-accent); font-weight: 700; font-size: 14px; text-decoration: none;\">Learn More →<\/a>\r\n <\/div>\r\n <div class=\"ad-slide\" style=\"flex: 0 0 100%; width: 100%; padding: 24px 32px 36px 32px; position: relative; box-sizing: border-box;\">\r\n <div style=\"position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(16, 185, 129, 0.15); border-radius: 50%; pointer-events: none;\"><\/div>\r\n <span style=\"font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; display: block; margin-bottom: 8px;\">September Admission Ongoing<\/span>\r\n <h3 style=\"font-size: 18px; font-weight: 800; margin-bottom: 8px;\">Strata International School<\/h3>\r\n <p style=\"font-size: 13px; color: rgba(255,255,255,0.8); margin-bottom: 16px;\">Enroll now for our Cambridge Curriculum and give your child the foundation for academic excellence, creativity, and lifelong success<\/p>\r\n <a href=\"https:\/\/stratainternationalschool.ac.ug\/\" style=\"color: var(--c-accent); font-weight: 700; font-size: 14px; text-decoration: none;\">Learn More →<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Carousel Navigation -->\r\n <div class=\"ad-nav\" style=\"position: absolute; bottom: 12px; left: 0; width: 100%; display: flex; justify-content: center; gap: 6px; z-index: 2;\">\r\n <span class=\"ad-dot\" onclick=\"goToAd(0)\" style=\"width: 6px; height: 6px; background: rgba(255,255,255,0.3); border-radius: 50%; cursor: pointer; transition: 0.3s; background: var(--c-accent); width: 16px; border-radius: 4px;\" id=\"ad-dot-0\"><\/span>\r\n <span class=\"ad-dot\" onclick=\"goToAd(1)\" style=\"width: 6px; height: 6px; background: rgba(255,255,255,0.3); border-radius: 50%; cursor: pointer; transition: 0.3s; \" id=\"ad-dot-1\"><\/span>\r\n <span class=\"ad-dot\" onclick=\"goToAd(2)\" style=\"width: 6px; height: 6px; background: rgba(255,255,255,0.3); border-radius: 50%; cursor: pointer; transition: 0.3s; \" id=\"ad-dot-2\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- DIRECTORY GRID -->\r\n <section class=\"directory-section\">\r\n <div class=\"directory-container\">\r\n <div class=\"directory-header\">\r\n <h2 class=\"directory-title\">Featured Institutions<\/h2>\r\n <div class=\"directory-tabs\" style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\r\n <a href=\"school_listing.php\" class=\"d-tab active\" style=\"text-decoration: none;\">All<\/a>\r\n <a href=\"school_listing.php?q=kindergarten\" class=\"d-tab\" style=\"text-decoration: none;\">Kindergarten<\/a>\r\n <a href=\"school_listing.php?level=0\" class=\"d-tab\" style=\"text-decoration: none;\">Primary<\/a>\r\n <a href=\"school_listing.php?level=1\" class=\"d-tab\" style=\"text-decoration: none;\">Secondary<\/a>\r\n <a href=\"school_listing.php?level=2\" class=\"d-tab\" style=\"text-decoration: none;\">Vocational<\/a>\r\n <a href=\"school_listing.php?level=6\" class=\"d-tab\" style=\"text-decoration: none;\">Nursing<\/a>\r\n <a href=\"school_listing.php?level=3\" class=\"d-tab\" style=\"text-decoration: none;\">International<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-grid\">\r\n \r\n <a href=\"school.php?id=35184\" class=\"d-card level-2\" onclick=\"trackClick('school', 35184)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">NA<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">Vocational<\/span>\r\n <h3 class=\"d-card-title\">Nakawa Vocational Training College<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">TVET<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256 414 220935<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35141\" class=\"d-card level-3\" onclick=\"trackClick('school', 35141)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">GI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Gill International School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KIRA M\/C <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i> +256755071456<\/span> <span><i class=\"fas fa-envelope\"><\/i>admissions@gillschool.ac.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35115\" class=\"d-card level-3\" onclick=\"trackClick('school', 35115)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">PI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Pine International School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KIRA M\/C <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>0700630722 <\/span> <span><i class=\"fas fa-envelope\"><\/i>info@pineinternationalschool.ac.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35133\" class=\"d-card level-3\" onclick=\"trackClick('school', 35133)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">AC<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Acadia International School <\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> MAKINDYE SSABAGABO M\/C <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>0754958463<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@acadia.ac.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35163\" class=\"d-card level-3\" onclick=\"trackClick('school', 35163)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">SI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Sic\u00f3moro International School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> MAKINDYE SSABAGABO M\/C <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">ACE<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256752600147<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@sicomorointernationalschool.org<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35149\" class=\"d-card level-3\" onclick=\"trackClick('school', 35149)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">EB<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Ebenezer Classic Christian International Christian School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> WAKISO <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256707900001<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@ebenezerclassic.com<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35132\" class=\"d-card level-3\" onclick=\"trackClick('school', 35132)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">VI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Vine International Christian Academy<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KIRA M\/C <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">ACE<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i> +256758088429<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@vicacademy.org<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35139\" class=\"d-card level-3\" onclick=\"trackClick('school', 35139)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">HI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">7Hills International School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256752744557<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@7hillskampala.com<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35127\" class=\"d-card level-2\" onclick=\"trackClick('school', 35127)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">RU<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">Vocational<\/span>\r\n <h3 class=\"d-card-title\">Ruharo Vocational Training School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> MBARARA <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">TVET<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256774518105<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@rvts.ac.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35125\" class=\"d-card level-3\" onclick=\"trackClick('school', 35125)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">AS<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Asifiwe International Academy<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">ACE<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+25620092575<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@aiacademy.ac.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35170\" class=\"d-card level-3\" onclick=\"trackClick('school', 35170)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">SH<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Shree Sahajanand School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> KAMPALA <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">Cambridge<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>0200930111<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@sssu.co.ug<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"school.php?id=35151\" class=\"d-card level-3\" onclick=\"trackClick('school', 35151)\">\r\n <div class=\"d-card-accent\"><\/div>\r\n <div class=\"d-card-body\">\r\n <div class=\"d-card-top\">\r\n <div class=\"d-card-avatar\">VI<\/div>\r\n <div class=\"d-card-info\">\r\n <span class=\"d-card-level\">International<\/span>\r\n <h3 class=\"d-card-title\">Victor Krown International School<\/h3>\r\n <div class=\"d-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> WAKISO <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"d-card-tags\">\r\n <span class=\"d-card-tag\">ACE<\/span> <\/div>\r\n <\/div>\r\n <div class=\"d-card-footer\">\r\n <div class=\"d-card-contact\">\r\n <span><i class=\"fas fa-phone-alt\"><\/i>+256773989510<\/span> <span><i class=\"fas fa-envelope\"><\/i>info@victorkrown.com<\/span> <\/div>\r\n <div class=\"d-card-cta\">View <i class=\"fas fa-arrow-right\" style=\"font-size:10px;\"><\/i><\/div>\r\n <\/div>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u00e2\u201d\u20ac\u00e2\u201d\u20ac FOOTER \u00e2\u201d\u20ac\u00e2\u201d\u20ac -->\r\n <footer class=\"site-footer\" style=\"background-color: #064e3b !important; color: #ecfdf5 !important;\">\r\n <div style=\"max-width: 1200px; margin: 0 auto; background: rgba(255,255,255,0.05); padding: 16px 24px; border-radius: 12px; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;\">\r\n <p style=\"color: #a7f3d0; margin: 0; font-size: 14px; max-width: 70%; line-height: 1.5;\">Spot an error, have a suggestion for improvement, or interested in advertising with us? We'd love to hear from you.<\/p>\r\n <a href=\"mailto:support@schoolsuganda.com\" style=\"background: white; color: var(--c-primary); padding: 10px 20px; border-radius: 8px; font-weight: 800; text-decoration: none; font-size: 13px; display: inline-flex; align-items: center; gap: 8px; transition: transform 0.2s ease;\"><i class=\"fas fa-exclamation-triangle\"><\/i> File a Complaint<\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px;\">\r\n <div>© 2026 SchoolsUganda. All rights reserved.<\/div>\r\n <div style=\"display: flex; gap: 16px; align-items: center; flex-wrap: wrap; justify-content: center;\">\r\n <a href=\"mailto:support@schoolsuganda.com\" style=\"color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.2s;\" onmouseover=\"this.style.color='#10b981'\" onmouseout=\"this.style.color='rgba(255,255,255,0.8)'\"><i class=\"fas fa-envelope\"><\/i> support@schoolsuganda.com<\/a>\r\n <span style=\"color: rgba(255,255,255,0.2);\">|<\/span>\r\n <a href=\"#\" style=\"color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.2s;\" onmouseover=\"this.style.color='#10b981'\" onmouseout=\"this.style.color='rgba(255,255,255,0.8)'\"><i class=\"fas fa-phone-alt\"><\/i> +256 774 476 380<\/a>\r\n <span style=\"color: rgba(255,255,255,0.2);\">|<\/span>\r\n <span style=\"color: rgba(255,255,255,0.8); font-size: 14px;\"><i class=\"fas fa-map-marker-alt\"><\/i> Kampala, Uganda<\/span>\r\n <\/div>\r\n <div class=\"footer-social\">\r\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Event Modal -->\r\n <div id=\"eventModal\" class=\"modal-overlay\" onclick=\"if(event.target === this) closeEventModal()\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" onclick=\"closeEventModal()\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div style=\"display: flex; gap: 8px; margin-bottom: 12px;\">\r\n <span id=\"em-type\" style=\"background: rgba(16, 185, 129, 0.1); color: var(--c-primary); padding: 4px 8px; border-radius: 4px; font-size: 10px; font-weight: 800; text-transform: uppercase;\"><\/span>\r\n <\/div>\r\n <h2 id=\"em-title\" style=\"margin: 0 0 8px 0; font-size: 20px; font-weight: 800; color: var(--c-heading);\"><\/h2>\r\n <div style=\"display: flex; gap: 16px; margin-bottom: 16px; font-size: 13px; color: var(--c-text-muted);\">\r\n <span><i class=\"fas fa-map-marker-alt\" style=\"color: var(--c-primary);\"><\/i> <span id=\"em-school\"><\/span><\/span>\r\n <span><i class=\"far fa-calendar-alt\" style=\"color: var(--c-primary);\"><\/i> <span id=\"em-date\"><\/span><\/span>\r\n <\/div>\r\n <div id=\"em-desc\" style=\"font-size: 14px; line-height: 1.6; color: var(--c-text); border-top: 1px solid var(--c-border); padding-top: 16px; white-space: pre-wrap; margin-bottom: 16px;\"><\/div>\r\n <button id=\"emBtnProfile\" class=\"m-btn-profile\" style=\"width: 100%; display: none;\">View Full School Profile<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500 MODAL OVERLAY \u2500\u2500 -->\r\n <div id=\"jobModal\" class=\"modal-overlay\" onclick=\"closeJobModal(event)\">\r\n <div class=\"modal-container\" onclick=\"event.stopPropagation()\">\r\n \r\n <div class=\"modal-header\">\r\n <div class=\"modal-title-wrapper\">\r\n <h2 class=\"modal-job-title\" id=\"mTitle\">Job Title<\/h2>\r\n <div class=\"modal-school-info\">\r\n <i class=\"fas fa-university\"><\/i> <span id=\"mSchool\">School Name<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"modal-close\" onclick=\"closeJobModal()\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"m-main-content\">\r\n <div class=\"m-content-card\" id=\"mDescBox\">\r\n <h2 class=\"m-section-title\"><i class=\"fas fa-info-circle\"><\/i> Job Description<\/h2>\r\n <div class=\"rich-text\" id=\"mDesc\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"m-content-card\" id=\"mReqBox\">\r\n <h2 class=\"m-section-title\"><i class=\"fas fa-check-circle\"><\/i> Requirements<\/h2>\r\n <div class=\"rich-text\" id=\"mReq\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"m-apply-block\">\r\n <p class=\"m-apply-text\">Interested in this role? Contact the school directly to submit your application.<\/p>\r\n <div id=\"mApplyButtons\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"m-sidebar\">\r\n <div class=\"m-widget\">\r\n <h3 class=\"m-widget-title\"><i class=\"fas fa-bolt\"><\/i> Quick Information<\/h3>\r\n <div class=\"m-info-list\">\r\n <div class=\"m-info-item\" id=\"mSalBox\">\r\n <span class=\"m-info-label\">Salary Range<\/span>\r\n <span class=\"m-info-val m-val-highlight\" id=\"mSal\"><\/span>\r\n <\/div>\r\n <div class=\"m-info-item\">\r\n <span class=\"m-info-label\">Application Deadline<\/span>\r\n <span class=\"m-info-val m-val-danger\"><i class=\"fas fa-calendar-times\"><\/i> <span id=\"mDeadline\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"m-info-item\">\r\n <span class=\"m-info-label\">Location<\/span>\r\n <span class=\"m-info-val\"><i class=\"fas fa-map-marker-alt\"><\/i> <span id=\"mLocation\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"m-widget\" style=\"background: rgba(16, 185, 129, 0.03); border-color: rgba(16, 185, 129, 0.1);\">\r\n <h3 class=\"m-widget-title\"><i class=\"fas fa-school\"><\/i> Hiring Institution<\/h3>\r\n <div class=\"m-info-list\">\r\n <div class=\"m-info-item\">\r\n <span class=\"m-info-label\">School Name<\/span>\r\n <span class=\"m-info-val\" style=\"font-size: 15px;\" id=\"mSchoolSide\"><\/span>\r\n <\/div>\r\n <div class=\"m-info-item\" id=\"mPhoneBox\">\r\n <span class=\"m-info-val\" style=\"font-size: 13px; font-weight: 600;\"><i class=\"fas fa-phone-alt\"><\/i> <span id=\"mPhone\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"m-info-item\" id=\"mEmailBox\">\r\n <span class=\"m-info-val\" style=\"font-size: 13px; font-weight: 600; word-break: break-all;\"><i class=\"fas fa-envelope\"><\/i> <span id=\"mEmail\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <button id=\"mBtnProfile\" class=\"m-btn-profile\">View Full School Profile<\/button>\r\n <\/div>\r\n\r\n <div class=\"m-widget m-widget-safety\">\r\n <div class=\"m-safety-title\"><i class=\"fas fa-shield-halved\"><\/i> Safety Notice<\/div>\r\n <p class=\"m-safety-text\">SchoolsUganda never asks for payment for job placements. Never send money to anyone claiming to be from our team or any school.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function trackClick(type, id) {\r\n if (navigator.sendBeacon) {\r\n navigator.sendBeacon('track_click.php', JSON.stringify({ type: type, id: id }));\r\n } else {\r\n fetch('track_click.php', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ type: type, id: id }),\r\n keepalive: true\r\n }).catch(e => console.error(e));\r\n }\r\n }\r\n\r\n function openEventModal(title, school, date, desc, type, id, school_id) {\r\n document.getElementById('em-title').textContent = title;\r\n document.getElementById('em-school').textContent = school;\r\n document.getElementById('em-date').textContent = date;\r\n document.getElementById('em-desc').textContent = desc.replace(\/\\\\n\/g, \"\\n\").replace(\/\\\\r\/g, \"\");\r\n document.getElementById('em-type').textContent = type;\r\n \r\n const btnProfile = document.getElementById('emBtnProfile');\r\n if (school_id) {\r\n btnProfile.style.display = 'block';\r\n btnProfile.onclick = function() { window.location.href = 'school.php?id=' + school_id; };\r\n } else {\r\n btnProfile.style.display = 'none';\r\n }\r\n \r\n const modal = document.getElementById('eventModal');\r\n modal.style.display = 'flex';\r\n setTimeout(() => modal.classList.add('active'), 10);\r\n \r\n if (id) trackClick('event', id);\r\n }\r\n function closeEventModal() {\r\n const modal = document.getElementById('eventModal');\r\n modal.classList.remove('active');\r\n setTimeout(() => modal.style.display = 'none', 300);\r\n }\r\n\r\n function formatJobText(text) {\r\n if (!text) return '';\r\n const lines = text.split('\\n');\r\n let html = '';\r\n let inList = false;\r\n \r\n for (let line of lines) {\r\n let trimmed = line.trim();\r\n if (!trimmed) continue;\r\n \r\n \/\/ Escape HTML securely\r\n trimmed = trimmed.replace(\/<\/g, '<').replace(\/>\/g, '>');\r\n \r\n if (trimmed.startsWith('\u00e2\u2014\u008f') || trimmed.startsWith('\u00e2\u20ac\u00a2') || trimmed.startsWith('- ')) {\r\n if (!inList) {\r\n html += '<ul style=\"margin-bottom: 16px; padding-left: 20px; list-style-type: none;\">';\r\n inList = true;\r\n }\r\n let content = trimmed.replace(\/^[\u00e2\u2014\u008f\u00e2\u20ac\u00a2-]\\s*\/, '');\r\n html += '<li style=\"position: relative; margin-bottom: 8px;\"><span style=\"position: absolute; left: -16px; color: var(--c-accent); font-weight: bold;\">\u00e2\u20ac\u00a2<\/span>' + content + '<\/li>';\r\n } else {\r\n if (inList) {\r\n html += '<\/ul>';\r\n inList = false;\r\n }\r\n html += '<p style=\"margin-bottom: 16px;\">' + trimmed + '<\/p>';\r\n }\r\n }\r\n if (inList) html += '<\/ul>';\r\n return html;\r\n }\r\n\r\n function openJobModal(element) {\r\n const rawData = element.getAttribute('data-job');\r\n if (!rawData) return;\r\n const job = JSON.parse(rawData);\r\n if (job.id) trackClick('job', job.id);\r\n\r\n \/\/ Populate Text\r\n document.getElementById('mTitle').textContent = job.title;\r\n const sName = job.schoolName || 'Educational Institution';\r\n document.getElementById('mSchool').textContent = sName;\r\n document.getElementById('mSchoolSide').textContent = sName;\r\n \r\n \/\/ Format Description & Requirements\r\n const desc = formatJobText(job.description);\r\n if (desc) {\r\n document.getElementById('mDesc').innerHTML = desc;\r\n document.getElementById('mDescBox').style.display = 'block';\r\n } else {\r\n document.getElementById('mDescBox').style.display = 'none';\r\n }\r\n\r\n const req = formatJobText(job.requirements);\r\n if (req) {\r\n document.getElementById('mReq').innerHTML = req;\r\n document.getElementById('mReqBox').style.display = 'block';\r\n } else {\r\n document.getElementById('mReqBox').style.display = 'none';\r\n }\r\n\r\n \/\/ Salary\r\n if (job.salary_range) {\r\n document.getElementById('mSal').textContent = job.salary_range;\r\n document.getElementById('mSalBox').style.display = 'flex';\r\n } else {\r\n document.getElementById('mSalBox').style.display = 'none';\r\n }\r\n\r\n \/\/ Deadline\r\n const dDate = new Date(job.deadline);\r\n document.getElementById('mDeadline').textContent = dDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });\r\n \r\n \/\/ Location\r\n let locStr = job.districtName || 'Uganda';\r\n if (job.location) locStr += ', ' + job.location;\r\n document.getElementById('mLocation').textContent = locStr;\r\n\r\n \/\/ Contacts\r\n if (job.contact1) {\r\n document.getElementById('mPhone').textContent = job.contact1;\r\n document.getElementById('mPhoneBox').style.display = 'flex';\r\n } else {\r\n document.getElementById('mPhoneBox').style.display = 'none';\r\n }\r\n\r\n if (job.email) {\r\n document.getElementById('mEmail').textContent = job.email;\r\n document.getElementById('mEmailBox').style.display = 'flex';\r\n } else {\r\n document.getElementById('mEmailBox').style.display = 'none';\r\n }\r\n\r\n \/\/ Apply Buttons\r\n let applyHtml = '';\r\n if (job.email) {\r\n applyHtml += '<a href=\"mailto:' + job.email + '\" class=\"m-btn-apply\"><i class=\"fas fa-envelope\"><\/i> Apply via Email<\/a>';\r\n } else if (job.contact1) {\r\n applyHtml += '<a href=\"tel:' + job.contact1 + '\" class=\"m-btn-apply\"><i class=\"fas fa-phone-alt\"><\/i> Call to Apply<\/a>';\r\n } else {\r\n applyHtml += '<a href=\"#\" class=\"m-btn-apply\" onclick=\"alert(\\'Please navigate to the school profile for contact details.\\'); return false;\">Contact School<\/a>';\r\n }\r\n document.getElementById('mApplyButtons').innerHTML = applyHtml;\r\n\r\n \/\/ Profile Button\r\n const btnProfile = document.getElementById('mBtnProfile');\r\n if (job.school_id) {\r\n btnProfile.style.display = 'block';\r\n btnProfile.onclick = function() {\r\n window.location.href = 'school.php?id=' + job.school_id;\r\n };\r\n } else {\r\n btnProfile.style.display = 'none';\r\n }\r\n\r\n \/\/ Show Modal\r\n document.getElementById('jobModal').classList.add('active');\r\n document.body.classList.add('modal-open');\r\n }\r\n\r\n function closeJobModal(e) {\r\n \/\/ Only close if we clicked the overlay (not the container inside) or the close button\r\n if (e && e.target !== document.getElementById('jobModal')) return;\r\n document.getElementById('jobModal').classList.remove('active');\r\n document.body.classList.remove('modal-open');\r\n }\r\n\r\n \/\/ Hero Search\r\n function doSearch(query) {\r\n query = query || document.getElementById('heroSearchInput').value.trim();\r\n if (!query) return;\r\n window.location.href = 'school_listing.php?q=' + encodeURIComponent(query);\r\n }\r\n\r\n document.getElementById('heroSearchBtn').addEventListener('click', function() {\r\n doSearch();\r\n });\r\n\r\n document.getElementById('heroSearchInput').addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter') doSearch();\r\n });\r\n\r\n \/\/ Advert Carousel\r\n let currentAd = 0;\r\n const totalAds = 3;\r\n \r\n function goToAd(index) {\r\n if (totalAds <= 1) return;\r\n currentAd = index;\r\n document.getElementById('adCarousel').style.transform = `translateX(-${currentAd * 100}%)`;\r\n \r\n \/\/ Update dots\r\n for (let i = 0; i < totalAds; i++) {\r\n const dot = document.getElementById(`ad-dot-${i}`);\r\n if (i === currentAd) {\r\n dot.style.background = 'var(--c-accent)';\r\n dot.style.width = '16px';\r\n dot.style.borderRadius = '4px';\r\n } else {\r\n dot.style.background = 'rgba(255,255,255,0.3)';\r\n dot.style.width = '6px';\r\n dot.style.borderRadius = '50%';\r\n }\r\n }\r\n }\r\n \r\n if (totalAds > 1) {\r\n setInterval(() => {\r\n let nextAd = (currentAd + 1) % totalAds;\r\n goToAd(nextAd);\r\n }, 6000);\r\n }\r\n <\/script>\r\n <style>\r\n \/* \u2500\u2500 GLOBAL LOGIN MODAL STYLES \u2500\u2500 *\/\r\n #globalLoginOverlay {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px);\r\n display: none; justify-content: center; align-items: center;\r\n z-index: 9999; padding: 24px;\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n #globalLoginOverlay.active {\r\n display: flex; opacity: 1;\r\n }\r\n\r\n .modal-auth-container {\r\n background: var(--c-surface, #ffffff);\r\n width: 100%; max-width: 400px;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.2);\r\n display: flex; flex-direction: column;\r\n overflow: hidden; border: 1px solid var(--c-border, #e2e8f0);\r\n position: relative;\r\n transform: translateY(20px); transition: transform 0.3s ease;\r\n }\r\n #globalLoginOverlay.active .modal-auth-container {\r\n transform: translateY(0);\r\n }\r\n \r\n .modal-auth-close {\r\n position: absolute; top: 16px; right: 16px;\r\n background: rgba(0,0,0,0.05); border: none; color: var(--c-text-muted, #64748b);\r\n width: 32px; height: 32px; border-radius: 50%;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.2s; z-index: 10;\r\n }\r\n .modal-auth-close:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; }\r\n\r\n .modal-auth-wrapper { padding: 40px 32px; display: flex; flex-direction: column; justify-content: center; }\r\n \r\n .modal-auth-logo { text-align: center; margin-bottom: 24px; }\r\n .modal-auth-logo a { font-size: 22px; font-weight: 800; color: var(--c-primary, #064e3b); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; letter-spacing: -0.02em; pointer-events: none; }\r\n .modal-auth-logo i { color: var(--c-accent, #10b981); }\r\n\r\n .modal-auth-header { margin-bottom: 32px; text-align: center; }\r\n .modal-auth-header h2 { font-size: 22px; font-weight: 800; color: var(--c-text, #0f172a); margin-bottom: 6px; letter-spacing: -0.5px; }\r\n .modal-auth-header p { font-size: 14px; color: var(--c-text-muted, #64748b); font-weight: 500; }\r\n\r\n .modal-form-group { margin-bottom: 18px; position: relative; }\r\n .modal-form-label { display: block; font-size: 13px; font-weight: 700; color: var(--c-text, #0f172a); margin-bottom: 6px; }\r\n \r\n .modal-input-wrap { position: relative; }\r\n .modal-input-wrap i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--c-text-muted, #64748b); font-size: 14px; transition: 0.2s; }\r\n .modal-input { width: 100%; padding: 12px 14px 12px 38px; border: 1px solid var(--c-border, #e2e8f0); border-radius: 10px; font-family: var(--font-main, 'Plus Jakarta Sans', sans-serif); font-size: 14px; font-weight: 500; color: var(--c-text, #0f172a); transition: 0.2s; outline: none; background: var(--c-bg, #f8fafc); box-sizing: border-box; }\r\n .modal-input:focus { border-color: var(--c-accent, #10b981); background: white; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.08); }\r\n .modal-input:focus + i, .modal-input:not(:placeholder-shown) + i { color: var(--c-primary, #064e3b); }\r\n\r\n .modal-btn-submit { width: 100%; padding: 12px; background: var(--c-primary, #064e3b); color: white; border: none; border-radius: 10px; font-family: var(--font-main, 'Plus Jakarta Sans', sans-serif); font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.2s; margin-top: 8px; }\r\n .modal-btn-submit:hover { background: var(--c-primary-light, #047857); transform: translateY(-1px); box-shadow: 0 6px 12px rgba(6, 78, 59, 0.1); }\r\n\r\n .modal-alert-error { background: var(--c-danger-bg, #fef2f2); color: var(--c-danger, #ef4444); padding: 12px 16px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 24px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(239, 68, 68, 0.2); }\r\n\r\n .modal-auth-footer { margin-top: 24px; text-align: center; font-size: 13px; color: var(--c-text-muted, #64748b); font-weight: 500; }\r\n .modal-auth-footer a { color: var(--c-primary, #064e3b); font-weight: 700; text-decoration: none; }\r\n .modal-auth-footer a:hover { text-decoration: underline; }\r\n\r\n .modal-alert-success { background: #ecfdf5; color: #059669; padding: 12px 16px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(16,185,129,0.25); }\r\n .modal-back-link { font-size: 13px; color: var(--c-text-muted, #64748b); font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; text-decoration: none; background: none; border: none; font-family: inherit; padding: 0; }\r\n .modal-back-link:hover { color: var(--c-primary, #064e3b); }\r\n<\/style>\r\n\r\n<div id=\"globalLoginOverlay\">\r\n \r\n <!-- 1) PIN MODAL -->\r\n <div class=\"modal-auth-container\" id=\"modalPinContainer\" style=\"display: flex;\">\r\n <button class=\"modal-auth-close\" onclick=\"closeLoginModal()\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"modal-auth-wrapper\">\r\n <div class=\"modal-auth-logo\">\r\n <a href=\"#\"><i class=\"fas fa-graduation-cap\"><\/i> SchoolsUganda<\/a>\r\n <\/div>\r\n <div class=\"modal-auth-header\">\r\n <h2>Security Check<\/h2>\r\n <p>Please enter your security PIN to continue.<\/p>\r\n <\/div>\r\n <div class=\"modal-alert-error\" id=\"modalPinError\" style=\"display: none;\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> Incorrect PIN. Please try again.\r\n <\/div>\r\n <div class=\"modal-form-group\">\r\n <label class=\"modal-form-label\" for=\"modalSecurityPin\">Security PIN<\/label>\r\n <div class=\"modal-input-wrap\">\r\n <input type=\"password\" id=\"modalSecurityPin\" class=\"modal-input\" placeholder=\"Enter PIN\">\r\n <i class=\"fas fa-key\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" class=\"modal-btn-submit\" id=\"btnModalVerifyPin\">Verify PIN<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2) LOGIN MODAL -->\r\n <div class=\"modal-auth-container\" id=\"modalLoginContainer\" style=\"display: none;\">\r\n <button class=\"modal-auth-close\" onclick=\"closeLoginModal()\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"modal-auth-wrapper\">\r\n <div class=\"modal-auth-logo\">\r\n <a href=\"#\"><i class=\"fas fa-graduation-cap\"><\/i> SchoolsUganda<\/a>\r\n <\/div>\r\n <div class=\"modal-auth-header\">\r\n <h2>Welcome Back<\/h2>\r\n <p>Log in to access your dashboard.<\/p>\r\n <\/div>\r\n \r\n <div id=\"loginErrorMsg\" class=\"modal-alert-error\" style=\"display:none;\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> <span><\/span>\r\n <\/div>\r\n \r\n <form action=\"login_action\" method=\"POST\">\r\n <div class=\"modal-form-group\">\r\n <label class=\"modal-form-label\" for=\"modalUsername\">Username or Email<\/label>\r\n <div class=\"modal-input-wrap\">\r\n <input type=\"text\" id=\"modalUsername\" name=\"username\" class=\"modal-input\" placeholder=\"e.g. admin\" required>\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"modal-form-group\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: baseline;\">\r\n <label class=\"modal-form-label\" for=\"modalPassword\">Password<\/label>\r\n <a href=\"#\" id=\"forgotPasswordLink\" onclick=\"showForgotPanel(event)\" style=\"font-size: 13px; font-weight: 600; color: var(--c-text-muted, #64748b); text-decoration: none;\">Forgot password?<\/a>\r\n <\/div>\r\n <div class=\"modal-input-wrap\">\r\n <input type=\"password\" id=\"modalPassword\" name=\"password\" class=\"modal-input\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" required>\r\n <i class=\"fas fa-lock\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"modal-btn-submit\">Sign In<\/button>\r\n <\/form>\r\n <div class=\"modal-auth-footer\">\r\n Don't have an account? <a href=\"register_school.php\">Register your School<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3) FORGOT PASSWORD MODAL -->\r\n <div class=\"modal-auth-container\" id=\"modalForgotContainer\" style=\"display: none;\">\r\n <button class=\"modal-auth-close\" onclick=\"closeLoginModal()\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"modal-auth-wrapper\">\r\n <div class=\"modal-auth-logo\">\r\n <a href=\"#\"><i class=\"fas fa-graduation-cap\"><\/i> SchoolsUganda<\/a>\r\n <\/div>\r\n <div class=\"modal-auth-header\">\r\n <h2>Reset Password<\/h2>\r\n <p>Enter your email and we'll send you a new password.<\/p>\r\n <\/div>\r\n\r\n <div id=\"forgotSuccessMsg\" class=\"modal-alert-success\" style=\"display:none;\">\r\n <i class=\"fas fa-check-circle\"><\/i> <span id=\"forgotSuccessText\"><\/span>\r\n <\/div>\r\n <div id=\"forgotErrorMsg\" class=\"modal-alert-error\" style=\"display:none;\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> <span id=\"forgotErrorText\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"modal-form-group\">\r\n <label class=\"modal-form-label\" for=\"forgotEmail\">Email Address<\/label>\r\n <div class=\"modal-input-wrap\">\r\n <input type=\"email\" id=\"forgotEmail\" class=\"modal-input\" placeholder=\"your@email.com\" required>\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" class=\"modal-btn-submit\" id=\"btnSendPassword\">Send New Password<\/button>\r\n\r\n <div style=\"text-align:center;\">\r\n <button class=\"modal-back-link\" onclick=\"showLoginPanel(event)\">\r\n <i class=\"fas fa-arrow-left\" style=\"font-size:11px;\"><\/i> Back to Login\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function showForgotPanel(e) {\r\n if (e) e.preventDefault();\r\n document.getElementById('modalLoginContainer').style.display = 'none';\r\n document.getElementById('modalForgotContainer').style.display = 'flex';\r\n document.getElementById('forgotEmail').value = '';\r\n document.getElementById('forgotSuccessMsg').style.display = 'none';\r\n document.getElementById('forgotErrorMsg').style.display = 'none';\r\n }\r\n\r\n function showLoginPanel(e) {\r\n if (e) e.preventDefault();\r\n document.getElementById('modalForgotContainer').style.display = 'none';\r\n document.getElementById('modalLoginContainer').style.display = 'flex';\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const btnSend = document.getElementById('btnSendPassword');\r\n if (btnSend) {\r\n btnSend.addEventListener('click', function() {\r\n const email = document.getElementById('forgotEmail').value.trim();\r\n const successMsg = document.getElementById('forgotSuccessMsg');\r\n const errorMsg = document.getElementById('forgotErrorMsg');\r\n successMsg.style.display = 'none';\r\n errorMsg.style.display = 'none';\r\n\r\n if (!email) {\r\n document.getElementById('forgotErrorText').textContent = 'Please enter your email address.';\r\n errorMsg.style.display = 'flex';\r\n return;\r\n }\r\n\r\n btnSend.disabled = true;\r\n btnSend.textContent = 'Sending...';\r\n\r\n const fd = new FormData();\r\n fd.append('email', email);\r\n\r\n fetch('forgot_password', { method: 'POST', body: fd })\r\n .then(r => r.json())\r\n .then(data => {\r\n btnSend.disabled = false;\r\n btnSend.textContent = 'Send New Password';\r\n if (data.success) {\r\n document.getElementById('forgotSuccessText').textContent = data.message;\r\n successMsg.style.display = 'flex';\r\n document.getElementById('forgotEmail').value = '';\r\n } else {\r\n document.getElementById('forgotErrorText').textContent = data.message;\r\n errorMsg.style.display = 'flex';\r\n }\r\n })\r\n .catch(() => {\r\n btnSend.disabled = false;\r\n btnSend.textContent = 'Send New Password';\r\n document.getElementById('forgotErrorText').textContent = 'Network error. Please try again.';\r\n errorMsg.style.display = 'flex';\r\n });\r\n });\r\n }\r\n });\r\n\r\n function openLoginModal(e) {\r\n if(e) e.preventDefault();\r\n document.getElementById('globalLoginOverlay').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n\r\n function closeLoginModal() {\r\n document.getElementById('globalLoginOverlay').classList.remove('active');\r\n document.body.style.overflow = '';\r\n \r\n \/\/ Remove login_error from URL when closing the modal so it doesn't pop up again on refresh\r\n if (window.history.replaceState) {\r\n const url = new URL(window.location.href);\r\n if (url.searchParams.has('login_error')) {\r\n url.searchParams.delete('login_error');\r\n window.history.replaceState({path: url.href}, '', url.href);\r\n }\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const overlay = document.getElementById('globalLoginOverlay');\r\n const btnVerifyPin = document.getElementById('btnModalVerifyPin');\r\n const securityPin = document.getElementById('modalSecurityPin');\r\n const pinContainer = document.getElementById('modalPinContainer');\r\n const loginContainer = document.getElementById('modalLoginContainer');\r\n const pinError = document.getElementById('modalPinError');\r\n\r\n \/\/ Close on outside click\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === overlay) closeLoginModal();\r\n });\r\n\r\n if (btnVerifyPin) {\r\n const expectedPin = new Date().getFullYear().toString();\r\n const loginErrorMsg = \"\";\r\n btnVerifyPin.addEventListener('click', function() {\r\n const enteredPin = securityPin.value.trim();\r\n if (enteredPin === expectedPin) {\r\n pinContainer.style.display = 'none';\r\n loginContainer.style.display = 'flex';\r\n securityPin.value = '';\r\n pinError.style.display = 'none';\r\n if (loginErrorMsg) {\r\n const errDiv = document.getElementById('loginErrorMsg');\r\n if (errDiv) { errDiv.style.display = 'flex'; errDiv.querySelector('span') ? errDiv.querySelector('span').textContent = loginErrorMsg : null; }\r\n }\r\n } else {\r\n pinError.style.display = 'flex';\r\n }\r\n });\r\n\r\n securityPin.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n btnVerifyPin.click();\r\n }\r\n });\r\n }\r\n \r\n \/\/ Auto open if login_error is present in PHP\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"864cbb1\" src=\"https:\/\/isabella.mengossdit.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder-v4.svg\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"b98cf3c\" class=\"e-heading-base\"><\/h2>\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>SchoolsUganda | Discover Uganda’s Best Schools SchoolsUganda Home Find a School Events Jobs Log In Register School Find the right […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":7,"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/isabella.mengossdit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}