Clean Communities Hero Section<\/title>\n<\/head>\n<body>\n\n\n<section class=\"hero-gallery-block\">\n \n <div class=\"bg-animation\">\n <div class=\"floating-shape shape-1\"><\/div>\n <div class=\"floating-shape shape-2\"><\/div>\n <div class=\"floating-shape shape-3\"><\/div>\n <div class=\"floating-shape shape-4\"><\/div>\n <div class=\"floating-shape shape-5\"><\/div>\n <\/div>\n \n <div class=\"hero-container\">\n \n \n <div class=\"hero-content\">\n <div class=\"text-highlight-wrapper\">\n <h1>Clean Communities<br><span class=\"golden-text\">Healthy Lives<\/span><\/h1>\n <div class=\"green-accent-line\"><\/div>\n <div class=\"green-dots-accent\">\n <span class=\"dot-accent\"><\/span>\n <span class=\"dot-accent\"><\/span>\n <span class=\"dot-accent\"><\/span>\n <\/div>\n <\/div>\n <p class=\"hero-description\">Empowering Ugandan communities with essential sanitation and hygiene knowledge to prevent diseases and improve quality of life.<\/p>\n \n <div class=\"hero-buttons\">\n <a href=\"https:\/\/bsu.websitecompetition.top\/index.php\/resources\/\" class=\"btn primary-btn\">\n <span class=\"btn-icon\">\ud83d\udcd8<\/span>\n <span>Find Resources<\/span>\n <div class=\"btn-shine\"><\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"decorative-elements\">\n <div class=\"green-circle\"><\/div>\n <div class=\"green-wave\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"hero-gallery\">\n <div class=\"gallery-wrapper\">\n <div class=\"gallery-grid\">\n <div class=\"gallery-item main-image\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/Sanitech-1.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Community Action<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/hand-washing-2.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Proper Hands Washing<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/clean-water.png\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Clean Water<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/picking.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Environmental Care<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/Bore-Hole-Project-tacts-3.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Water Access<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"gallery-glow\"><\/div>\n <\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"scroll-indicator\">\n <div class=\"scroll-dot\"><\/div>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* Sky Blue & Green Color Palette *\/\n:root {\n --primary-sky-blue: #0ea5e9;\n --light-sky-blue: #38bdf8;\n --deep-sky-blue: #0284c7;\n --sky-blue-light: #e0f2fe;\n --secondary-green: #059669;\n --light-green: #10b981;\n --emerald-green: #047857;\n --green-light: #d1fae5;\n --golden-yellow: #f59e0b;\n --bright-yellow: #fbbf24;\n --pure-white: #ffffff;\n --soft-white: #f8fafc;\n --text-dark: #1f2937;\n --glass-overlay: rgba(255, 255, 255, 0.15);\n}\n\n\/* Reset and Base *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n overflow-x: hidden;\n}\n\n\/* Hero Gallery Section *\/\n.hero-gallery-block {\n background: linear-gradient(135deg, \n var(--primary-sky-blue) 0%, \n var(--light-sky-blue) 40%, \n var(--deep-sky-blue) 100%);\n padding: 5rem 2rem;\n color: var(--pure-white);\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n\/* Animated Background *\/\n.bg-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}\n\n.floating-shape {\n position: absolute;\n border-radius: 50%;\n opacity: 0.12;\n animation: float 8s ease-in-out infinite;\n}\n\n.shape-1 {\n width: 220px;\n height: 220px;\n background: var(--secondary-green);\n top: 8%;\n left: 5%;\n animation-delay: 0s;\n}\n\n.shape-2 {\n width: 180px;\n height: 180px;\n background: var(--golden-yellow);\n top: 55%;\n right: 10%;\n animation-delay: 2s;\n}\n\n.shape-3 {\n width: 140px;\n height: 140px;\n background: var(--light-green);\n top: 25%;\n right: 35%;\n animation-delay: 4s;\n}\n\n.shape-4 {\n width: 160px;\n height: 160px;\n background: var(--sky-blue-light);\n bottom: 15%;\n left: 15%;\n animation-delay: 1s;\n}\n\n.shape-5 {\n width: 100px;\n height: 100px;\n background: var(--bright-yellow);\n top: 40%;\n left: 50%;\n animation-delay: 3s;\n}\n\n@keyframes float {\n 0%, 100% { \n transform: translateY(0px) translateX(0px) rotate(0deg); \n }\n 33% { \n transform: translateY(-25px) translateX(15px) rotate(120deg); \n }\n 66% { \n transform: translateY(10px) translateX(-20px) rotate(240deg); \n }\n}\n\n\/* Container *\/\n.hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 5rem;\n align-items: center;\n position: relative;\n z-index: 2;\n}\n\n\/* Left Side - Content *\/\n.hero-content {\n padding-right: 2rem;\n position: relative;\n}\n\n.text-highlight-wrapper {\n position: relative;\n margin-bottom: 2rem;\n}\n\n.hero-content h1 {\n font-size: clamp(3rem, 5vw, 4.8rem);\n font-weight: 900;\n line-height: 1.05;\n margin-bottom: 1rem;\n text-shadow: 3px 6px 12px rgba(0,0,0,0.3);\n position: relative;\n letter-spacing: -0.02em;\n}\n\n.golden-text {\n display: block;\n background: linear-gradient(45deg, var(--golden-yellow), var(--bright-yellow), #fcd34d);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-shadow: none;\n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4));\n animation: shimmer 3s ease-in-out infinite;\n margin-top: 0.5rem;\n}\n\n@keyframes shimmer {\n 0%, 100% { \n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4)) brightness(1); \n }\n 50% { \n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4)) brightness(1.3); \n }\n}\n\n.green-accent-line {\n width: 100px;\n height: 5px;\n background: linear-gradient(90deg, var(--secondary-green), var(--light-green));\n border-radius: 3px;\n margin: 1.5rem 0 1rem 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(5, 150, 105, 0.4);\n}\n\n.green-accent-line::after {\n content: '';\n position: absolute;\n width: 40px;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n animation: slide 2.5s infinite;\n}\n\n@keyframes slide {\n 0% { transform: translateX(-40px); }\n 100% { transform: translateX(140px); }\n}\n\n.green-dots-accent {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.dot-accent {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--secondary-green);\n box-shadow: 0 0 10px rgba(5, 150, 105, 0.5);\n animation: pulse-green 2s infinite;\n}\n\n.dot-accent:nth-child(2) { animation-delay: 0.4s; }\n.dot-accent:nth-child(3) { animation-delay: 0.8s; }\n\n@keyframes pulse-green {\n 0%, 100% { \n transform: scale(1); \n box-shadow: 0 0 10px rgba(5, 150, 105, 0.5); \n }\n 50% { \n transform: scale(1.3); \n box-shadow: 0 0 20px rgba(5, 150, 105, 0.8); \n }\n}\n\n.hero-description {\n font-size: 1.35rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.96;\n font-weight: 400;\n text-shadow: 1px 2px 4px rgba(0,0,0,0.2);\n max-width: 500px;\n}\n\n\/* Decorative Green Elements *\/\n.decorative-elements {\n position: absolute;\n top: 0;\n left: -3rem;\n z-index: -1;\n}\n\n.green-circle {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--secondary-green), var(--light-green));\n opacity: 0.2;\n position: absolute;\n top: -2rem;\n left: -2rem;\n animation: rotate 10s linear infinite;\n}\n\n.green-wave {\n width: 150px;\n height: 40px;\n background: linear-gradient(90deg, transparent, var(--secondary-green), transparent);\n opacity: 0.15;\n border-radius: 20px;\n position: absolute;\n top: 8rem;\n left: -1rem;\n animation: wave 4s ease-in-out infinite;\n}\n\n@keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n@keyframes wave {\n 0%, 100% { transform: translateX(0) scaleX(1); }\n 50% { transform: translateX(20px) scaleX(1.2); }\n}\n\n\/* Buttons *\/\n.hero-buttons {\n display: flex;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.3rem 2.8rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 1.1rem;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n overflow: hidden;\n backdrop-filter: blur(20px);\n border: 2px solid rgba(255,255,255,0.25);\n}\n\n.primary-btn {\n background: linear-gradient(135deg, \n var(--glass-overlay), \n rgba(255,255,255,0.08));\n color: var(--pure-white);\n box-shadow: 0 10px 40px rgba(0,0,0,0.2), \n inset 0 1px 0 rgba(255,255,255,0.25),\n 0 0 0 1px rgba(5, 150, 105, 0.3);\n}\n\n.btn:hover {\n transform: translateY(-4px) scale(1.03);\n box-shadow: 0 15px 50px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.4),\n 0 0 0 2px var(--secondary-green);\n border-color: rgba(255,255,255,0.6);\n}\n\n.btn-icon {\n font-size: 1.3rem;\n filter: drop-shadow(0 0 12px rgba(255,255,255,0.6));\n}\n\n.btn-shine {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n transition: left 0.6s;\n}\n\n.btn:hover .btn-shine {\n left: 100%;\n}\n\n\/* Right Side - Gallery *\/\n.hero-gallery {\n position: relative;\n}\n\n.gallery-wrapper {\n position: relative;\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 1.5rem;\n height: 620px;\n}\n\n.gallery-item {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(15px);\n}\n\n.gallery-item.main-image {\n grid-row: 1 \/ -1;\n}\n\n.gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.7s ease;\n filter: brightness(0.9) saturate(1.1);\n}\n\n.gallery-item:hover {\n transform: translateY(-10px) scale(1.03);\n box-shadow: 0 25px 80px rgba(0,0,0,0.4);\n}\n\n.gallery-item:hover img {\n transform: scale(1.12);\n filter: brightness(1.1) saturate(1.2);\n}\n\n.image-border {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 3px solid transparent;\n border-radius: 24px;\n background: linear-gradient(45deg, \n var(--secondary-green), \n var(--light-green), \n var(--primary-sky-blue),\n var(--golden-yellow)) border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: subtract;\n mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n mask-composite: subtract;\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n\n.gallery-item:hover .image-border {\n opacity: 1;\n}\n\n.image-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(transparent, rgba(0,0,0,0.85));\n padding: 2.5rem 1.8rem 1.8rem;\n transform: translateY(100%);\n transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gallery-item:hover .image-overlay {\n transform: translateY(0);\n}\n\n.overlay-content {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n}\n\n.overlay-title {\n color: var(--pure-white);\n font-weight: 700;\n font-size: 1.1rem;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.6);\n}\n\n.overlay-line {\n width: 50px;\n height: 4px;\n background: linear-gradient(90deg, var(--secondary-green), var(--light-green));\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(5, 150, 105, 0.6);\n}\n\n\/* Gallery Glow Effect *\/\n.gallery-glow {\n position: absolute;\n top: -60px;\n right: -60px;\n width: 250px;\n height: 250px;\n background: radial-gradient(circle, var(--secondary-green) 0%, transparent 70%);\n opacity: 0.25;\n border-radius: 50%;\n filter: blur(50px);\n animation: glow 5s ease-in-out infinite;\n}\n\n@keyframes glow {\n 0%, 100% { \n transform: scale(1) translate(0, 0); \n opacity: 0.25; \n }\n 50% { \n transform: scale(1.3) translate(25px, -25px); \n opacity: 0.4; \n }\n}\n\n\/* Scroll Indicator *\/\n.scroll-indicator {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0.8;\n}\n\n.scroll-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--secondary-green);\n box-shadow: 0 0 15px rgba(5, 150, 105, 0.6);\n animation: bounce 2.5s infinite;\n}\n\n.scroll-line {\n width: 2px;\n height: 35px;\n background: linear-gradient(to bottom, var(--secondary-green), transparent);\n}\n\n@keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(12px); }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n .hero-container {\n grid-template-columns: 1fr;\n gap: 4rem;\n text-align: center;\n }\n \n .hero-content {\n padding-right: 0;\n order: 2;\n }\n \n .hero-gallery {\n order: 1;\n }\n \n .gallery-grid {\n height: 520px;\n max-width: 650px;\n margin: 0 auto;\n }\n \n .decorative-elements {\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n@media (max-width: 768px) {\n .hero-gallery-block {\n padding: 4rem 1.5rem;\n }\n \n .hero-container {\n gap: 3rem;\n }\n \n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n height: 420px;\n }\n \n .gallery-item.main-image {\n grid-row: 1;\n grid-column: 1 \/ -1;\n }\n \n .btn {\n padding: 1.1rem 2.2rem;\n font-size: 1rem;\n }\n \n .hero-description {\n font-size: 1.2rem;\n }\n}\n\n@media (max-width: 480px) {\n .hero-gallery-block {\n padding: 3rem 1rem;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n max-width: 300px;\n justify-content: center;\n }\n \n .gallery-grid {\n grid-template-columns: 1fr;\n height: 380px;\n }\n \n .gallery-item.main-image {\n grid-row: 1;\n grid-column: 1;\n }\n \n .hero-description {\n font-size: 1.1rem;\n max-width: 100%;\n }\n}\n\n\/* WordPress\/Astra Theme Compatibility *\/\n.hero-gallery-block * {\n box-sizing: border-box;\n}\n\n.hero-gallery-block {\n margin: 0 !important;\n width: 100vw;\n margin-left: calc(50% - 50vw) !important;\n}\n\n\/* Entrance Animations *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(60px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.hero-content {\n animation: fadeInUp 1.2s ease-out;\n}\n\n.hero-gallery {\n animation: fadeInRight 1.2s ease-out 0.3s both;\n}\n\n.gallery-item {\n animation: fadeInUp 1s ease-out both;\n}\n\n.gallery-item:nth-child(1) { animation-delay: 0.6s; }\n.gallery-item:nth-child(2) { animation-delay: 0.8s; }\n.gallery-item:nth-child(3) { animation-delay: 1s; }\n.gallery-item:nth-child(4) { animation-delay: 1.2s; }\n.gallery-item:nth-child(5) { animation-delay: 1.4s; }\n<\/style>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">How SanitTech Helps<\/h1>\n\n\n\n<p class=\"has-text-align-center\">Comprehensive tools and resources to improve sanitation and hygiene practices across Uganda<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Community Engagement<\/strong><\/p>\n\n\n\n<p>Connect with local health workers, report sanitation issues, and participate in community hygiene initiatives.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Interactive Resource Map<\/strong><\/p>\n\n\n\n<p>Find nearby public toilets, clean water sources, and sanitation-related NGOs with our interactive community map.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Educational Content Hub<\/strong><\/p>\n\n\n\n<p>Access comprehensive guides on proper hygiene practices, disease prevention, and sanitation techniques in multiple local languages.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Multilingual Support<\/strong><\/p>\n\n\n\n<p>Content available in English, Luganda, Runyankore, and other local languages to ensure maximum accessibility.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Health Alerts & Updates<\/strong><\/p>\n\n\n\n<p>Receive timely notifications about new sanitation services, health campaigns, and community events in your area<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Mobile-First Design<\/strong><\/p>\n\n\n\n<p>Optimized for mobile devices to ensure accessibility even in areas with limited internet connectivity.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center\">Educational Resources Library<\/h1>\n\n\n\n<p class=\"has-text-align-center\">Access comprehensive guides, videos, and materials on sanitation and hygiene practices<\/p>\n\n\n\n\n<div class=\"info-buttons\">\n <a href=\"https:\/\/bsu.websitecompetition.top\/index.php\/resources\/\" class=\"info-btn\">\n \ud83e\uddfc Hygiene Guides\n <\/a>\n<\/div>\n\n<style>\n .info-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .info-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n background-color: #ffffff;\n color: #4a56e2;\n border: 2px solid #4a56e2;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: bold;\n text-decoration: none;\n transition: all 0.3s ease-in-out;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n }\n\n .info-btn:hover {\n background-color: #4a56e2;\n color: white;\n transform: scale(1.05);\n }\n<\/style>\n\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Proper Handwashing Techniques<\/strong><\/p>\n\n\n\n<p>Step-by-step guide to effective handwashing that prevents disease transmission.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Home Sanitation Checklist<\/strong><\/p>\n\n\n\n<p>Complete checklist for maintaining proper sanitation in your home environment.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Safe Water Storage & Treatment<\/strong><\/p>\n\n\n\n<p>Learn how to safely store and treat water to prevent waterborne diseases.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Find Sanitation Resources Near You<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">Locate healthcare facilities, clean water points, and sanitation services in your area with our interactive resource map.<\/p>\n\n\n\n<div class=\"wp-block-buttons alignwide is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.google.com\/maps\/@0.315117,32.582058,15z?hl=en-US&entry=ttu&g_ep=EgoyMDI1MDYxNi4wIKXMDSoASAFQAw%3D%3D\">Find resource map<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\n<div class=\"subscribe-section\">\n <h2>Join the Sanitation Movement<\/h2>\n <p>Pledge your support to help improve hygiene and health in Ugandan communities. Be part of the change!<\/p>\n\n <form class=\"subscribe-form\" action=\"https:\/\/formspree.io\/f\/mrbklnor\" method=\"POST\">\n <input type=\"text\" name=\"name\" placeholder=\"Your Full Name\" required \/>\n <input type=\"email\" name=\"email\" placeholder=\"Your Email Address\" required \/>\n \n \n <input type=\"hidden\" name=\"_redirect\" value=\"https:\/\/bsu.websitecompetition.top\/index.php\/community\/#\" \/>\n \n <button type=\"submit\">\u270a I Pledge<\/button>\n <\/form>\n<\/div>\n\n<style>\n .subscribe-section {\n background: linear-gradient(#0ea5e9);\n padding: 3rem 1rem;\n text-align: center;\n color: white;\n font-family: \"Segoe UI\", sans-serif;\n }\n\n .subscribe-section h2 {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n .subscribe-section p {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n color: #f3f3f3;\n }\n\n .subscribe-form {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .subscribe-form input {\n padding: 0.9rem 1.2rem;\n border-radius: 999px;\n border: none;\n font-size: 1rem;\n width: 260px;\n max-width: 100%;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n }\n\n .subscribe-form input:focus {\n outline: none;\n }\n\n .subscribe-form button {\n padding: 0.9rem 1.8rem;\n background-color: #ffd700;\n color: #333;\n font-weight: bold;\n font-size: 1rem;\n border: none;\n border-radius: 999px;\n cursor: pointer;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n }\n\n .subscribe-form button:hover {\n background-color: #ffcc00;\n }\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Clean Communities Hero Section Clean CommunitiesHealthy Lives Empowering Ugandan communities with essential sanitation and hygiene knowledge to prevent diseases and […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","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:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":84,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/620"}],"wp:attachment":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2025-06-13T17:49:01","date_gmt":"2025-06-13T17:49:01","guid":{"rendered":"https:\/\/bsu.websitecompetition.top\/?page_id=15"},"modified":"2025-06-19T19:13:29","modified_gmt":"2025-06-19T19:13:29","slug":"home","status":"publish","type":"page","link":"https:\/\/bsu.websitecompetition.top\/","title":{"rendered":"Home"},"content":{"rendered":"\n \n\n\n \n \n Clean Communities Hero Section<\/title>\n<\/head>\n<body>\n\n\n<section class=\"hero-gallery-block\">\n \n <div class=\"bg-animation\">\n <div class=\"floating-shape shape-1\"><\/div>\n <div class=\"floating-shape shape-2\"><\/div>\n <div class=\"floating-shape shape-3\"><\/div>\n <div class=\"floating-shape shape-4\"><\/div>\n <div class=\"floating-shape shape-5\"><\/div>\n <\/div>\n \n <div class=\"hero-container\">\n \n \n <div class=\"hero-content\">\n <div class=\"text-highlight-wrapper\">\n <h1>Clean Communities<br><span class=\"golden-text\">Healthy Lives<\/span><\/h1>\n <div class=\"green-accent-line\"><\/div>\n <div class=\"green-dots-accent\">\n <span class=\"dot-accent\"><\/span>\n <span class=\"dot-accent\"><\/span>\n <span class=\"dot-accent\"><\/span>\n <\/div>\n <\/div>\n <p class=\"hero-description\">Empowering Ugandan communities with essential sanitation and hygiene knowledge to prevent diseases and improve quality of life.<\/p>\n \n <div class=\"hero-buttons\">\n <a href=\"https:\/\/bsu.websitecompetition.top\/index.php\/resources\/\" class=\"btn primary-btn\">\n <span class=\"btn-icon\">\ud83d\udcd8<\/span>\n <span>Find Resources<\/span>\n <div class=\"btn-shine\"><\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"decorative-elements\">\n <div class=\"green-circle\"><\/div>\n <div class=\"green-wave\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"hero-gallery\">\n <div class=\"gallery-wrapper\">\n <div class=\"gallery-grid\">\n <div class=\"gallery-item main-image\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/Sanitech-1.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Community Action<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/hand-washing-2.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Proper Hands Washing<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/clean-water.png\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Clean Water<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/picking.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Environmental Care<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n \n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bsu.websitecompetition.top\/wp-content\/uploads\/2025\/06\/Bore-Hole-Project-tacts-3.jpg\" \/>\n <div class=\"image-overlay\">\n <div class=\"overlay-content\">\n <span class=\"overlay-title\">Water Access<\/span>\n <div class=\"overlay-line\"><\/div>\n <\/div>\n <\/div>\n <div class=\"image-border\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"gallery-glow\"><\/div>\n <\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"scroll-indicator\">\n <div class=\"scroll-dot\"><\/div>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* Sky Blue & Green Color Palette *\/\n:root {\n --primary-sky-blue: #0ea5e9;\n --light-sky-blue: #38bdf8;\n --deep-sky-blue: #0284c7;\n --sky-blue-light: #e0f2fe;\n --secondary-green: #059669;\n --light-green: #10b981;\n --emerald-green: #047857;\n --green-light: #d1fae5;\n --golden-yellow: #f59e0b;\n --bright-yellow: #fbbf24;\n --pure-white: #ffffff;\n --soft-white: #f8fafc;\n --text-dark: #1f2937;\n --glass-overlay: rgba(255, 255, 255, 0.15);\n}\n\n\/* Reset and Base *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n overflow-x: hidden;\n}\n\n\/* Hero Gallery Section *\/\n.hero-gallery-block {\n background: linear-gradient(135deg, \n var(--primary-sky-blue) 0%, \n var(--light-sky-blue) 40%, \n var(--deep-sky-blue) 100%);\n padding: 5rem 2rem;\n color: var(--pure-white);\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n\/* Animated Background *\/\n.bg-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}\n\n.floating-shape {\n position: absolute;\n border-radius: 50%;\n opacity: 0.12;\n animation: float 8s ease-in-out infinite;\n}\n\n.shape-1 {\n width: 220px;\n height: 220px;\n background: var(--secondary-green);\n top: 8%;\n left: 5%;\n animation-delay: 0s;\n}\n\n.shape-2 {\n width: 180px;\n height: 180px;\n background: var(--golden-yellow);\n top: 55%;\n right: 10%;\n animation-delay: 2s;\n}\n\n.shape-3 {\n width: 140px;\n height: 140px;\n background: var(--light-green);\n top: 25%;\n right: 35%;\n animation-delay: 4s;\n}\n\n.shape-4 {\n width: 160px;\n height: 160px;\n background: var(--sky-blue-light);\n bottom: 15%;\n left: 15%;\n animation-delay: 1s;\n}\n\n.shape-5 {\n width: 100px;\n height: 100px;\n background: var(--bright-yellow);\n top: 40%;\n left: 50%;\n animation-delay: 3s;\n}\n\n@keyframes float {\n 0%, 100% { \n transform: translateY(0px) translateX(0px) rotate(0deg); \n }\n 33% { \n transform: translateY(-25px) translateX(15px) rotate(120deg); \n }\n 66% { \n transform: translateY(10px) translateX(-20px) rotate(240deg); \n }\n}\n\n\/* Container *\/\n.hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 5rem;\n align-items: center;\n position: relative;\n z-index: 2;\n}\n\n\/* Left Side - Content *\/\n.hero-content {\n padding-right: 2rem;\n position: relative;\n}\n\n.text-highlight-wrapper {\n position: relative;\n margin-bottom: 2rem;\n}\n\n.hero-content h1 {\n font-size: clamp(3rem, 5vw, 4.8rem);\n font-weight: 900;\n line-height: 1.05;\n margin-bottom: 1rem;\n text-shadow: 3px 6px 12px rgba(0,0,0,0.3);\n position: relative;\n letter-spacing: -0.02em;\n}\n\n.golden-text {\n display: block;\n background: linear-gradient(45deg, var(--golden-yellow), var(--bright-yellow), #fcd34d);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-shadow: none;\n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4));\n animation: shimmer 3s ease-in-out infinite;\n margin-top: 0.5rem;\n}\n\n@keyframes shimmer {\n 0%, 100% { \n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4)) brightness(1); \n }\n 50% { \n filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.4)) brightness(1.3); \n }\n}\n\n.green-accent-line {\n width: 100px;\n height: 5px;\n background: linear-gradient(90deg, var(--secondary-green), var(--light-green));\n border-radius: 3px;\n margin: 1.5rem 0 1rem 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(5, 150, 105, 0.4);\n}\n\n.green-accent-line::after {\n content: '';\n position: absolute;\n width: 40px;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n animation: slide 2.5s infinite;\n}\n\n@keyframes slide {\n 0% { transform: translateX(-40px); }\n 100% { transform: translateX(140px); }\n}\n\n.green-dots-accent {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.dot-accent {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--secondary-green);\n box-shadow: 0 0 10px rgba(5, 150, 105, 0.5);\n animation: pulse-green 2s infinite;\n}\n\n.dot-accent:nth-child(2) { animation-delay: 0.4s; }\n.dot-accent:nth-child(3) { animation-delay: 0.8s; }\n\n@keyframes pulse-green {\n 0%, 100% { \n transform: scale(1); \n box-shadow: 0 0 10px rgba(5, 150, 105, 0.5); \n }\n 50% { \n transform: scale(1.3); \n box-shadow: 0 0 20px rgba(5, 150, 105, 0.8); \n }\n}\n\n.hero-description {\n font-size: 1.35rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.96;\n font-weight: 400;\n text-shadow: 1px 2px 4px rgba(0,0,0,0.2);\n max-width: 500px;\n}\n\n\/* Decorative Green Elements *\/\n.decorative-elements {\n position: absolute;\n top: 0;\n left: -3rem;\n z-index: -1;\n}\n\n.green-circle {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--secondary-green), var(--light-green));\n opacity: 0.2;\n position: absolute;\n top: -2rem;\n left: -2rem;\n animation: rotate 10s linear infinite;\n}\n\n.green-wave {\n width: 150px;\n height: 40px;\n background: linear-gradient(90deg, transparent, var(--secondary-green), transparent);\n opacity: 0.15;\n border-radius: 20px;\n position: absolute;\n top: 8rem;\n left: -1rem;\n animation: wave 4s ease-in-out infinite;\n}\n\n@keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n@keyframes wave {\n 0%, 100% { transform: translateX(0) scaleX(1); }\n 50% { transform: translateX(20px) scaleX(1.2); }\n}\n\n\/* Buttons *\/\n.hero-buttons {\n display: flex;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.3rem 2.8rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 1.1rem;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n overflow: hidden;\n backdrop-filter: blur(20px);\n border: 2px solid rgba(255,255,255,0.25);\n}\n\n.primary-btn {\n background: linear-gradient(135deg, \n var(--glass-overlay), \n rgba(255,255,255,0.08));\n color: var(--pure-white);\n box-shadow: 0 10px 40px rgba(0,0,0,0.2), \n inset 0 1px 0 rgba(255,255,255,0.25),\n 0 0 0 1px rgba(5, 150, 105, 0.3);\n}\n\n.btn:hover {\n transform: translateY(-4px) scale(1.03);\n box-shadow: 0 15px 50px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.4),\n 0 0 0 2px var(--secondary-green);\n border-color: rgba(255,255,255,0.6);\n}\n\n.btn-icon {\n font-size: 1.3rem;\n filter: drop-shadow(0 0 12px rgba(255,255,255,0.6));\n}\n\n.btn-shine {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n transition: left 0.6s;\n}\n\n.btn:hover .btn-shine {\n left: 100%;\n}\n\n\/* Right Side - Gallery *\/\n.hero-gallery {\n position: relative;\n}\n\n.gallery-wrapper {\n position: relative;\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 1.5rem;\n height: 620px;\n}\n\n.gallery-item {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(15px);\n}\n\n.gallery-item.main-image {\n grid-row: 1 \/ -1;\n}\n\n.gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.7s ease;\n filter: brightness(0.9) saturate(1.1);\n}\n\n.gallery-item:hover {\n transform: translateY(-10px) scale(1.03);\n box-shadow: 0 25px 80px rgba(0,0,0,0.4);\n}\n\n.gallery-item:hover img {\n transform: scale(1.12);\n filter: brightness(1.1) saturate(1.2);\n}\n\n.image-border {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 3px solid transparent;\n border-radius: 24px;\n background: linear-gradient(45deg, \n var(--secondary-green), \n var(--light-green), \n var(--primary-sky-blue),\n var(--golden-yellow)) border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: subtract;\n mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n mask-composite: subtract;\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n\n.gallery-item:hover .image-border {\n opacity: 1;\n}\n\n.image-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(transparent, rgba(0,0,0,0.85));\n padding: 2.5rem 1.8rem 1.8rem;\n transform: translateY(100%);\n transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gallery-item:hover .image-overlay {\n transform: translateY(0);\n}\n\n.overlay-content {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n}\n\n.overlay-title {\n color: var(--pure-white);\n font-weight: 700;\n font-size: 1.1rem;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.6);\n}\n\n.overlay-line {\n width: 50px;\n height: 4px;\n background: linear-gradient(90deg, var(--secondary-green), var(--light-green));\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(5, 150, 105, 0.6);\n}\n\n\/* Gallery Glow Effect *\/\n.gallery-glow {\n position: absolute;\n top: -60px;\n right: -60px;\n width: 250px;\n height: 250px;\n background: radial-gradient(circle, var(--secondary-green) 0%, transparent 70%);\n opacity: 0.25;\n border-radius: 50%;\n filter: blur(50px);\n animation: glow 5s ease-in-out infinite;\n}\n\n@keyframes glow {\n 0%, 100% { \n transform: scale(1) translate(0, 0); \n opacity: 0.25; \n }\n 50% { \n transform: scale(1.3) translate(25px, -25px); \n opacity: 0.4; \n }\n}\n\n\/* Scroll Indicator *\/\n.scroll-indicator {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0.8;\n}\n\n.scroll-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--secondary-green);\n box-shadow: 0 0 15px rgba(5, 150, 105, 0.6);\n animation: bounce 2.5s infinite;\n}\n\n.scroll-line {\n width: 2px;\n height: 35px;\n background: linear-gradient(to bottom, var(--secondary-green), transparent);\n}\n\n@keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(12px); }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n .hero-container {\n grid-template-columns: 1fr;\n gap: 4rem;\n text-align: center;\n }\n \n .hero-content {\n padding-right: 0;\n order: 2;\n }\n \n .hero-gallery {\n order: 1;\n }\n \n .gallery-grid {\n height: 520px;\n max-width: 650px;\n margin: 0 auto;\n }\n \n .decorative-elements {\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n@media (max-width: 768px) {\n .hero-gallery-block {\n padding: 4rem 1.5rem;\n }\n \n .hero-container {\n gap: 3rem;\n }\n \n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n height: 420px;\n }\n \n .gallery-item.main-image {\n grid-row: 1;\n grid-column: 1 \/ -1;\n }\n \n .btn {\n padding: 1.1rem 2.2rem;\n font-size: 1rem;\n }\n \n .hero-description {\n font-size: 1.2rem;\n }\n}\n\n@media (max-width: 480px) {\n .hero-gallery-block {\n padding: 3rem 1rem;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n max-width: 300px;\n justify-content: center;\n }\n \n .gallery-grid {\n grid-template-columns: 1fr;\n height: 380px;\n }\n \n .gallery-item.main-image {\n grid-row: 1;\n grid-column: 1;\n }\n \n .hero-description {\n font-size: 1.1rem;\n max-width: 100%;\n }\n}\n\n\/* WordPress\/Astra Theme Compatibility *\/\n.hero-gallery-block * {\n box-sizing: border-box;\n}\n\n.hero-gallery-block {\n margin: 0 !important;\n width: 100vw;\n margin-left: calc(50% - 50vw) !important;\n}\n\n\/* Entrance Animations *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(60px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.hero-content {\n animation: fadeInUp 1.2s ease-out;\n}\n\n.hero-gallery {\n animation: fadeInRight 1.2s ease-out 0.3s both;\n}\n\n.gallery-item {\n animation: fadeInUp 1s ease-out both;\n}\n\n.gallery-item:nth-child(1) { animation-delay: 0.6s; }\n.gallery-item:nth-child(2) { animation-delay: 0.8s; }\n.gallery-item:nth-child(3) { animation-delay: 1s; }\n.gallery-item:nth-child(4) { animation-delay: 1.2s; }\n.gallery-item:nth-child(5) { animation-delay: 1.4s; }\n<\/style>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">How SanitTech Helps<\/h1>\n\n\n\n<p class=\"has-text-align-center\">Comprehensive tools and resources to improve sanitation and hygiene practices across Uganda<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Community Engagement<\/strong><\/p>\n\n\n\n<p>Connect with local health workers, report sanitation issues, and participate in community hygiene initiatives.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Interactive Resource Map<\/strong><\/p>\n\n\n\n<p>Find nearby public toilets, clean water sources, and sanitation-related NGOs with our interactive community map.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Educational Content Hub<\/strong><\/p>\n\n\n\n<p>Access comprehensive guides on proper hygiene practices, disease prevention, and sanitation techniques in multiple local languages.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Multilingual Support<\/strong><\/p>\n\n\n\n<p>Content available in English, Luganda, Runyankore, and other local languages to ensure maximum accessibility.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Health Alerts & Updates<\/strong><\/p>\n\n\n\n<p>Receive timely notifications about new sanitation services, health campaigns, and community events in your area<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-768cb4c4 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--white);border-top-width:1px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--vivid-cyan-blue);border-left-width:5px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Mobile-First Design<\/strong><\/p>\n\n\n\n<p>Optimized for mobile devices to ensure accessibility even in areas with limited internet connectivity.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center\">Educational Resources Library<\/h1>\n\n\n\n<p class=\"has-text-align-center\">Access comprehensive guides, videos, and materials on sanitation and hygiene practices<\/p>\n\n\n\n\n<div class=\"info-buttons\">\n <a href=\"https:\/\/bsu.websitecompetition.top\/index.php\/resources\/\" class=\"info-btn\">\n \ud83e\uddfc Hygiene Guides\n <\/a>\n<\/div>\n\n<style>\n .info-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .info-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n background-color: #ffffff;\n color: #4a56e2;\n border: 2px solid #4a56e2;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: bold;\n text-decoration: none;\n transition: all 0.3s ease-in-out;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n }\n\n .info-btn:hover {\n background-color: #4a56e2;\n color: white;\n transform: scale(1.05);\n }\n<\/style>\n\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Proper Handwashing Techniques<\/strong><\/p>\n\n\n\n<p>Step-by-step guide to effective handwashing that prevents disease transmission.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Home Sanitation Checklist<\/strong><\/p>\n\n\n\n<p>Complete checklist for maintaining proper sanitation in your home environment.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-container-core-column-is-layout-df5ba127 wp-block-column-is-layout-flow\" style=\"border-radius:15px;border-top-color:var(--wp--preset--color--vivid-cyan-blue);border-top-width:5px;border-right-color:var(--wp--preset--color--white);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-width:2px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);box-shadow:var(--wp--preset--shadow--natural)\">\n<p><strong>Safe Water Storage & Treatment<\/strong><\/p>\n\n\n\n<p>Learn how to safely store and treat water to prevent waterborne diseases.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Find Sanitation Resources Near You<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">Locate healthcare facilities, clean water points, and sanitation services in your area with our interactive resource map.<\/p>\n\n\n\n<div class=\"wp-block-buttons alignwide is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.google.com\/maps\/@0.315117,32.582058,15z?hl=en-US&entry=ttu&g_ep=EgoyMDI1MDYxNi4wIKXMDSoASAFQAw%3D%3D\">Find resource map<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\n<div class=\"subscribe-section\">\n <h2>Join the Sanitation Movement<\/h2>\n <p>Pledge your support to help improve hygiene and health in Ugandan communities. Be part of the change!<\/p>\n\n <form class=\"subscribe-form\" action=\"https:\/\/formspree.io\/f\/mrbklnor\" method=\"POST\">\n <input type=\"text\" name=\"name\" placeholder=\"Your Full Name\" required \/>\n <input type=\"email\" name=\"email\" placeholder=\"Your Email Address\" required \/>\n \n \n <input type=\"hidden\" name=\"_redirect\" value=\"https:\/\/bsu.websitecompetition.top\/index.php\/community\/#\" \/>\n \n <button type=\"submit\">\u270a I Pledge<\/button>\n <\/form>\n<\/div>\n\n<style>\n .subscribe-section {\n background: linear-gradient(#0ea5e9);\n padding: 3rem 1rem;\n text-align: center;\n color: white;\n font-family: \"Segoe UI\", sans-serif;\n }\n\n .subscribe-section h2 {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n .subscribe-section p {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n color: #f3f3f3;\n }\n\n .subscribe-form {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .subscribe-form input {\n padding: 0.9rem 1.2rem;\n border-radius: 999px;\n border: none;\n font-size: 1rem;\n width: 260px;\n max-width: 100%;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n }\n\n .subscribe-form input:focus {\n outline: none;\n }\n\n .subscribe-form button {\n padding: 0.9rem 1.8rem;\n background-color: #ffd700;\n color: #333;\n font-weight: bold;\n font-size: 1rem;\n border: none;\n border-radius: 999px;\n cursor: pointer;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n }\n\n .subscribe-form button:hover {\n background-color: #ffcc00;\n }\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Clean Communities Hero Section Clean CommunitiesHealthy Lives Empowering Ugandan communities with essential sanitation and hygiene knowledge to prevent diseases and […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","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:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":84,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/620"}],"wp:attachment":[{"href":"https:\/\/bsu.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}