{"id":967,"date":"2022-08-31T07:14:53","date_gmt":"2022-08-31T07:14:53","guid":{"rendered":"https:\/\/startersites.io\/elementor\/charity\/?page_id=967"},"modified":"2025-08-10T18:33:29","modified_gmt":"2025-08-10T18:33:29","slug":"projects","status":"publish","type":"page","link":"https:\/\/kickoutpoverty.com\/index.php\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"967\" class=\"elementor elementor-967\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d553727 e-flex e-con-boxed e-con e-parent\" data-id=\"d553727\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07c807f elementor-widget elementor-widget-html\" data-id=\"07c807f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Kick Out Poverty - Our Projects<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background: linear-gradient(135deg, #f0f4f8, #d9e3ec);\r\n            color: #2c3e50;\r\n            line-height: 1.6;\r\n            padding: 40px 20px;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .projects-container {\r\n            max-width: 1300px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInDown 1s ease-out;\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from { opacity: 0; transform: translateY(-30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3.2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            color: #1a2a3a;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(to right, #3a86ff, #5e60ce);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.4rem;\r\n            font-weight: 300;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            color: #4a6582;\r\n        }\r\n\r\n        .projects-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n            gap: 35px;\r\n        }\r\n\r\n        .project-card {\r\n            background: white;\r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            animation: fadeInUp 0.8s ease-out;\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n            transform: translateY(0);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .project-card:nth-child(1) { animation-delay: 0.2s; }\r\n        .project-card:nth-child(2) { animation-delay: 0.4s; }\r\n        .project-card:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(40px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .project-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .card-image {\r\n            height: 280px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .project-card:hover .card-image img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .card-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            padding: 25px;\r\n            background: linear-gradient(to top, rgba(26, 42, 58, 0.9), transparent);\r\n            color: white;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            position: relative;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .card-title::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 50px;\r\n            height: 3px;\r\n            background: #3a86ff;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .card-tag {\r\n            display: inline-block;\r\n            background: rgba(58, 134, 255, 0.9);\r\n            color: white;\r\n            font-size: 0.85rem;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            margin-top: 10px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 30px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .card-description {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #4a6582;\r\n            margin-bottom: 25px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .card-highlight {\r\n            background: rgba(58, 134, 255, 0.1);\r\n            border-left: 4px solid #3a86ff;\r\n            padding: 15px 20px;\r\n            margin: 20px 0;\r\n            border-radius: 0 8px 8px 0;\r\n            font-weight: 500;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .card-cta {\r\n            display: inline-block;\r\n            background: linear-gradient(to right, #3a86ff, #5e60ce);\r\n            color: white;\r\n            text-decoration: none;\r\n            padding: 14px 30px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(58, 134, 255, 0.3);\r\n            margin-top: auto;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .card-cta::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(to right, #5e60ce, #3a86ff);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        .card-cta:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .card-cta:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(58, 134, 255, 0.4);\r\n        }\r\n\r\n        .card-cta i {\r\n            margin-left: 8px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .card-cta:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .impact-stats {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            margin: 20px 0;\r\n            padding: 15px 0;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n            border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-value {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #3a86ff;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.9rem;\r\n            color: #6c7a89;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* PayPal form styling *\/\r\n        .paypal-form {\r\n            display: block;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* Responsive design *\/\r\n        @media (max-width: 1200px) {\r\n            .projects-grid {\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .projects-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 700px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .section-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            body {\r\n                padding: 30px 15px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.4rem;\r\n            }\r\n            \r\n            .section-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section-header {\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .card-description {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .card-image {\r\n                height: 240px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 25px 20px;\r\n            }\r\n            \r\n            .stat-value {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"projects-container\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">Our Impactful Projects<\/h2>\r\n            <p class=\"section-subtitle\">Discover how Kick Out Poverty is making a difference through strategic initiatives worldwide<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"projects-grid\">\r\n            <!-- Project 1: Football for Future -->\r\n            <div class=\"project-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/card-1.jpg\" alt=\"Football for Future\">\r\n                    <div class=\"card-overlay\">\r\n                        <h3 class=\"card-title\">Football for Future<\/h3>\r\n                        <span class=\"card-tag\">Sports Development<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <p class=\"card-description\">\r\n                        Join the movement to empower young footballers in DR Congo! Your donation of football gear and funds will help Kick Out Poverty deliver essential equipment, training, and opportunities to those who need it most.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"impact-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">500+<\/div>\r\n                            <div class=\"stat-label\">Youth Trained<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">20+<\/div>\r\n                            <div class=\"stat-label\">Communities<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">8k<\/div>\r\n                            <div class=\"stat-label\">Equipment<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"card-highlight\">\r\n                        Every contribution counts towards shaping their futures and building a brighter tomorrow.\r\n                    <\/p>\r\n                    \r\n                    <form class=\"paypal-form\" action=\"https:\/\/www.paypal.com\/donate\" method=\"post\" target=\"_top\">\r\n                        <input type=\"hidden\" name=\"hosted_button_id\" value=\"HPMSABHAGDKLC\" \/>\r\n                        <button type=\"submit\" class=\"card-cta\">\r\n                            Donate Now <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 2: Supporting Homeless -->\r\n            <div class=\"project-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/homeless.jpg\" alt=\"Supporting Homeless\">\r\n                    <div class=\"card-overlay\">\r\n                        <h3 class=\"card-title\">Supporting Homeless<\/h3>\r\n                        <span class=\"card-tag\">Community Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <p class=\"card-description\">\r\n                        Our mission is to combat homelessness in London by collecting and distributing food, securing shelter and accommodation, and offering guidance and resources to help individuals get back on their feet.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"impact-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">1.2K<\/div>\r\n                            <div class=\"stat-label\">Meals Served<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">85<\/div>\r\n                            <div class=\"stat-label\">Shelter Spaces<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">120+<\/div>\r\n                            <div class=\"stat-label\">Individuals Helped<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"card-highlight\">\r\n                        Kick Out Poverty is a lifeline for London's homeless, delivering food, shelter, and vital support to help individuals overcome hardship and rebuild their lives.\r\n                    <\/p>\r\n                    \r\n                    <!-- Updated Volunteer Link -->\r\n                    <a href=\"https:\/\/kickoutpoverty.com\/index.php\/become-a-volunteer\/\" class=\"card-cta\">\r\n                        Volunteer Now <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Project 3: Transform Your Life -->\r\n            <div class=\"project-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/gp1.jpg\" alt=\"Transform Your Life\">\r\n                    <div class=\"card-overlay\">\r\n                        <h3 class=\"card-title\">Transform Your Life<\/h3>\r\n                        <span class=\"card-tag\">Education & Employment<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <p class=\"card-description\">\r\n                        Kick out poverty is working with Golden Path Solutions, a UK-based recruitment agency specializing in higher education, training, and employment opportunities.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"card-highlight\">\r\n                        If you are over 21 and are a British citizen, UK resident (ILR), or EU citizen, they can assist with student loans, admissions, and related services.\r\n                    <\/div>\r\n                    \r\n                    <div class=\"impact-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">95%<\/div>\r\n                            <div class=\"stat-label\">Success Rate<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">300+<\/div>\r\n                            <div class=\"stat-label\">Careers Launched<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">\u00a31.2M<\/div>\r\n                            <div class=\"stat-label\">Loans Secured<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/golden-path-solutions.ueniweb.com\/\" class=\"card-cta\">\r\n                        Apply Today <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n        \/\/ Intersection Observer for animations\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const cards = document.querySelectorAll('.project-card');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.style.animation = 'fadeInUp 0.8s ease-out forwards';\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            \r\n            cards.forEach(card => {\r\n                observer.observe(card);\r\n            });\r\n            \r\n            \/\/ Add hover effect to CTA buttons\r\n            const buttons = document.querySelectorAll('.card-cta');\r\n            buttons.forEach(button => {\r\n                const icon = button.querySelector('i');\r\n                if (icon) {\r\n                    button.addEventListener('mouseenter', function() {\r\n                        icon.style.transform = 'translateX(5px)';\r\n                        icon.style.transition = 'transform 0.3s ease';\r\n                    });\r\n                    \r\n                    button.addEventListener('mouseleave', function() {\r\n                        icon.style.transform = 'translateX(0)';\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Kick Out Poverty &#8211; Our Projects Our Impactful Projects Discover how Kick Out Poverty is making a difference through strategic initiatives worldwide Football for Future Sports Development Join the movement to empower young footballers in DR Congo! Your donation of football gear and funds will help Kick Out Poverty deliver essential equipment, training, and opportunities [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1278,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-967","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":12,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/967\/revisions"}],"predecessor-version":[{"id":1685,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/967\/revisions\/1685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media\/1278"}],"wp:attachment":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media?parent=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}