{"id":965,"date":"2022-08-31T07:14:39","date_gmt":"2022-08-31T07:14:39","guid":{"rendered":"https:\/\/startersites.io\/elementor\/charity\/?page_id=965"},"modified":"2025-08-10T18:34:12","modified_gmt":"2025-08-10T18:34:12","slug":"home","status":"publish","type":"page","link":"https:\/\/kickoutpoverty.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Donate to us and\nsave Lives<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Empower your future, learn, grow, thrive with Kick Out Poverty<\/strong><\/p>

Our mission is to combat homelessness in London by collecting and distributing food, securing shelter and accommodation. Offering guidance and resources to help individuals get back on their feet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tDonate Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tDiscover More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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<div class=\"elementor-element elementor-element-75523d6 elementor-widget elementor-widget-html\" data-id=\"75523d6\" 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>Mayor's Meeting in Lemba - Kick Out Poverty<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&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: #333;\r\n line-height: 1.6;\r\n padding: 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 .meeting-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n animation: fadeIn 1s ease-out;\r\n position: relative;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .header {\r\n background: linear-gradient(120deg, #1a2a3a, #3a5575);\r\n color: white;\r\n padding: 50px 40px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%);\r\n transform: rotate(30deg);\r\n animation: shine 8s infinite;\r\n }\r\n\r\n @keyframes shine {\r\n 0% { transform: rotate(30deg) translateX(-100%); }\r\n 100% { transform: rotate(30deg) translateX(100%); }\r\n }\r\n\r\n .title {\r\n font-size: 3.2rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 2;\r\n text-shadow: 0 3px 12px rgba(0,0,0,0.4);\r\n animation: textPop 0.8s 0.3s both;\r\n color: white; \/* Ensured title is white *\/\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n @keyframes textPop {\r\n 0% { letter-spacing: -0.5em; opacity: 0; }\r\n 100% { opacity: 1; }\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.3rem;\r\n font-weight: 300;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n opacity: 0.9;\r\n color: rgba(255, 255, 255, 0.85);\r\n }\r\n\r\n .content-section {\r\n padding: 50px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n }\r\n\r\n .bio-container {\r\n position: relative;\r\n padding: 0 20px;\r\n }\r\n\r\n .bio {\r\n font-size: 1.35rem;\r\n text-align: center;\r\n line-height: 1.9;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 35px;\r\n position: relative;\r\n background: #1d3446\r\n\r\n;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n border-left: 5px solid #3a86ff;\r\n animation: floatUp 1s ease-out 0.5s both;\r\n }\r\n\r\n @keyframes floatUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .bio::before,\r\n .bio::after {\r\n content: \"\"\";\r\n font-size: 5rem;\r\n position: absolute;\r\n color: rgba(58, 134, 255, 0.15);\r\n font-family: serif;\r\n font-weight: 700;\r\n }\r\n\r\n .bio::before {\r\n top: -10px;\r\n left: 20px;\r\n }\r\n\r\n .bio::after {\r\n bottom: -50px;\r\n right: 20px;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .highlight {\r\n color: #3a86ff;\r\n font-weight: 600;\r\n position: relative;\r\n padding: 0 2px;\r\n }\r\n\r\n .highlight::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 2px;\r\n left: 0;\r\n width: 100%;\r\n height: 8px;\r\n background: rgba(58, 134, 255, 0.2);\r\n z-index: -1;\r\n border-radius: 2px;\r\n }\r\n\r\n .gallery {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n margin-top: 20px;\r\n }\r\n\r\n .gallery-top {\r\n grid-column: span 3;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .gallery-bottom {\r\n grid-column: span 3;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\r\n aspect-ratio: 4\/3;\r\n animation: slideUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n }\r\n\r\n .gallery-item:nth-child(1) { animation-delay: 0.3s; }\r\n .gallery-item:nth-child(2) { animation-delay: 0.5s; }\r\n .gallery-item:nth-child(3) { animation-delay: 0.7s; }\r\n .gallery-item:nth-child(4) { animation-delay: 0.9s; }\r\n .gallery-item:nth-child(5) { animation-delay: 1.1s; }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(40px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .gallery-item 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 .gallery-item:hover img {\r\n transform: scale(1.12);\r\n }\r\n\r\n .gallery-item::after {\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 top, rgba(0,0,0,0.8) 0%, transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 25px;\r\n color: white;\r\n z-index: 2;\r\n transform: translateY(30px);\r\n opacity: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover .caption {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n .caption h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n }\r\n\r\n .caption p {\r\n font-size: 1rem;\r\n opacity: 0.9;\r\n font-weight: 300;\r\n }\r\n\r\n .fifa-logo {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 30px;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n .fifa-logo div {\r\n background: linear-gradient(45deg, #0066b2, #00a651, #d50032, #ffcc00);\r\n color: white;\r\n font-weight: 700;\r\n padding: 18px 40px;\r\n border-radius: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-size: 1.3rem;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.25);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .fifa-logo div::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0));\r\n transform: rotate(30deg);\r\n animation: shine 6s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n .impact-icons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .impact-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n max-width: 180px;\r\n animation: fadeIn 0.8s ease-out 1.2s both;\r\n }\r\n\r\n .impact-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #3a86ff, #5e60ce);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 15px;\r\n font-size: 1.8rem;\r\n color: white;\r\n box-shadow: 0 8px 20px rgba(58, 134, 255, 0.3);\r\n }\r\n\r\n .impact-text {\r\n font-weight: 500;\r\n color: #2c3e50;\r\n }\r\n\r\n \/* Responsive design *\/\r\n @media (max-width: 900px) {\r\n .gallery-top {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n \r\n .gallery-top .gallery-item:nth-child(3) {\r\n grid-column: span 2;\r\n }\r\n \r\n .impact-icons {\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.15rem;\r\n }\r\n \r\n .bio {\r\n font-size: 1.15rem;\r\n padding: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .title {\r\n font-size: 2.1rem;\r\n }\r\n \r\n .bio {\r\n font-size: 1.05rem;\r\n }\r\n \r\n .gallery-top,\r\n .gallery-bottom {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .gallery-top .gallery-item:nth-child(3) {\r\n grid-column: span 1;\r\n }\r\n \r\n .header {\r\n padding: 40px 25px;\r\n }\r\n \r\n .content-section {\r\n padding: 40px 25px;\r\n }\r\n \r\n .impact-icons {\r\n gap: 25px;\r\n }\r\n \r\n .impact-item {\r\n max-width: 140px;\r\n }\r\n \r\n .fifa-logo div {\r\n padding: 15px 25px;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .title {\r\n font-size: 1.9rem;\r\n }\r\n \r\n .bio {\r\n padding: 20px 15px;\r\n }\r\n \r\n .impact-icons {\r\n gap: 20px;\r\n }\r\n \r\n .impact-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"meeting-container\">\r\n <div class=\"header\">\r\n <h1 class=\"title\">Mayor's Meeting in Lemba<\/h1>\r\n Kick Out Poverty initiative for community development<\/h2>\r\n <\/div>\r\n \r\n <div class=\"content-section\">\r\n <div class=\"bio-container\">\r\n <div class=\"bio\">\r\n <span class=\"highlight\">\r\n Kick Out Poverty met with the Mayor of Lemba to discuss building a FIFA\u2011standard stadium \r\n This project will create jobs, boost local sports, and provide youth with world\u2011class facilities\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"impact-icons\">\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon\">\r\n <i class=\"fas fa-hard-hat\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">Create Jobs<\/div>\r\n <\/div>\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon\">\r\n <i class=\"fas fa-futbol\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">Boost Sports<\/div>\r\n <\/div>\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">Youth Development<\/div>\r\n <\/div>\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">Economic Growth<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"gallery\">\r\n <div class=\"gallery-top\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-04-29-at-12.41.08-AM.jpeg\" alt=\"Meeting with Mayor\">\r\n <div class=\"caption\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-04-29-at-12.41.08-AM-1.jpeg\" alt=\"Community Presentation\">\r\n <div class=\"caption\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-04-29-at-12.41.07-AM.jpeg\" alt=\"Stadium Plans\">\r\n <div class=\"caption\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"gallery-bottom\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-04-29-at-12.41.08-AM-2.jpeg\" alt=\"Youth Sports\">\r\n <div class=\"caption\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-04-29-at-12.41.09-AM.jpeg\" alt=\"Economic Growth\">\r\n <div class=\"caption\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"fifa-logo\">\r\n <div>FIFA Standard Stadium Project<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n \/\/ Add scroll animations\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const elements = document.querySelectorAll('.gallery-item, .bio, .impact-item');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n elements.forEach(el => {\r\n el.style.animationPlayState = 'paused';\r\n observer.observe(el);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff5724 elementor-widget elementor-widget-html\" data-id=\"2ff5724\" 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>Community Stadium Project - Kick Out Poverty<\/title>\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #333;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 40px 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n padding: 0 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #2c3e50;\r\n position: relative;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: #2c3e50;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .section-title::after {\r\n content: \"\";\r\n display: block;\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(to right, #FFD700, #3a86ff);\r\n margin: 15px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.3rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: #555;\r\n line-height: 1.7;\r\n }\r\n\r\n .project-description {\r\n background: #f8f9fa;\r\n border-radius: 16px;\r\n padding: 40px;\r\n text-align: center;\r\n margin: 40px 0;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eaeaea;\r\n max-width: 900px;\r\n margin: 40px auto;\r\n }\r\n\r\n .gallery-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin: 40px 0;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n transform: translateY(50px);\r\n opacity: 0;\r\n animation: fadeIn 0.8s forwards;\r\n transition: all 0.4s ease;\r\n background: #f0f0f0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 0; \/* Fix for grid overflow *\/\r\n }\r\n\r\n .gallery-item:hover {\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n transform: translateY(-5px);\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* Media container for consistent sizing *\/\r\n .media-container {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n overflow: hidden;\r\n }\r\n\r\n .gallery-media {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-media:not(video) {\r\n transform: scale(1.03);\r\n }\r\n\r\n .gallery-section {\r\n margin: 60px 0;\r\n }\r\n\r\n .gallery-label {\r\n text-align: center;\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid #eaeaea;\r\n position: relative;\r\n }\r\n\r\n .gallery-label::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -2px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 2px;\r\n background: linear-gradient(to right, #FFD700, #3a86ff);\r\n }\r\n\r\n \/* Video specific styling *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n }\r\n\r\n .video-container video {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .play-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.8);\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n color: #3a86ff;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .video-overlay:hover {\r\n background: rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .video-overlay:hover .play-icon {\r\n transform: scale(1.1);\r\n background: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n \/* Donation section styling *\/\r\n .donation-section {\r\n background: linear-gradient(135deg, #1a365d, #2a4365);\r\n border-radius: 16px;\r\n padding: 60px 40px;\r\n text-align: center;\r\n margin: 60px 0;\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .donation-section * {\r\n color: white;\r\n }\r\n\r\n .donation-section::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: url('https:\/\/images.unsplash.com\/photo-1555861496-0666c8981751?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80') center\/cover;\r\n opacity: 0.15;\r\n }\r\n\r\n .donation-title {\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n .donation-text {\r\n font-size: 1.2rem;\r\n max-width: 700px;\r\n margin: 0 auto 30px;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .donation-goal {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-radius: 12px;\r\n padding: 20px;\r\n max-width: 600px;\r\n margin: 0 auto 30px;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .goal-text {\r\n font-size: 1.1rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .progress-bar {\r\n height: 20px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 10px;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .progress {\r\n height: 100%;\r\n width: 65%;\r\n background: linear-gradient(to right, #FFD700, #3a86ff);\r\n border-radius: 10px;\r\n }\r\n\r\n .progress-info {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .donate-button {\r\n display: inline-block;\r\n background: linear-gradient(to right, #FFD700, #3a86ff);\r\n color: #2c3e50;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 15px 40px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n transition: all 0.3s ease;\r\n margin-top: 20px;\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .donate-button:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .donate-button::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: rgba(255, 255, 255, 0.2);\r\n z-index: -1;\r\n transform: translateX(-100%);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .donate-button:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .footer {\r\n margin-top: 60px;\r\n text-align: center;\r\n padding: 20px;\r\n color: #6c757d;\r\n font-size: 1rem;\r\n border-top: 1px solid #eaeaea;\r\n width: 100%;\r\n max-width: 1200px;\r\n }\r\n\r\n .partnership {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin-top: 10px;\r\n }\r\n\r\n \/* PayPal form styling *\/\r\n .paypal-form {\r\n display: inline-block;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .gallery-container {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .project-description {\r\n padding: 30px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .donation-section {\r\n padding: 40px 20px;\r\n }\r\n \r\n .donation-title {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h1>Community Stadium Project<\/h1>\r\n <p class=\"subtitle\">Building dreams for the next generation of athletes<\/p>\r\n <\/div>\r\n\r\n <div class=\"project-description\">\r\n <h2 class=\"section-title\">Our Vision<\/h2>\r\n <p class=\"subtitle\">We're constructing a state-of-the-art community stadium to provide a safe, professional environment for youth sports development. This facility will host training programs, tournaments, and community events for thousands of children annually.<\/p>\r\n <\/div>\r\n\r\n <!-- 3D Model Images Section -->\r\n <div class=\"gallery-section\">\r\n <h3 class=\"gallery-label\">Stadium 3D Models<\/h3>\r\n <div class=\"gallery-container\">\r\n <!-- 3D Model Images -->\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-13.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-12.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-11.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-10.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-9.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-8.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.7s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-7.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.8s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-6.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.9s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-5.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 1.0s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-4.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 1.1s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-3.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 1.2s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-2.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 1.3s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Staduim-1.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Construction Progress Images Section -->\r\n <div class=\"gallery-section\">\r\n <h3 class=\"gallery-label\">Construction Progress<\/h3>\r\n <div class=\"gallery-container\">\r\n <!-- Construction Images -->\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-2.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-3.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-4.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-5.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-6.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-7.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.7s;\">\r\n <div class=\"media-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-1.jpeg\" class=\"gallery-media\">\r\n <\/div>\r\n <\/div>\r\n <!-- Video Item -->\r\n <div class=\"gallery-item\" style=\"animation-delay: 0.8s;\">\r\n <div class=\"video-container\">\r\n <video class=\"gallery-media\" poster=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-1.jpeg\">\r\n <source src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Cons-1.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <div class=\"video-overlay\">\r\n <div class=\"play-icon\">\r\n <i class=\"fas fa-play\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Donation Section -->\r\n <div class=\"donation-section\">\r\n <h2 class=\"donation-title\">Help Us Complete the Stadium<\/h2>\r\n <p class=\"donation-text\">Your donation will help us finish construction and create a world-class facility for thousands of young athletes. Every contribution brings us closer to our goal.<\/p>\r\n \r\n <div class=\"donation-goal\">\r\n <p class=\"goal-text\">Current Funding Progress<\/p>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\"><\/div>\r\n <\/div>\r\n <div class=\"progress-info\">\r\n <span>$850,000 Raised<\/span>\r\n <span>$1,300,000 Goal<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- PayPal Donation Form -->\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=\"donate-button\">\r\n DONATE NOW <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Add hover effect to gallery items\r\n const galleryItems = document.querySelectorAll('.gallery-item');\r\n \r\n galleryItems.forEach(item => {\r\n item.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-5px)';\r\n });\r\n \r\n item.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0)';\r\n });\r\n });\r\n \r\n \/\/ Animation for progress bar\r\n const progressBar = document.querySelector('.progress');\r\n setTimeout(() => {\r\n progressBar.style.width = '65%';\r\n progressBar.style.transition = 'width 1.5s ease';\r\n }, 500);\r\n \r\n \/\/ Video play functionality\r\n const videoOverlays = document.querySelectorAll('.video-overlay');\r\n videoOverlays.forEach(overlay => {\r\n overlay.addEventListener('click', function() {\r\n const video = this.parentElement.querySelector('video');\r\n if (video.paused) {\r\n video.play();\r\n this.style.opacity = '0';\r\n this.style.pointerEvents = 'none';\r\n }\r\n });\r\n });\r\n \r\n \/\/ Pause video when clicking outside\r\n document.addEventListener('click', function(e) {\r\n const videos = document.querySelectorAll('video');\r\n videos.forEach(video => {\r\n if (!video.parentElement.contains(e.target)) {\r\n video.pause();\r\n const overlay = video.parentElement.querySelector('.video-overlay');\r\n if (overlay) {\r\n overlay.style.opacity = '1';\r\n overlay.style.pointerEvents = 'auto';\r\n }\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<div class=\"elementor-element elementor-element-b713b82 elementor-widget elementor-widget-html\" data-id=\"b713b82\" data-element_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\">\r\n <title>Kick Out Poverty - Resource Downloads<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Montserrat:wght@700;800&display=swap\" rel=\"stylesheet\">\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 background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);\r\n background-size: 400% 400%;\r\n animation: gradientBG 15s ease infinite;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 30px;\r\n font-family: 'Poppins', sans-serif;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n \r\n @keyframes gradientBG {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n animation: fadeInDown 1s ease;\r\n }\r\n \r\n .header h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 3.5rem;\r\n color: white;\r\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n margin-bottom: 15px;\r\n letter-spacing: 1.5px;\r\n }\r\n \r\n .header p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.3rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n }\r\n \r\n .download-section {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 20px;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n padding: 40px;\r\n margin-bottom: 40px;\r\n animation: fadeInUp 1s ease;\r\n }\r\n \r\n .section-title {\r\n text-align: center;\r\n font-size: 2.2rem;\r\n color: #0a66c2;\r\n margin-bottom: 40px;\r\n position: relative;\r\n font-weight: 700;\r\n }\r\n \r\n .section-title::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 5px;\r\n background: linear-gradient(90deg, #0a66c2, #b21f1f);\r\n border-radius: 3px;\r\n }\r\n \r\n .section-description {\r\n text-align: center;\r\n font-size: 1.1rem;\r\n color: #555;\r\n max-width: 800px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n }\r\n \r\n .pdf-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 40px;\r\n }\r\n \r\n .pdf-card {\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n transition: all 0.4s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n border: 1px solid #eee;\r\n }\r\n \r\n .pdf-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .pdf-icon {\r\n background: linear-gradient(135deg, #0a66c2, #1877f2);\r\n height: 160px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .pdf-icon::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: rgba(255, 255, 255, 0.1);\r\n transform: rotate(30deg);\r\n animation: shine 6s infinite linear;\r\n }\r\n \r\n @keyframes shine {\r\n 0% { transform: rotate(30deg) translateX(-100%); }\r\n 100% { transform: rotate(30deg) translateX(100%); }\r\n }\r\n \r\n .pdf-icon i {\r\n font-size: 80px;\r\n color: white;\r\n z-index: 2;\r\n }\r\n \r\n .pdf-content {\r\n padding: 25px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .pdf-title {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: #222;\r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n }\r\n \r\n .pdf-description {\r\n color: #666;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n flex-grow: 1;\r\n }\r\n \r\n .download-btn {\r\n display: inline-block;\r\n background: linear-gradient(to right, #0a66c2, #1877f2);\r\n color: white;\r\n padding: 12px 25px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n width: 100%;\r\n box-shadow: 0 5px 15px rgba(10, 102, 194, 0.3);\r\n }\r\n \r\n .download-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 100%;\r\n background: linear-gradient(to right, #b21f1f, #ff6b6b);\r\n transition: all 0.4s ease;\r\n z-index: -1;\r\n }\r\n \r\n .download-btn:hover::before {\r\n width: 100%;\r\n }\r\n \r\n .download-btn:hover {\r\n box-shadow: 0 8px 20px rgba(178, 31, 31, 0.4);\r\n transform: translateY(-3px);\r\n }\r\n \r\n .download-btn i {\r\n margin-right: 8px;\r\n }\r\n \r\n .logo-footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n animation: fadeIn 2s ease;\r\n }\r\n \r\n .logo-footer img {\r\n width: 150px;\r\n height: auto;\r\n border-radius: 50%;\r\n border: 5px solid white;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .footer-text {\r\n color: white;\r\n font-size: 1.1rem;\r\n margin-top: 20px;\r\n opacity: 0.9;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .pdf-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .header p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .download-section {\r\n padding: 25px 20px;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .pdf-card {\r\n min-width: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Kick Out Poverty<\/h1>\r\n <p>Access our resources and join us in creating sustainable solutions to eradicate poverty<\/p>\r\n <\/div>\r\n \r\n <div class=\"download-section\">\r\n <h2 class=\"section-title\">Project Resources<\/h2>\r\n <p class=\"section-description\">Download our comprehensive project presentations to learn more about our initiatives, strategies, and the impact we're making in communities around the world.<\/p>\r\n \r\n <div class=\"pdf-grid\">\r\n <!-- PDF Card 1 -->\r\n <div class=\"pdf-card\">\r\n <div class=\"pdf-icon\">\r\n <i class=\"fas fa-file-pdf\"><\/i>\r\n <\/div>\r\n <div class=\"pdf-content\">\r\n <h3 class=\"pdf-title\">Field Presentation - Grand Design (English)<\/h3>\r\n <p class=\"pdf-description\">This comprehensive presentation details our field operations strategy, community engagement model, and the grand design of our poverty eradication initiatives across multiple regions.<\/p>\r\n <a href=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Presentation-Terrain-GD-anglais.pdf\" class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i> Download PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- PDF Card 2 -->\r\n <div class=\"pdf-card\">\r\n <div class=\"pdf-icon\">\r\n <i class=\"fas fa-file-pdf\"><\/i>\r\n <\/div>\r\n <div class=\"pdf-content\">\r\n <h3 class=\"pdf-title\">Kick Out Poverty Field Project<\/h3>\r\n <p class=\"pdf-description\">Explore our detailed project implementation plan, including sustainable development goals, community impact metrics, and long-term strategies for poverty elimination.<\/p>\r\n <a href=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/Presentation-projet-Kick-Out-proverty-terrain-DD.pdf\" class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i> Download PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <p class=\"footer-text\">Creating sustainable solutions to end poverty worldwide<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add hover effect to PDF cards\r\n document.querySelectorAll('.pdf-card').forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.querySelector('.pdf-icon').style.background = 'linear-gradient(135deg, #b21f1f, #ff6b6b)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.querySelector('.pdf-icon').style.background = 'linear-gradient(135deg, #0a66c2, #1877f2)';\r\n });\r\n });\r\n \r\n \/\/ Animation on load\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('.pdf-card');\r\n cards.forEach((card, index) => {\r\n card.style.animationDelay = `${index * 0.2}s`;\r\n card.style.opacity = '0';\r\n card.style.animation = 'fadeInUp 0.8s forwards';\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n<\/html>\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\">\r\n <title>Kick Out Poverty - Social Media<\/title>\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);\r\n background-size: 400% 400%;\r\n animation: gradientBG 15s ease infinite;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n overflow-x: hidden;\r\n }\r\n \r\n @keyframes gradientBG {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n \r\n .social-container {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n animation: fadeInDown 1s ease;\r\n }\r\n \r\n .header h1 {\r\n font-size: 3.5rem;\r\n color: white;\r\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n margin-bottom: 15px;\r\n letter-spacing: 1.5px;\r\n }\r\n \r\n .header p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.5rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 300;\r\n }\r\n \r\n .card {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 20px;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n overflow: hidden;\r\n display: flex;\r\n transition: transform 0.4s ease;\r\n animation: fadeInUp 1s ease;\r\n min-height: 380px;\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .profile-section {\r\n flex: 0 0 40%;\r\n background: linear-gradient(135deg, #0a66c2, #1877f2);\r\n padding: 40px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .profile-section::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\r\n top: -50%;\r\n left: -50%;\r\n transform: rotate(30deg);\r\n animation: shine 8s infinite linear;\r\n }\r\n \r\n @keyframes shine {\r\n 0% { transform: rotate(30deg) translateX(-100%); }\r\n 100% { transform: rotate(30deg) translateX(100%); }\r\n }\r\n \r\n .logo-container {\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n border: 8px solid white;\r\n overflow: hidden;\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .logo-container:hover {\r\n transform: scale(1.05);\r\n }\r\n \r\n .logo-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n \r\n .organization-name {\r\n color: white;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-align: center;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .tagline {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.2rem;\r\n text-align: center;\r\n max-width: 300px;\r\n font-weight: 500;\r\n }\r\n \r\n .social-section {\r\n flex: 0 0 60%;\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .social-title {\r\n font-size: 2rem;\r\n color: #333;\r\n margin-bottom: 30px;\r\n position: relative;\r\n text-align: center;\r\n }\r\n \r\n .social-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: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0a66c2, #1877f2);\r\n border-radius: 2px;\r\n }\r\n \r\n .social-links {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n }\r\n \r\n .social-link {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n width: 160px;\r\n height: 160px;\r\n border-radius: 20px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n background: white;\r\n }\r\n \r\n .social-link::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(45deg, #f5f5f5, #fff);\r\n z-index: -1;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .social-link:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .social-link.facebook:hover::before {\r\n background: linear-gradient(45deg, #0a66c2, #1877f2);\r\n }\r\n \r\n .social-link.instagram:hover::before {\r\n background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);\r\n }\r\n \r\n .social-link.youtube:hover::before {\r\n background: linear-gradient(45deg, #c4302b, #ff0000);\r\n }\r\n \r\n .social-link.x:hover::before {\r\n background: linear-gradient(45deg, #000000, #2a2a2a);\r\n }\r\n \r\n .social-link:hover .social-icon {\r\n color: white;\r\n transform: scale(1.2);\r\n }\r\n \r\n .social-link:hover .social-name {\r\n color: white;\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n \r\n .social-icon {\r\n font-size: 60px;\r\n margin-bottom: 15px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .social-name {\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: #333;\r\n transition: all 0.3s ease;\r\n transform: translateY(5px);\r\n opacity: 0.9;\r\n }\r\n \r\n .facebook .social-icon {\r\n color: #1877f2;\r\n }\r\n \r\n .instagram .social-icon {\r\n color: #e4405f;\r\n }\r\n \r\n .youtube .social-icon {\r\n color: #ff0000;\r\n }\r\n \r\n .x .social-icon {\r\n color: #000000;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n color: white;\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n animation: fadeIn 2s ease;\r\n }\r\n \r\n .footer a {\r\n color: #ffdd40;\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n \r\n .footer a:hover {\r\n text-decoration: underline;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @media (max-width: 900px) {\r\n .card {\r\n flex-direction: column;\r\n }\r\n \r\n .profile-section, .social-section {\r\n flex: 1;\r\n }\r\n \r\n .social-links {\r\n justify-content: center;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .social-links {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .header p {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .organization-name {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"social-container\">\r\n <div class=\"header\">\r\n <h1><\/h1>\r\n <p>Join our movement to create a world without poverty<\/p>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"profile-section\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/kickoutpoverty.jpg\" alt=\"Kick Out Poverty Logo\">\r\n <\/div>\r\n <h2 class=\"organization-name\">Kick Out Poverty<\/h2>\r\n <p class=\"tagline\">Together we can make a difference<\/p>\r\n <\/div>\r\n \r\n <div class=\"social-section\">\r\n <h2 class=\"social-title\">Connect With Us<\/h2>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/people\/Kick-Out-Poverty\/61554304600914\/\" class=\"social-link facebook\" target=\"_blank\">\r\n <i class=\"fab fa-facebook social-icon\"><\/i>\r\n <span class=\"social-name\">Facebook<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/accounts\/login\/?next=%2Fkickoutpoverty_now%2F&source=omni_redirect\" class=\"social-link instagram\" target=\"_blank\">\r\n <i class=\"fab fa-instagram social-icon\"><\/i>\r\n <span class=\"social-name\">Instagram<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.youtube.com\/@KickOutPoverty\" class=\"social-link youtube\" target=\"_blank\">\r\n <i class=\"fab fa-youtube social-icon\"><\/i>\r\n <span class=\"social-name\">YouTube<\/span>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"social-link x\" target=\"_blank\">\r\n <i class=\"fab fa-x-twitter social-icon\"><\/i>\r\n <span class=\"social-name\">Coming Soon<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add hover effect enhancements with JavaScript\r\n document.querySelectorAll('.social-link').forEach(link => {\r\n link.addEventListener('mouseenter', function() {\r\n this.style.zIndex = '10';\r\n });\r\n \r\n link.addEventListener('mouseleave', function() {\r\n this.style.zIndex = '1';\r\n });\r\n });\r\n \r\n \/\/ Logo hover effect\r\n const logo = document.querySelector('.logo-container');\r\n logo.addEventListener('mouseenter', () => {\r\n logo.style.transform = 'scale(1.05) rotate(5deg)';\r\n });\r\n \r\n logo.addEventListener('mouseleave', () => {\r\n logo.style.transform = 'scale(1) rotate(0)';\r\n });\r\n <\/script>\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<div class=\"elementor-element elementor-element-8ce5f9f e-flex e-con-boxed e-con e-parent\" data-id=\"8ce5f9f\" 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-09bd6b9 elementor-widget elementor-widget-html\" data-id=\"09bd6b9\" 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>Premium Memberships - Kick Out Poverty<\/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, #0d1c28, #1e2b3a);\r\n color: #f0f4f8;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 40px 20px;\r\n }\r\n\r\n .wp-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n .header-section {\r\n background: linear-gradient(145deg, #1a365d, #2a4365);\r\n border-radius: 16px;\r\n padding: 50px 30px;\r\n text-align: center;\r\n margin-bottom: 50px;\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header-section::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: radial-gradient(circle at top right, rgba(255,255,255,0.08), transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .page-title {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n color: white;\r\n position: relative;\r\n display: inline-block;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n\r\n .page-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: 100px;\r\n height: 4px;\r\n background: #3a86ff;\r\n border-radius: 2px;\r\n }\r\n\r\n .page-subtitle {\r\n font-size: 1.3rem;\r\n font-weight: 300;\r\n max-width: 800px;\r\n margin: 30px auto 0;\r\n color: #cbd5e1;\r\n line-height: 1.8;\r\n }\r\n\r\n .highlight {\r\n color: #3a86ff;\r\n font-weight: 600;\r\n }\r\n\r\n .membership-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .membership-card {\r\n background: linear-gradient(145deg, #1e293b, #2d3748);\r\n border-radius: 16px;\r\n padding: 35px 30px;\r\n width: 350px;\r\n box-shadow: 0 15px 45px rgba(0, 0, 0, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n display: flex;\r\n flex-direction: column;\r\n animation: floatUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n z-index: 1;\r\n }\r\n\r\n .membership-card:nth-child(1) { animation-delay: 0.2s; }\r\n .membership-card:nth-child(2) { animation-delay: 0.4s; }\r\n .membership-card:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n @keyframes floatUp {\r\n from { opacity: 0; transform: translateY(40px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .membership-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .popular-badge {\r\n position: absolute;\r\n top: 44px;\r\n right: -43px;\r\n background: linear-gradient(45deg, #3a86ff, #5e60ce);\r\n color: white;\r\n padding: 8px 40px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n transform: rotate(45deg);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n .gold .popular-badge {\r\n background: linear-gradient(45deg, #FFD700, #D4AF37);\r\n }\r\n\r\n .card-header {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .tier-icon {\r\n width: 90px;\r\n height: 90px;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 2.8rem;\r\n }\r\n\r\n .gold .tier-icon {\r\n background: radial-gradient(circle, #FFD700, #D4AF37);\r\n box-shadow: 0 0 30px rgba(255, 215, 0, 0.5);\r\n color: #1e293b;\r\n }\r\n\r\n .silver .tier-icon {\r\n background: radial-gradient(circle, #e0e0e0, #b0b0b0);\r\n box-shadow: 0 0 30px rgba(192, 192, 192, 0.5);\r\n color: #1e293b;\r\n }\r\n\r\n .bronze .tier-icon {\r\n background: radial-gradient(circle, #CD7F32, #8C6239);\r\n box-shadow: 0 0 30px rgba(205, 127, 50, 0.5);\r\n color: #f0f4f8;\r\n }\r\n\r\n .tier-name {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .gold .tier-name { color: #FFD700; }\r\n .silver .tier-name { color: #e0e0e0; }\r\n .bronze .tier-name { color: #CD7F32; }\r\n\r\n .price {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin: 15px 0;\r\n position: relative;\r\n }\r\n\r\n .gold .price { color: #FFD700; }\r\n .silver .price { color: #e0e0e0; }\r\n .bronze .price { color: #CD7F32; }\r\n\r\n .price span {\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n color: #94a3b8;\r\n }\r\n\r\n .description {\r\n font-size: 1.1rem;\r\n text-align: center;\r\n color: #cbd5e1;\r\n margin-bottom: 20px;\r\n min-height: 50px;\r\n font-weight: 300;\r\n }\r\n\r\n .benefits {\r\n margin: 25px 0;\r\n flex-grow: 1;\r\n }\r\n\r\n .benefits-title {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n color: #e2e8f0;\r\n text-align: center;\r\n position: relative;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .benefits-title::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 2px;\r\n background: rgba(148, 163, 184, 0.3);\r\n }\r\n\r\n .benefit {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 15px;\r\n padding: 10px 0;\r\n border-bottom: 1px dashed rgba(148, 163, 184, 0.2);\r\n }\r\n\r\n .benefit i {\r\n font-size: 1.1rem;\r\n margin-right: 15px;\r\n min-width: 22px;\r\n padding-top: 4px;\r\n }\r\n\r\n .gold .benefit i { color: #FFD700; }\r\n .silver .benefit i { color: #e0e0e0; }\r\n .bronze .benefit i { color: #CD7F32; }\r\n\r\n .benefit-text {\r\n font-size: 1rem;\r\n color: #94a3b8;\r\n }\r\n\r\n .cta-button {\r\n display: block;\r\n text-align: center;\r\n padding: 17px 25px;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n margin-top: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n letter-spacing: 0.5px;\r\n border: none;\r\n cursor: pointer;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .gold .cta-button {\r\n background: linear-gradient(to right, #FFD700, #D4AF37);\r\n color: #1e293b;\r\n box-shadow: 0 5px 20px rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n .silver .cta-button {\r\n background: linear-gradient(to right, #e0e0e0, #b0b0b0);\r\n color: #1e293b;\r\n box-shadow: 0 5px 20px rgba(192, 192, 192, 0.4);\r\n }\r\n\r\n .bronze .cta-button {\r\n background: linear-gradient(to right, #CD7F32, #8C6239);\r\n color: #f0f4f8;\r\n box-shadow: 0 5px 20px rgba(205, 127, 50, 0.4);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .cta-button::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: rgba(255, 255, 255, 0.2);\r\n z-index: -1;\r\n transform: translateX(-100%);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .cta-button:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .membership-card::after {\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: radial-gradient(circle at top right, rgba(255,255,255,0.06), transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .impact-section {\r\n background: linear-gradient(145deg, #1a365d, #2a4365);\r\n border-radius: 16px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n max-width: 1000px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .impact-section::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: radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .impact-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 25px;\r\n color: #FFD700;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .impact-title::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background: #3a86ff;\r\n border-radius: 2px;\r\n }\r\n\r\n .impact-text {\r\n font-size: 1.15rem;\r\n line-height: 1.8;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .gold-highlight { color: #FFD700; font-weight: 600; }\r\n .silver-highlight { color: #e0e0e0; font-weight: 600; }\r\n .bronze-highlight { color: #CD7F32; font-weight: 600; }\r\n\r\n \/* Responsive design *\/\r\n @media (max-width: 1200px) {\r\n .membership-container {\r\n gap: 25px;\r\n }\r\n \r\n .membership-card {\r\n width: 330px;\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .membership-container {\r\n max-width: 700px;\r\n margin: 0 auto 50px;\r\n }\r\n \r\n .membership-card {\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header-section, .impact-section {\r\n padding: 40px 25px;\r\n }\r\n \r\n .page-title {\r\n font-size: 2.4rem;\r\n }\r\n \r\n .page-subtitle, .impact-text {\r\n font-size: 1.15rem;\r\n }\r\n \r\n .tier-name {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .price {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .tier-icon {\r\n width: 80px;\r\n height: 80px;\r\n font-size: 2.4rem;\r\n }\r\n \r\n .popular-badge {\r\n top: 15px;\r\n right: -32px;\r\n font-size: 0.85rem;\r\n padding: 7px 35px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n body {\r\n padding: 30px 15px;\r\n }\r\n \r\n .header-section, .impact-section {\r\n padding: 30px 20px;\r\n }\r\n \r\n .page-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .page-subtitle, .impact-text {\r\n font-size: 1.05rem;\r\n }\r\n \r\n .impact-title {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .tier-name {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .price {\r\n font-size: 2rem;\r\n }\r\n \r\n .tier-icon {\r\n width: 70px;\r\n height: 70px;\r\n font-size: 2rem;\r\n }\r\n \r\n .benefit-text {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .cta-button {\r\n padding: 15px 20px;\r\n font-size: 1rem;\r\n }\r\n \r\n .popular-badge {\r\n top: 12px;\r\n right: -35px;\r\n font-size: 0.8rem;\r\n padding: 6px 32px;\r\n }\r\n }\r\n \r\n \/* PayPal form styling *\/\r\n .paypal-form {\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wp-container\">\r\n <div class=\"header-section\">\r\n <h1 class=\"page-title\">Premium Memberships<\/h1>\r\n <p class=\"page-subtitle\">Join our mission to eradicate poverty through sports and community development. Your membership supports our initiatives and gives you exclusive benefits.<\/p>\r\n <\/div>\r\n \r\n <div class=\"membership-container\">\r\n <!-- Gold Membership -->\r\n <div class=\"membership-card gold\">\r\n <div class=\"popular-badge\">MOST POPULAR<\/div>\r\n <div class=\"card-header\">\r\n <div class=\"tier-icon\">\r\n <i class=\"fas fa-crown\"><\/i>\r\n <\/div>\r\n <h2 class=\"tier-name\">Gold Patron<\/h2>\r\n <div class=\"price\">$99<span>\/month<\/span><\/div>\r\n <p class=\"description\">Maximize your impact with our premium tier<\/p>\r\n <\/div>\r\n \r\n <div class=\"benefits\">\r\n <h3 class=\"benefits-title\">Exclusive Benefits<\/h3>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">VIP access to all Kick Out Poverty events<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Personalized impact report quarterly<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Exclusive merchandise package annually<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Private meetings with our leadership team<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Early access to new programs and initiatives<\/div>\r\n <\/div>\r\n <\/div>\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=\"cta-button\">\r\n BECOME A GOLD PATRON <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n \r\n <!-- Silver Membership -->\r\n <div class=\"membership-card silver\">\r\n <div class=\"card-header\">\r\n <div class=\"tier-icon\">\r\n <i class=\"fas fa-medal\"><\/i>\r\n <\/div>\r\n <h2 class=\"tier-name\">Silver Supporter<\/h2>\r\n <div class=\"price\">$49<span>\/month<\/span><\/div>\r\n <p class=\"description\">Significant support with valuable perks<\/p>\r\n <\/div>\r\n \r\n <div class=\"benefits\">\r\n <h3 class=\"benefits-title\">Premium Benefits<\/h3>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Priority access to major events<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Bi-annual impact reports<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Exclusive supporter merchandise<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Quarterly newsletter with updates<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Special recognition on our website<\/div>\r\n <\/div>\r\n <\/div>\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=\"cta-button\">\r\n BECOME A SILVER SUPPORTER <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n \r\n <!-- Bronze Membership -->\r\n <div class=\"membership-card bronze\">\r\n <div class=\"card-header\">\r\n <div class=\"tier-icon\">\r\n <i class=\"fas fa-award\"><\/i>\r\n <\/div>\r\n <h2 class=\"tier-name\">Bronze Champion<\/h2>\r\n <div class=\"price\">$19<span>\/month<\/span><\/div>\r\n <p class=\"description\">Essential support for sustainable change<\/p>\r\n <\/div>\r\n \r\n <div class=\"benefits\">\r\n <h3 class=\"benefits-title\">Member Benefits<\/h3>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Access to community events<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Annual impact report<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Digital membership card<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Monthly newsletter<\/div>\r\n <\/div>\r\n <div class=\"benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"benefit-text\">Special member discounts<\/div>\r\n <\/div>\r\n <\/div>\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=\"cta-button\">\r\n BECOME A BRONZE CHAMPION <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"impact-section\">\r\n <h3 class=\"impact-title\">Your Membership Makes a Difference<\/h3>\r\n <p class=\"impact-text\">\r\n <span class=\"silver-highlight\">\r\n Every membership directly funds our initiatives to combat poverty through sports and education. \r\n <span class=\"gold-highlight\">Gold members<\/span> fund a child's sports education for a year, \r\n <span class=\"silver-highlight\">Silver members<\/span> provide equipment for a youth team, and \r\n <span class=\"bronze-highlight\">Bronze members<\/span> supply nutritious meals for training sessions. \r\n Together, we're building a brighter future through the power of community and sports.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add animation on scroll\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('.membership-card');\r\n const impactBox = document.querySelector('.impact-section');\r\n const header = document.querySelector('.header-section');\r\n \r\n \/\/ Set initial state for animations\r\n cards.forEach(card => card.style.opacity = '0');\r\n impactBox.style.opacity = '0';\r\n header.style.opacity = '0';\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target === header) {\r\n entry.target.style.animation = 'floatUp 0.8s ease-out forwards';\r\n } else {\r\n entry.target.style.animation = 'floatUp 0.8s ease-out forwards';\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n observer.observe(header);\r\n cards.forEach(card => observer.observe(card));\r\n observer.observe(impactBox);\r\n \r\n \/\/ Add hover effect to CTA buttons\r\n const buttons = document.querySelectorAll('.cta-button');\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 \/\/ Add subtle animation to header elements\r\n setTimeout(() => {\r\n document.querySelector('.page-title').style.transform = 'translateY(0)';\r\n document.querySelector('.page-title').style.opacity = '1';\r\n document.querySelector('.page-subtitle').style.transform = 'translateY(0)';\r\n document.querySelector('.page-subtitle').style.opacity = '1';\r\n }, 300);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c002756 elementor-widget elementor-widget-html\" data-id=\"c002756\" 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 - Social Media<\/title>\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);\r\n background-size: 400% 400%;\r\n animation: gradientBG 15s ease infinite;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n overflow-x: hidden;\r\n }\r\n \r\n @keyframes gradientBG {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n \r\n .social-container {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n animation: fadeInDown 1s ease;\r\n }\r\n \r\n .header h1 {\r\n font-size: 3.5rem;\r\n color: white;\r\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n margin-bottom: 15px;\r\n letter-spacing: 1.5px;\r\n }\r\n \r\n .header p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.5rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 300;\r\n }\r\n \r\n .card {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 20px;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n overflow: hidden;\r\n display: flex;\r\n transition: transform 0.4s ease;\r\n animation: fadeInUp 1s ease;\r\n min-height: 380px;\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .profile-section {\r\n flex: 0 0 40%;\r\n background: linear-gradient(135deg, #0a66c2, #1877f2);\r\n padding: 40px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .profile-section::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\r\n top: -50%;\r\n left: -50%;\r\n transform: rotate(30deg);\r\n animation: shine 8s infinite linear;\r\n }\r\n \r\n @keyframes shine {\r\n 0% { transform: rotate(30deg) translateX(-100%); }\r\n 100% { transform: rotate(30deg) translateX(100%); }\r\n }\r\n \r\n .logo-container {\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n border: 8px solid white;\r\n overflow: hidden;\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .logo-container:hover {\r\n transform: scale(1.05);\r\n }\r\n \r\n .logo-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n \r\n .organization-name {\r\n color: white;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-align: center;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .tagline {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 1.2rem;\r\n text-align: center;\r\n max-width: 300px;\r\n font-weight: 500;\r\n }\r\n \r\n .social-section {\r\n flex: 0 0 60%;\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .social-title {\r\n font-size: 2rem;\r\n color: #333;\r\n margin-bottom: 30px;\r\n position: relative;\r\n text-align: center;\r\n }\r\n \r\n .social-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: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0a66c2, #1877f2);\r\n border-radius: 2px;\r\n }\r\n \r\n .social-links {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n }\r\n \r\n .social-link {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n width: 160px;\r\n height: 160px;\r\n border-radius: 20px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n background: white;\r\n }\r\n \r\n .social-link::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(45deg, #f5f5f5, #fff);\r\n z-index: -1;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .social-link:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .social-link.facebook:hover::before {\r\n background: linear-gradient(45deg, #0a66c2, #1877f2);\r\n }\r\n \r\n .social-link.instagram:hover::before {\r\n background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);\r\n }\r\n \r\n .social-link.youtube:hover::before {\r\n background: linear-gradient(45deg, #c4302b, #ff0000);\r\n }\r\n \r\n .social-link.x:hover::before {\r\n background: linear-gradient(45deg, #000000, #2a2a2a);\r\n }\r\n \r\n .social-link:hover .social-icon {\r\n color: white;\r\n transform: scale(1.2);\r\n }\r\n \r\n .social-link:hover .social-name {\r\n color: white;\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n \r\n .social-icon {\r\n font-size: 60px;\r\n margin-bottom: 15px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .social-name {\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: #333;\r\n transition: all 0.3s ease;\r\n transform: translateY(5px);\r\n opacity: 0.9;\r\n }\r\n \r\n .facebook .social-icon {\r\n color: #1877f2;\r\n }\r\n \r\n .instagram .social-icon {\r\n color: #e4405f;\r\n }\r\n \r\n .youtube .social-icon {\r\n color: #ff0000;\r\n }\r\n \r\n .x .social-icon {\r\n color: #000000;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n color: white;\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n animation: fadeIn 2s ease;\r\n }\r\n \r\n .footer a {\r\n color: #ffdd40;\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n \r\n .footer a:hover {\r\n text-decoration: underline;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @media (max-width: 900px) {\r\n .card {\r\n flex-direction: column;\r\n }\r\n \r\n .profile-section, .social-section {\r\n flex: 1;\r\n }\r\n \r\n .social-links {\r\n justify-content: center;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .social-links {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .header p {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .organization-name {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"social-container\">\r\n <div class=\"header\">\r\n <h1>Kick Out Poverty<\/h1>\r\n <p>Join our movement to create a world without poverty<\/p>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"profile-section\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/kickoutpoverty.com\/wp-content\/uploads\/2025\/07\/kickoutpoverty.jpg\" alt=\"Kick Out Poverty Logo\">\r\n <\/div>\r\n <h2 class=\"organization-name\">Kick Out Poverty<\/h2>\r\n <p class=\"tagline\">Together we can make a difference<\/p>\r\n <\/div>\r\n \r\n <div class=\"social-section\">\r\n <h2 class=\"social-title\">Connect With Us<\/h2>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/people\/Kick-Out-Poverty\/61554304600914\/\" class=\"social-link facebook\" target=\"_blank\">\r\n <i class=\"fab fa-facebook social-icon\"><\/i>\r\n <span class=\"social-name\">Facebook<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/accounts\/login\/?next=%2Fkickoutpoverty_now%2F&source=omni_redirect\" class=\"social-link instagram\" target=\"_blank\">\r\n <i class=\"fab fa-instagram social-icon\"><\/i>\r\n <span class=\"social-name\">Instagram<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.youtube.com\/@KickOutPoverty\" class=\"social-link youtube\" target=\"_blank\">\r\n <i class=\"fab fa-youtube social-icon\"><\/i>\r\n <span class=\"social-name\">YouTube<\/span>\r\n <\/a>\r\n \r\n <a href=\"#\" class=\"social-link x\" target=\"_blank\">\r\n <i class=\"fab fa-x-twitter social-icon\"><\/i>\r\n <span class=\"social-name\">X<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add hover effect enhancements with JavaScript\r\n document.querySelectorAll('.social-link').forEach(link => {\r\n link.addEventListener('mouseenter', function() {\r\n this.style.zIndex = '10';\r\n });\r\n \r\n link.addEventListener('mouseleave', function() {\r\n this.style.zIndex = '1';\r\n });\r\n });\r\n \r\n \/\/ Logo hover effect\r\n const logo = document.querySelector('.logo-container');\r\n logo.addEventListener('mouseenter', () => {\r\n logo.style.transform = 'scale(1.05) rotate(5deg)';\r\n });\r\n \r\n logo.addEventListener('mouseleave', () => {\r\n logo.style.transform = 'scale(1) rotate(0)';\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>Donate to us and save Lives Empower your future, learn, grow, thrive with Kick Out Poverty Our mission is to combat homelessness in London by collecting and distributing food, securing shelter and accommodation. Offering guidance and resources to help individuals get back on their feet. Donate Now Discover More Kick Out Poverty – Our Projects […]<\/p>\n","protected":false},"author":2,"featured_media":375,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-965","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","fd6d521f699a53c9976fdc53ec6df8aa":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"3673d9e92fccd9c068002911a4fca6f6":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","148a5bc936a76c549bc6875136354cbe":"","hero_structure":"narrow","af3923fb95dca9553568f4619bab67d6":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"4496afa044bed9c6d01877e5c4eff395":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"deb3f736da757ee3c368f2e3307d3f1b":"","page_structure_type":"default","8df62c84fd9abcc61f2f6c1f84860274":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"inherit","content_area_spacing":"both","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"60dd39be4a30572e7eb2cf7accc108cd":"","disable_featured_image":"yes","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/965","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=965"}],"version-history":[{"count":156,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/965\/revisions"}],"predecessor-version":[{"id":1688,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/965\/revisions\/1688"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media\/375"}],"wp:attachment":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media?parent=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}