{"id":205,"date":"2025-07-01T10:38:01","date_gmt":"2025-07-01T10:38:01","guid":{"rendered":"https:\/\/lwegatech.net\/aliyahorphanage\/?page_id=205"},"modified":"2025-07-14T07:56:56","modified_gmt":"2025-07-14T07:56:56","slug":"clean-water","status":"publish","type":"page","link":"https:\/\/lwegatech.net\/aliyahorphanage\/clean-water\/","title":{"rendered":"Clean Water"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">    \r\n    <div class=\"aliyah-clean-water-project\">\r\n        <style>\r\n            .aliyah-clean-water-project {\r\n                max-width: 1200px;\r\n                margin: 40px auto;\r\n                padding: 50px;\r\n                background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n                position: relative;\r\n                font-family: 'Arial', sans-serif;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .aliyah-clean-water-project::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background-image: \r\n                    radial-gradient(circle at 20% 50%, rgba(0,0,0,0.02) 1px, transparent 1px),\r\n                    radial-gradient(circle at 80% 50%, rgba(0,0,0,0.02) 1px, transparent 1px),\r\n                    radial-gradient(circle at 40% 20%, rgba(0,0,0,0.01) 1px, transparent 1px);\r\n                background-size: 60px 60px, 80px 80px, 100px 100px;\r\n                pointer-events: none;\r\n            }\r\n            \r\n            .project-header {\r\n                text-align: center;\r\n                margin-bottom: 50px;\r\n                padding-bottom: 30px;\r\n                border-bottom: 2px solid #dee2e6;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .project-title {\r\n                font-size: 2.8em;\r\n                color: #2c3e50;\r\n                margin: 0 0 15px 0;\r\n                font-weight: 700;\r\n                letter-spacing: -1px;\r\n            }\r\n            \r\n            .project-subtitle {\r\n                font-size: 1.3em;\r\n                color: #6c757d;\r\n                margin: 0;\r\n                font-weight: 300;\r\n            }\r\n            \r\n            .project-content {\r\n                display: flex;\r\n                gap: 40px;\r\n                align-items: flex-start;\r\n                flex-wrap: wrap;\r\n            }\r\n            \r\n            .project-info {\r\n                flex: 1;\r\n                min-width: 400px;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .project-summary {\r\n                background: rgba(255, 255, 255, 0.9);\r\n                padding: 35px;\r\n                border-radius: 8px;\r\n                margin-bottom: 35px;\r\n                border: 1px solid #e9ecef;\r\n                box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            }\r\n            \r\n            .project-summary h3 {\r\n                color: #2c3e50;\r\n                margin-top: 0;\r\n                font-size: 1.6em;\r\n                font-weight: 600;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .project-summary p {\r\n                line-height: 1.8;\r\n                color: #495057;\r\n                font-size: 1.1em;\r\n                margin: 0;\r\n            }\r\n            \r\n            .project-details {\r\n                background: rgba(255, 255, 255, 0.95);\r\n                color: #2c3e50;\r\n                padding: 35px;\r\n                border-radius: 8px;\r\n                border: 1px solid #e9ecef;\r\n                box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            }\r\n            \r\n            .project-details h3 {\r\n                margin-top: 0;\r\n                font-size: 1.6em;\r\n                margin-bottom: 25px;\r\n                font-weight: 600;\r\n                color: #2c3e50;\r\n            }\r\n            \r\n            .detail-item {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 15px 0;\r\n                border-bottom: 1px solid #e9ecef;\r\n            }\r\n            \r\n            .detail-item:last-child {\r\n                border-bottom: none;\r\n            }\r\n            \r\n            .detail-label {\r\n                font-weight: 600;\r\n                font-size: 1.05em;\r\n                color: #495057;\r\n            }\r\n            \r\n            .detail-value {\r\n                font-size: 1.05em;\r\n                text-align: right;\r\n                font-weight: 500;\r\n                color: #2c3e50;\r\n            }\r\n            \r\n            .project-images {\r\n                flex: 0 0 450px;\r\n                position: relative;\r\n                height: 600px;\r\n            }\r\n            \r\n            .image-container {\r\n                position: absolute;\r\n                border-radius: 12px;\r\n                overflow: hidden;\r\n                box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n                transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n                border: 3px solid rgba(255,255,255,0.8);\r\n            }\r\n            \r\n            .image-container:hover {\r\n                transform: scale(1.03);\r\n                box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n            }\r\n            \r\n            .image-container img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                display: block;\r\n            }\r\n            \r\n            .image-1 {\r\n                top: 0;\r\n                left: 0;\r\n                width: 280px;\r\n                height: 200px;\r\n                z-index: 3;\r\n            }\r\n            \r\n            .image-2 {\r\n                top: 120px;\r\n                right: 0;\r\n                width: 260px;\r\n                height: 190px;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .image-3 {\r\n                bottom: 0;\r\n                left: 80px;\r\n                width: 300px;\r\n                height: 210px;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .status-badge {\r\n                display: inline-block;\r\n                padding: 10px 20px;\r\n                background: white;\r\n                color: #28a745;\r\n                border: 2px solid #28a745;\r\n                border-radius: 5px;\r\n                font-size: 0.95em;\r\n                font-weight: 600;\r\n                margin-top: 20px;\r\n                letter-spacing: 0.5px;\r\n                transition: all 0.3s ease;\r\n            }\r\n            \r\n            .status-badge:hover {\r\n                background: #28a745;\r\n                color: white;\r\n            }\r\n            \r\n            @media (max-width: 768px) {\r\n                .aliyah-clean-water-project {\r\n                    padding: 30px 20px;\r\n                    margin: 20px;\r\n                }\r\n                \r\n                .project-content {\r\n                    flex-direction: column;\r\n                }\r\n                \r\n                .project-images {\r\n                    flex: none;\r\n                    height: 400px;\r\n                    width: 100%;\r\n                    margin-top: 40px;\r\n                }\r\n                \r\n                .project-title {\r\n                    font-size: 2.2em;\r\n                }\r\n                \r\n                .image-1, .image-2, .image-3 {\r\n                    width: 200px;\r\n                    height: 150px;\r\n                }\r\n                \r\n                .image-2 {\r\n                    top: 80px;\r\n                }\r\n                \r\n                .image-3 {\r\n                    bottom: 30px;\r\n                    left: 40px;\r\n                }\r\n                \r\n                .project-info {\r\n                    min-width: auto;\r\n                }\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"project-header\">\r\n            <h2 class=\"project-title\">Clean Water Initiative<\/h2>\r\n            <p class=\"project-subtitle\">Providing Safe, Clean Water for Every Child<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"project-content\">\r\n            <div class=\"project-info\">\r\n                <div class=\"project-summary\">\r\n                    <h3>Project Overview<\/h3>\r\n                    <p>Our Clean Water Initiative is a transformative project designed to provide sustainable access to safe, clean drinking water for all children and staff at Aliyah Orphanage. Through the installation of modern water filtration systems, construction of protected water sources, and implementation of water quality monitoring protocols, we're ensuring that every child has access to this fundamental human right. This project will significantly improve health outcomes, reduce waterborne diseases, and create a foundation for better learning and development opportunities.<\/p>\r\n                    <span class=\"status-badge\">In Progress<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"project-details\">\r\n                    <h3>Project Details<\/h3>\r\n                    <div class=\"detail-item\">\r\n                        <span class=\"detail-label\">Total Budget<\/span>\r\n                        <span class=\"detail-value\">$15,000<\/span>\r\n                    <\/div>\r\n                    <div class=\"detail-item\">\r\n                        <span class=\"detail-label\">Duration<\/span>\r\n                        <span class=\"detail-value\">6 months<\/span>\r\n                    <\/div>\r\n                    <div class=\"detail-item\">\r\n                        <span class=\"detail-label\">Beneficiaries<\/span>\r\n                        <span class=\"detail-value\">200+ children and staff<\/span>\r\n                    <\/div>\r\n                    <div class=\"detail-item\">\r\n                        <span class=\"detail-label\">Location<\/span>\r\n                        <span class=\"detail-value\">Aliyah Orphanage Campus<\/span>\r\n                    <\/div>\r\n                    <div class=\"detail-item\">\r\n                        <span class=\"detail-label\">Impact<\/span>\r\n                        <span class=\"detail-value\">Long-term Health & Wellness<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"project-images\">\r\n                                    <div class=\"image-container image-1\">\r\n                        <img decoding=\"async\" src=\"https:\/\/lwegatech.net\/aliyahorphanage\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-25-at-5.26.29-PM1.jpeg\" \r\n                             alt=\"Clean Water Project - Image 1\" \r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                                    <div class=\"image-container image-2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/lwegatech.net\/aliyahorphanage\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-25-at-5.09.22-PM3.jpeg\" \r\n                             alt=\"Clean Water Project - Image 2\" \r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                                    <div class=\"image-container image-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/lwegatech.net\/aliyahorphanage\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-25-at-5.14.23-PM2.jpeg\" \r\n                             alt=\"Clean Water Project - Image 3\" \r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Help us provide access to safe drinking water, essential for the health and hygiene of our children<\/p>\n","protected":false},"author":1,"featured_media":19,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"categories":[16],"class_list":["post-205","page","type-page","status-publish","has-post-thumbnail","hentry","category-projects"],"campaignId":"","_links":{"self":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":5,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/205\/revisions\/726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media?parent=205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/categories?post=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}