{"id":143,"date":"2025-07-01T06:05:53","date_gmt":"2025-07-01T06:05:53","guid":{"rendered":"https:\/\/lwegatech.net\/aliyahorphanage\/?page_id=143"},"modified":"2025-07-04T09:47:21","modified_gmt":"2025-07-04T09:47:21","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/lwegatech.net\/aliyahorphanage\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">    <div class=\"contact-form-wrapper\">\r\n        <div class=\"contact-form-container\">\r\n            <!-- Image Column (50%) - LEFT SIDE -->\r\n            <div class=\"contact-image-column\">\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\" alt=\"Contact Aliyah Orphanage\" class=\"contact-image\">\r\n            <\/div>\r\n            \r\n            <!-- Form Column (50%) - RIGHT SIDE -->\r\n            <div class=\"contact-form-column\">\r\n                <div class=\"contact-form-card\">\r\n                    <div class=\"contact-form-inner\">\r\n                        <div class=\"contact-form\" style=\"height:100%;\">\r\n                            <div class=\"form-container\" style=\"height:100%;\">\r\n                                <form method=\"post\" class=\"inquiry-form\" id=\"contact-inquiry-form\" style=\"height:100%;\">\r\n                                    <input type=\"text\" name=\"company_name\" style=\"display:none\">                                    <input type=\"hidden\" name=\"form_time\" value=\"1775314190\">\r\n                                    \r\n                                    <div class=\"form-wrap\">\r\n                                        <div class=\"form-content\">\r\n                                            <h3 class=\"form-title\">How Can We Help?<\/h3>\r\n                                            <p class=\"response-time\">We typically respond within 24 hours.<\/p>\r\n                                            \r\n                                            <div class=\"form-field\">\r\n                                                <input type=\"text\" name=\"full_name\" class=\"form-input\" aria-required=\"true\" placeholder=\"Your Name*\" required>\r\n                                            <\/div>\r\n                                            \r\n                                            <div class=\"form-field\">\r\n                                                <input type=\"tel\" name=\"phone\" class=\"form-input\" aria-required=\"true\" placeholder=\"Phone Number*\" required>\r\n                                            <\/div>\r\n                                            \r\n                                            <div class=\"form-field\">\r\n                                                <input type=\"text\" name=\"subject\" class=\"form-input\" aria-required=\"true\" placeholder=\"Subject*\" required>\r\n                                            <\/div>\r\n                                            \r\n                                            <div class=\"form-field\">\r\n                                                <input type=\"email\" name=\"email\" class=\"form-input\" aria-required=\"true\" placeholder=\"Email Address*\" required>\r\n                                            <\/div>\r\n                                            \r\n                                            <div class=\"form-field\">\r\n                                                <textarea name=\"message\" cols=\"40\" rows=\"6\" class=\"form-textarea\" aria-required=\"true\" placeholder=\"Message*\" required><\/textarea>\r\n                                            <\/div>\r\n                                            \r\n                                            <div class=\"form-field button-container\">\r\n                                                <button type=\"submit\" name=\"contact_inquiry_submit\" class=\"submit-button\">SEND REQUEST <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    \r\n                                                                    <\/form>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <style>\r\n        .contact-form-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            padding: 20px;\r\n            background-color: transparent;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .contact-form-container {\r\n            display: flex;\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            min-height: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .contact-image-column {\r\n            width: 50%;\r\n            padding: 0;\r\n        }\r\n        \r\n        .contact-form-column {\r\n            width: 50%;\r\n            display: flex;\r\n            align-items: stretch;\r\n        }\r\n        \r\n        .contact-form-card {\r\n            background: white;\r\n            border-radius: 10px;\r\n            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            width: 100%;\r\n            padding: 53px 65px;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .contact-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        \r\n        .form-wrap {\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            height: 100%;\r\n            width: 100%;\r\n        }\r\n        \r\n        .form-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .form-field {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-input,\r\n        .form-textarea {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            font-size: 16px;\r\n            box-sizing: border-box;\r\n            transition: border-color 0.3s ease;\r\n            background-color: #fff;\r\n        }\r\n        \r\n        .form-input:focus,\r\n        .form-textarea:focus {\r\n            outline: none;\r\n            border-color: #FF6B00;\r\n        }\r\n        \r\n        .form-textarea {\r\n            min-height: 120px;\r\n            resize: vertical;\r\n        }\r\n        \r\n        .form-title {\r\n            font-size: 22px;\r\n            margin-bottom: 10px;\r\n            color: #333;\r\n            text-align: center;\r\n            font-weight: bold;\r\n        }\r\n        \r\n        .response-time {\r\n            font-size: 16px;\r\n            color: #666;\r\n            margin-bottom: 30px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .submit-button {\r\n            background-color: #FF6B00;\r\n            width: 100%;\r\n            border: none;\r\n            border-radius: 4px;\r\n            padding: 15px 20px;\r\n            font-weight: bold;\r\n            color: white;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .submit-button:hover {\r\n            background-color: #e05d00;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);\r\n        }\r\n        \r\n        .submit-button i {\r\n            margin-left: 10px;\r\n        }\r\n        \r\n        .form-response {\r\n            margin-top: 15px;\r\n            padding: 10px 15px;\r\n            border-radius: 5px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .form-response.success {\r\n            background-color: #d4edda;\r\n            color: #155724;\r\n            border: 1px solid #c3e6cb;\r\n        }\r\n        \r\n        .form-response.error {\r\n            background-color: #f8d7da;\r\n            color: #721c24;\r\n            border: 1px solid #f5c6cb;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .contact-form-wrapper {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .contact-form-container {\r\n                flex-direction: column;\r\n                min-height: auto;\r\n            }\r\n            \r\n            .contact-image-column,\r\n            .contact-form-column {\r\n                width: 100%;\r\n                height: auto;\r\n            }\r\n            \r\n            .contact-form-column {\r\n                order: 2;\r\n            }\r\n            \r\n            .contact-image-column {\r\n                height: 300px;\r\n                order: 1;\r\n            }\r\n            \r\n            .contact-form-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .contact-image {\r\n                height: 300px;\r\n            }\r\n            \r\n            .form-title {\r\n                font-size: 20px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .contact-form-card {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .submit-button {\r\n                padding: 12px 15px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n    \n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n    \r\n    <style>\r\n        .custom-contact-row {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            margin-bottom: 50px;\r\n        }\r\n        .custom-contact-section {\r\n            border-radius: 10px;\r\n            border: 1px dashed #DF5311;\r\n            padding: 20px;\r\n            flex: 1;\r\n            min-width: 250px;\r\n            position: relative;\r\n            box-sizing: border-box;\r\n        }\r\n        .custom-contact-container {\r\n            display: flex;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            gap: 15px;\r\n        }\r\n        .custom-contact-column {\r\n            position: relative;\r\n            box-sizing: border-box;\r\n        }\r\n        .custom-icon-column {\r\n            width: 60px;\r\n        }\r\n        .custom-content-column {\r\n            flex: 1;\r\n        }\r\n        .custom-widget-wrap {\r\n            width: 100%;\r\n            position: relative;\r\n        }\r\n        .custom-icon-list {\r\n            display: inline-block;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            text-align: center;\r\n            line-height: 50px;\r\n        }\r\n        .custom-icon-list i {\r\n            font-size: 24px;\r\n            color: white;\r\n        }\r\n        \/* Specific icon colors *\/\r\n        .custom-icon-list.phone-icon {\r\n            background: #DF5311;\r\n        }\r\n        .custom-icon-list.email-icon {\r\n            background: #2E8B8B;\r\n        }\r\n        .custom-icon-list.location-icon {\r\n            background: #8B4FB3;\r\n        }\r\n        .custom-heading h3 {\r\n            margin: 0 0 10px 0;\r\n            font-size: 18px;\r\n            color: #144047;\r\n            font-weight: 600;\r\n            font-family: \"Roboto\", sans-serif;\r\n        }\r\n        .custom-text-editor p {\r\n            margin: 5px 0 0;\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n            color: #636363;\r\n            font-family: \"Roboto\", sans-serif;\r\n        }\r\n        .custom-text-editor a {\r\n            color: #DF5311;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n        .custom-text-editor a:hover {\r\n            color: #144047;\r\n        }\r\n        \r\n        \/* Responsive adjustments *\/\r\n        @media (max-width: 992px) {\r\n            .custom-contact-section {\r\n                min-width: calc(50% - 20px);\r\n            }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .custom-contact-section {\r\n                min-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"custom-contact-row\">\r\n        <!-- Phone Section -->\r\n        <section class=\"custom-contact-section\">\r\n            <div class=\"custom-contact-container\">\r\n                <div class=\"custom-contact-column custom-icon-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-icon-list phone-icon\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"custom-contact-column custom-content-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-heading\">\r\n                            <h3>Call This Number<\/h3>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p><a href=\"tel:+18775958847\">+1 (877) 595-8847<\/a><\/p>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p>+2281234567890<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Email Section -->\r\n        <section class=\"custom-contact-section\">\r\n            <div class=\"custom-contact-container\">\r\n                <div class=\"custom-contact-column custom-icon-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-icon-list email-icon\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"custom-contact-column custom-content-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-heading\">\r\n                            <h3>Send Us An Email<\/h3>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p><a href=\"mailto:info@aliyahorphanage.org\">info@aliyahorphanage.org<\/a><\/p>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p><a href=\"mailto:admin@aliyahorphanage.org\">admin@aliyahorphanage.org<\/a><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Address Section -->\r\n        <section class=\"custom-contact-section\">\r\n            <div class=\"custom-contact-container\">\r\n                <div class=\"custom-contact-column custom-icon-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-icon-list location-icon\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"custom-contact-column custom-content-column\">\r\n                    <div class=\"custom-widget-wrap\">\r\n                        <div class=\"custom-heading\">\r\n                            <h3>Corporate Office<\/h3>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p>PO Box 5895<\/p>\r\n                        <\/div>\r\n                        <div class=\"custom-text-editor\">\r\n                            <p>San Diego, CA 92165<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    \n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"container-xxl\">\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d2007574.1512310226!2d0.267815!3d10.653747!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x11d54436607c6085%3A0x70bd1c574af62284!2sDapaong%2C%20Togo!5e0!3m2!1sen!2sus!4v1751544291496!5m2!1sen!2sus\" width=\"100%\" height=\"500\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":428,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"categories":[],"class_list":["post-143","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/143","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=143"}],"version-history":[{"count":8,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/pages\/143\/revisions\/420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media\/428"}],"wp:attachment":[{"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lwegatech.net\/aliyahorphanage\/wp-json\/wp\/v2\/categories?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}