{"id":2163,"date":"2026-05-06T20:18:42","date_gmt":"2026-05-06T20:18:42","guid":{"rendered":"https:\/\/hareerinitiative.com\/?page_id=2163"},"modified":"2026-05-13T17:03:05","modified_gmt":"2026-05-13T17:03:05","slug":"the-house-of-hope-initiative","status":"publish","type":"page","link":"https:\/\/hareerinitiative.com\/ar\/the-house-of-hope-initiative\/","title":{"rendered":"\u0645\u0628\u0627\u062f\u0631\u0629 \u0628\u064a\u062a \u0627\u0644\u0623\u0645\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"2163\" class=\"elementor elementor-2163\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e0b9c56 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e0b9c56\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-60 elementor-top-column elementor-element elementor-element-4dbd9a1\" data-id=\"4dbd9a1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-40 elementor-top-column elementor-element elementor-element-f0af590\" data-id=\"f0af590\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-034798a elementor-widget elementor-widget-givewp_campaign_goal\" data-id=\"034798a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_goal.default\">\n\t\t\t\t\t\n<div style=\"--givewp-primary-color: #0b72d9;--givewp-secondary-color: #27ae60\">\n    <div data-givewp-campaign-goal data-id=\"12\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6bf10 elementor-widget elementor-widget-givewp_campaign_stats\" data-id=\"6b6bf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_stats.default\">\n\t\t\t\t\t\n<div class=\"givewp-campaign-stats-block wp-block-givewp-campaign-stats-block\">\n    <span>Top Donation<\/span>\n    <strong>\u200f0.00\u00a0US$<\/strong>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e96e4a elementor-widget elementor-widget-givewp_campaign_stats\" data-id=\"2e96e4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_stats.default\">\n\t\t\t\t\t\n<div class=\"givewp-campaign-stats-block wp-block-givewp-campaign-stats-block\">\n    <span>Average Donation<\/span>\n    <strong>\u200f0.00\u00a0US$<\/strong>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec8acd6 elementor-widget elementor-widget-givewp_donation_form\" data-id=\"ec8acd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;display_style&quot;:&quot;modal&quot;,&quot;donate_button_text&quot;:&quot;Continue to Donate&quot;}\" data-widget_type=\"givewp_donation_form.default\">\n\t\t\t\t\t<div class='root-data-givewp-embed' data-form-locale='ar' data-form-url='https:\/\/hareerinitiative.com\/?post_type=give_forms&#038;p=2162' data-form-view-url='https:\/\/hareerinitiative.com\/ar\/?givewp-route=donation-form-view&form-id=2162' data-src='https:\/\/hareerinitiative.com\/ar\/?givewp-route=donation-form-view&form-id=2162' data-givewp-embed-id='give-form-shortcode-1' data-form-format='modal' data-open-form-button='Continue to Donate' style='--givewp-primary-color: #0b72d9; --givewp-secondary-color: #27ae60;'><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-baa7bf3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"baa7bf3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9b157c\" data-id=\"f9b157c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a1834d3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1834d3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12dc712\" data-id=\"12dc712\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2b7338 elementor-widget elementor-widget-givewp_campaign_donations\" data-id=\"f2b7338\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_donations.default\">\n\t\t\t\t\t<div\n    class=\"givewp-campaign-donations-block\"    style=\"--givewp-primary-color: #0b72d9; --givewp-secondary-color: #27ae60;\">\n    <div class=\"givewp-campaign-donations-block__header\">\n        <h2 class=\"givewp-campaign-donations-block__title\">Recent Donations<\/h2>\n            <\/div>\n\n            <div class=\"givewp-campaign-donations-block__empty-state\">\n            <h3 class=\"givewp-campaign-donations-block__empty-title\">\n                Every campaign starts with one donation.            <\/h3>\n            <p class=\"givewp-campaign-donations-block__empty-description\">\n                Be the one to make it happen!            <\/p>\n\n            <div class=\"givewp-campaign-donations-block__empty-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/hareerinitiative.com\/wp-content\/plugins\/give\/src\/Campaigns\/Blocks\/CampaignDonations\/resources\/icons\/empty-state.svg\"\n                    alt=\"Empty state icon\"\n                \/>\n            <\/div>\n\n                            <div class=\"givewp-campaign-donations-block__empty-button\">\n                    <button type=\"button\" class=\"givewp-donation-form-modal__open\">Be the first<\/button>                <\/div>\n                    <\/div>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d8b3189 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d8b3189\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e150cb3\" data-id=\"e150cb3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d18d4f elementor-widget elementor-widget-givewp_campaign_donors\" data-id=\"8d18d4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"givewp_campaign_donors.default\">\n\t\t\t\t\t<div\n    class=\"givewp-campaign-donors-block\"    style=\"--givewp-primary-color: #0b72d9; --givewp-secondary-color: #27ae60;\">\n    <div class=\"givewp-campaign-donors-block__header\">\n        <h2 class=\"givewp-campaign-donors-block__title\">Top Donors<\/h2>\n            <\/div>\n\n            <div class=\"givewp-campaign-donors-block__empty-state\">\n            <h3 class=\"givewp-campaign-donors-block__empty-title\">\n                No top donors listed yet.            <\/h3>\n            <p class=\"givewp-campaign-donors-block__empty-description\">\n                Be one of the first to make an impact!            <\/p>\n\n            <div class=\"givewp-campaign-donors-block__empty-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/hareerinitiative.com\/wp-content\/plugins\/give\/src\/Campaigns\/Blocks\/CampaignDonors\/resources\/icons\/empty-state.svg\"\n                    alt=\"Empty state icon\"\n                \/>\n            <\/div>\n\n                            <div class=\"givewp-campaign-donors-block__empty-button\">\n                    <button type=\"button\" class=\"givewp-donation-form-modal__open\">Be the first donor<\/button>                <\/div>\n                    <\/div>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-2a26d29 e-flex e-con-boxed e-con e-parent\" data-id=\"2a26d29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2bf22 elementor-widget elementor-widget-html\" data-id=\"dd2bf22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\r\n    <title>House of Hope Initiative | Safe Homes for Gaza Families<\/title>\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* HOUSE OF HOPE INITIATIVE - MODERN LANDING PAGE *\/\r\n        \/* These styles ONLY affect this content block *\/\r\n        \/* No interference with your main website layout *\/\r\n        \/* ============================================ *\/\r\n        \r\n        .hope-wrapper {\r\n            max-width: 100%;\r\n            overflow-x: hidden;\r\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n        }\r\n\r\n        \/* Main Container *\/\r\n        .hope-container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            background: #FFFFFF;\r\n            border-radius: 64px;\r\n            overflow: hidden;\r\n            box-shadow: 0 25px 45px -12px rgba(236, 88, 160, 0.15);\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hope-hero {\r\n            background: linear-gradient(135deg, #EC58A0 0%, #2CC0D4 100%);\r\n            padding: 3rem 2rem 4rem;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .hope-hero h1 {\r\n            font-size: 3.2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 0.5rem;\r\n            letter-spacing: -0.5px;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .hope-tagline {\r\n            font-size: 1.6rem;\r\n            font-weight: 500;\r\n            opacity: 0.95;\r\n            margin-bottom: 1rem;\r\n            font-style: italic;\r\n        }\r\n\r\n        .hope-sub {\r\n            font-size: 1.2rem;\r\n            max-width: 700px;\r\n            margin: 1rem auto 0;\r\n            background: rgba(255,255,255,0.15);\r\n            backdrop-filter: blur(4px);\r\n            border-radius: 60px;\r\n            padding: 0.8rem 1.5rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Sections *\/\r\n        .hope-section {\r\n            padding: 3.5rem 2.5rem;\r\n            border-bottom: 1px solid #FFE4EE;\r\n        }\r\n\r\n        .hope-section:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .hope-section-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(135deg, #EC58A0, #2CC0D4);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n            margin-bottom: 0.5rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Story Text *\/\r\n        .hope-story-text {\r\n            background: #FFF9FC;\r\n            padding: 1.8rem;\r\n            border-radius: 32px;\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #2C3E50;\r\n            border-left: 5px solid #EC58A0;\r\n            margin: 1.5rem 0;\r\n        }\r\n\r\n        \/* Video Wrapper *\/\r\n        .hope-video-wrapper {\r\n            background: #000;\r\n            border-radius: 32px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 35px -10px rgba(0,0,0,0.2);\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        .hope-video-wrapper iframe {\r\n            width: 100%;\r\n            aspect-ratio: 16 \/ 9;\r\n            border: none;\r\n        }\r\n\r\n        \/* Donation Tiers Grid *\/\r\n        .hope-tiers-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n            gap: 1.5rem;\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        .hope-tier-card {\r\n            background: white;\r\n            border-radius: 28px;\r\n            padding: 1.5rem;\r\n            text-align: center;\r\n            transition: all 0.25s;\r\n            box-shadow: 0 10px 20px rgba(236, 88, 160, 0.08);\r\n            border: 1px solid #FFDFEA;\r\n        }\r\n\r\n        .hope-tier-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: #EC58A0;\r\n            box-shadow: 0 20px 30px -12px rgba(236, 88, 160, 0.2);\r\n        }\r\n\r\n        .hope-tier-amount {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #EC58A0, #2CC0D4);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n        }\r\n\r\n        .hope-tier-desc {\r\n            font-size: 0.95rem;\r\n            color: #4A5B6E;\r\n            margin-top: 0.5rem;\r\n        }\r\n\r\n        \/* Impact Card *\/\r\n        .hope-impact-card {\r\n            background: linear-gradient(115deg, #EC58A0 0%, #2CC0D4 100%);\r\n            border-radius: 48px;\r\n            padding: 2rem;\r\n            color: white;\r\n            text-align: center;\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        .hope-goal-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            margin: 0.5rem 0;\r\n        }\r\n\r\n        \/* Image Gallery *\/\r\n        .hope-image-gallery {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 1.5rem;\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        .hope-image-card {\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            background: #F9F5F7;\r\n            box-shadow: 0 10px 25px -8px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .hope-image-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .hope-image-card img {\r\n            width: 100%;\r\n            height: 260px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .hope-image-caption {\r\n            padding: 1rem;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            background: white;\r\n            color: #EC58A0;\r\n        }\r\n\r\n        \/* Section divider *\/\r\n        .hope-section-divider {\r\n            text-align: center;\r\n            margin: 2rem 0;\r\n            position: relative;\r\n        }\r\n\r\n        .hope-section-divider span {\r\n            background: linear-gradient(135deg, #EC58A0, #2CC0D4);\r\n            color: white;\r\n            padding: 0.5rem 2rem;\r\n            border-radius: 40px;\r\n            font-weight: 600;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Bank Details & Support Section (enhanced visibility) *\/\r\n        .hope-bank-details, .hope-cliq-details {\r\n            background: #F9F5F7;\r\n            border-radius: 28px;\r\n            padding: 1.5rem;\r\n            margin: 1.2rem 0;\r\n            word-break: break-all;\r\n            transition: all 0.2s;\r\n            border: 1px solid rgba(236,88,160,0.2);\r\n        }\r\n        \r\n        \/* specific style for donation details anchor *\/\r\n        #hopeDonationDetails {\r\n            scroll-margin-top: 80px;\r\n        }\r\n\r\n        \/* Button *\/\r\n        .hope-btn-donate {\r\n            background: linear-gradient(95deg, #EC58A0, #2CC0D4);\r\n            border: none;\r\n            padding: 1rem 2rem;\r\n            font-size: 1.3rem;\r\n            font-weight: bold;\r\n            border-radius: 60px;\r\n            color: white;\r\n            cursor: pointer;\r\n            transition: 0.2s;\r\n            width: 100%;\r\n            max-width: 380px;\r\n            margin: 1rem auto 0;\r\n            display: block;\r\n            box-shadow: 0 12px 20px -10px rgba(236,88,160,0.5);\r\n            font-family: inherit;\r\n        }\r\n\r\n        .hope-btn-donate:hover {\r\n            transform: scale(0.98);\r\n            background: linear-gradient(95deg, #d44a8e, #23a8ba);\r\n            box-shadow: 0 8px 18px -8px rgba(236,88,160,0.7);\r\n        }\r\n\r\n        \/* Quote Box *\/\r\n        .hope-cta-quote {\r\n            font-size: 1.3rem;\r\n            font-weight: 500;\r\n            text-align: center;\r\n            background: #FFF2F7;\r\n            padding: 1rem;\r\n            border-radius: 50px;\r\n            margin: 1.8rem 0 1rem;\r\n        }\r\n\r\n        \/* Closing Section *\/\r\n        .hope-closing {\r\n            background: linear-gradient(115deg, #FFF0F5, #E6F9FC);\r\n            text-align: center;\r\n            padding: 3rem 2rem;\r\n        }\r\n\r\n        .hope-closing-text {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #EC58A0, #2CC0D4);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            color: transparent;\r\n        }\r\n        \r\n        \/* subtle highlight for the donate section when scrolled to (optional animation) *\/\r\n        @keyframes gentleGlow {\r\n            0% { background-color: #F9F5F7; border-left-color: transparent; }\r\n            50% { background-color: #fff0f5; border-left: 4px solid #EC58A0; }\r\n            100% { background-color: #F9F5F7; border-left-color: transparent; }\r\n        }\r\n        \r\n        .highlight-donate-section {\r\n            animation: gentleGlow 1s ease-in-out 2;\r\n            border-radius: 28px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 700px) {\r\n            .hope-hero h1 { font-size: 2.2rem; }\r\n            .hope-tagline { font-size: 1.2rem; }\r\n            .hope-section { padding: 2rem 1.5rem; }\r\n            .hope-goal-number { font-size: 1.8rem; }\r\n            .hope-closing-text { font-size: 1.3rem; }\r\n            .hope-image-gallery {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .hope-section-title {\r\n                font-size: 1.6rem;\r\n            }\r\n        }\r\n        \r\n        \/* small tweak for accessibility *\/\r\n        .hope-btn-donate:focus-visible {\r\n            outline: 3px solid #2CC0D4;\r\n            outline-offset: 3px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"hope-wrapper\">\r\n<div class=\"hope-container\">\r\n\r\n    <!-- Hero Section -->\r\n    <div class=\"hope-hero\">\r\n        <h1>House of Hope Initiative<\/h1>\r\n        <div class=\"hope-tagline\">\u201cFrom an unbearable room\u2026 to a safe home\u201d<\/div>\r\n        <div class=\"hope-sub\">\ud83d\udc97 Help us move families in Gaza from suffering to a home that preserves their dignity.<\/div>\r\n    <\/div>\r\n\r\n    <!-- Our Story -->\r\n    <div class=\"hope-section\">\r\n        <div class=\"hope-section-title\">Our Story<\/div>\r\n        <div class=\"hope-story-text\">\r\n            After many families were displaced from Gaza to Egypt following the recent war, they were forced to live in difficult conditions inside unprepared rooms.<br><br>\r\n            Through the <strong>\u201cHouse of Hope Initiative\u201d<\/strong>, we aim to secure fully furnished safe homes and move families into them \u2014 so they can begin a life with more hope, stability, and dignity.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video -->\r\n    <div class=\"hope-section\">\r\n        <div class=\"hope-section-title\">\ud83d\udcf9 A Family's Story\u2026 The Beginning of New Hope<\/div>\r\n        <div class=\"hope-video-wrapper\">\r\n            <iframe src=\"https:\/\/drive.google.com\/file\/d\/1lANyf35DqPQxAoXUJq_BBYOctRDV8axB\/preview\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Donation tiers -->\r\n    <div class=\"hope-section\">\r\n        <div class=\"hope-section-title\">\ud83e\udd32 How You Can Contribute<\/div>\r\n\r\n        <div class=\"hope-tiers-grid\">\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$50<\/div>\r\n                <div class=\"hope-tier-desc\">Helps move a family to a new home<\/div>\r\n            <\/div>\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$100<\/div>\r\n                <div class=\"hope-tier-desc\">Covers moving costs + initial setup<\/div>\r\n            <\/div>\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$250<\/div>\r\n                <div class=\"hope-tier-desc\">Furnishes part of the home's needs<\/div>\r\n            <\/div>\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$1,000<\/div>\r\n                <div class=\"hope-tier-desc\">Provides essential household items<\/div>\r\n            <\/div>\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$2,500<\/div>\r\n                <div class=\"hope-tier-desc\">Fully equips a home for one family<\/div>\r\n            <\/div>\r\n            <div class=\"hope-tier-card\">\r\n                <div class=\"hope-tier-amount\">$5,000<\/div>\r\n                <div class=\"hope-tier-desc\">\ud83c\udfaf Secures a complete home (rent + furnishing + moving)<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA Button -->\r\n    <div class=\"hope-section\" style=\"text-align: center;\">\r\n        <div class=\"hope-cta-quote\">\r\n            \u2728 Every contribution\u2026 is a step for a family toward safety \u2728\r\n        <\/div>\r\n\r\n        <!-- UPDATED BUTTON: now scrolls to the \"Support by Raising Valuable Donations\" section on the same page -->\r\n        <button class=\"hope-btn-donate\" id=\"hopeDonateBtn\">\r\n            \ud83d\udc9d Donate Now and Contribute to \u201cHouse of Hope\u201d\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <!-- Achievements -->\r\n    <div class=\"hope-section\">\r\n        <div class=\"hope-section-title\">\r\n            \ud83c\udfe1 What We Have Achieved So Far\r\n        <\/div>\r\n\r\n        <div class=\"hope-story-text\" style=\"background:#F1FBFE;\">\r\n            \u2705 We have already moved one family from difficult conditions to a fully furnished safe home.<br>\r\n            Today, we are working to reach more families \u2014 with your help.\r\n        <\/div>\r\n\r\n        <!-- BEFORE -->\r\n        <div class=\"hope-section-divider\">\r\n            <span>\ud83d\udd34 BEFORE: Unbearable Room Conditions<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hope-image-gallery\">\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-05-at-11.04.29-AM.jpeg\" alt=\"Before living condition 1\">\r\n                <div class=\"hope-image-caption\">Unbearable living conditions<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-05-at-11.04.28-AM.jpeg\" alt=\"Before crowded space\">\r\n                <div class=\"hope-image-caption\">Unsafe and crowded space<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-05-at-11.04.27-AM.jpeg\" alt=\"Lack of necessities\">\r\n                <div class=\"hope-image-caption\">Lack of basic necessities<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-05-at-11.04.26-AM.jpeg\" alt=\"No dignity\">\r\n                <div class=\"hope-image-caption\">No dignity or privacy<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- AFTER -->\r\n        <div class=\"hope-section-divider\">\r\n            <span>\ud83d\udfe2 AFTER: Safe & Dignified Homes<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hope-image-gallery\" id=\"afterGallery\">\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-9.44.30-AM.jpeg\" alt=\"After image 1 safe home\">\r\n                <div class=\"hope-image-caption\">Safe and furnished home<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-9.44.31-AM-1.jpeg\" alt=\"After image 2 dignity\">\r\n                <div class=\"hope-image-caption\">A new beginning with dignity<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-9.44.31-AM.jpeg\" alt=\"After image 3 comfort\">\r\n                <div class=\"hope-image-caption\">Comfortable and secure living space<\/div>\r\n            <\/div>\r\n            <div class=\"hope-image-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/hareerinitiative.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-9.44.32-AM.jpeg\" alt=\"After image 4 hope restored\">\r\n                <div class=\"hope-image-caption\">Hope restored for families<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Goal -->\r\n        <div class=\"hope-impact-card\">\r\n            <div style=\"font-size: 1.8rem; font-weight:bold;\">\r\n                \ud83c\udfaf Our Current Goal\r\n            <\/div>\r\n            <div class=\"hope-goal-number\">\r\n                Secure 5 Homes for Displaced Families from Gaza\r\n            <\/div>\r\n            <div style=\"margin-top: 12px;\">\r\n                in the first phase \u2014 fully furnished and ready for safe living.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ========== DONATION DETAILS SECTION (TARGET SECTION) ========== -->\r\n    <!-- Added an id so button can scroll smoothly to this exact block -->\r\n    <div class=\"hope-section\" id=\"hopeDonationDetails\">\r\n        <div class=\"hope-section-title\">\r\n            \ud83d\udcb3 Support by Raising Valuable Donations\r\n        <\/div>\r\n        \r\n        <!-- Cliq details -->\r\n        <div class=\"hope-cliq-details\">\r\n            <strong>\ud83d\udcf1 By Cliq:<\/strong> HARIR159\r\n        <\/div>\r\n        \r\n        <!-- Bank transfer details -->\r\n        <div class=\"hope-bank-details\">\r\n            <strong>\ud83c\udfe6 By Bank Transfer:<\/strong><br>\r\n            ACCOUNT NAME: HARIR LLTANMYA AL MOJTMAYA COMPANY<br>\r\n            IBAN NUMBER: J085JKBA2490006892340013002000<br>\r\n            SWIFTCODE: JKBAJOAM<br>\r\n            BANK NAME: JORDAN KUWAIT BANK\r\n        <\/div>\r\n        \r\n        <!-- optional extra help text -->\r\n        <div style=\"font-size: 0.9rem; color: #5d6f83; margin-top: 0.5rem; text-align: center;\">\r\n            \ud83d\ude4f Your donation brings safety and a fresh start. For any inquiries, please contact our support team.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Closing -->\r\n    <div class=\"hope-closing\">\r\n        <div class=\"hope-closing-text\">\r\n            Together\u2026 we can turn suffering into a new beginning.\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ Get the Donate Now button element\r\n    const donateBtn = document.getElementById('hopeDonateBtn');\r\n    \r\n    \/\/ Get the target section (donation details area)\r\n    const donationTarget = document.getElementById('hopeDonationDetails');\r\n    \r\n    \/\/ If button exists and target exists, implement smooth scroll to the \"Support by Raising Valuable Donations\" section\r\n    if (donateBtn && donationTarget) {\r\n        \r\n        donateBtn.addEventListener('click', function(event) {\r\n            event.preventDefault();  \/\/ avoid any potential default behavior\r\n            \/\/ Smooth scroll to the donation details section\r\n            donationTarget.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start',\r\n                inline: 'nearest'\r\n            });\r\n            \r\n            \/\/ Optional: add a gentle visual highlight effect to draw attention to the banking details\r\n            \/\/ This adds a temporary class that creates a subtle glow\/pulse effect\r\n            const cliqElem = document.querySelector('.hope-cliq-details');\r\n            const bankElem = document.querySelector('.hope-bank-details');\r\n            \r\n            \/\/ Remove existing highlight classes if any\r\n            if (cliqElem) cliqElem.classList.remove('highlight-donate-section');\r\n            if (bankElem) bankElem.classList.remove('highlight-donate-section');\r\n            \r\n            \/\/ Trigger reflow and add highlight animation\r\n            setTimeout(() => {\r\n                if (cliqElem) cliqElem.classList.add('highlight-donate-section');\r\n                if (bankElem) bankElem.classList.add('highlight-donate-section');\r\n                \r\n                \/\/ Remove highlight after 1.8 seconds to keep it subtle but noticeable\r\n                setTimeout(() => {\r\n                    if (cliqElem) cliqElem.classList.remove('highlight-donate-section');\r\n                    if (bankElem) bankElem.classList.remove('highlight-donate-section');\r\n                }, 1800);\r\n            }, 50);\r\n            \r\n            \/\/ Also log for debugging but not needed in production\r\n            \/\/ console.log('Scrolled to donation details section (Support by Raising Valuable Donations)');\r\n        });\r\n        \r\n    } else {\r\n        \/\/ Fallback just in case: if button not found but script is present, show console warning\r\n        if (!donateBtn) console.warn('Donate button #hopeDonateBtn not found');\r\n        if (!donationTarget) console.warn('Target section #hopeDonationDetails not found');\r\n    }\r\n    \r\n    \/\/ Also add additional robustness: ensure any images have error fallback but not needed for user experience\r\n    \/\/ We also make sure that the click does not cause any external redirect \u2013 stays on the same page.\r\n    \/\/ For old browsers that may not support scrollIntoView smoothly, fallback is native but still works.\r\n    \r\n    \/\/ Optional: Additionally style the focus to ensure accessibility.\r\n    const addAccessibleOutline = () => {\r\n        const focusableElements = document.querySelectorAll('button, a, [tabindex]');\r\n        focusableElements.forEach(el => {\r\n            if (el.style.outline) return;\r\n            el.addEventListener('focus', function() {\r\n                this.style.outline = '2px solid #2CC0D4';\r\n                this.style.outlineOffset = '2px';\r\n            });\r\n            el.addEventListener('blur', function() {\r\n                this.style.outline = '';\r\n            });\r\n        });\r\n    };\r\n    addAccessibleOutline();\r\n})();\r\n<\/script>\r\n\r\n<!-- note: The \"Donate Now\" button is now fully linked to the 'Support by Raising Valuable Donations' section within the same page \r\n     The section includes Cliq and Bank transfer details. No external navigation occurs. -->\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Top Donation $0.00 Average Donation $0.00 Recent Donations Every campaign starts with one donation. Be the one to make it happen! Top Donors No top donors listed yet. Be one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":12,"footnotes":""},"class_list":["post-2163","page","type-page","status-publish","hentry"],"campaignId":"12","_links":{"self":[{"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/pages\/2163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/comments?post=2163"}],"version-history":[{"count":9,"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/pages\/2163\/revisions"}],"predecessor-version":[{"id":3324,"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/pages\/2163\/revisions\/3324"}],"wp:attachment":[{"href":"https:\/\/hareerinitiative.com\/ar\/wp-json\/wp\/v2\/media?parent=2163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}