{"id":1553,"date":"2025-07-18T09:59:40","date_gmt":"2025-07-18T09:59:40","guid":{"rendered":"https:\/\/kickoutpoverty.com\/?page_id=1553"},"modified":"2025-07-18T19:53:15","modified_gmt":"2025-07-18T19:53:15","slug":"media","status":"publish","type":"page","link":"https:\/\/kickoutpoverty.com\/index.php\/media\/","title":{"rendered":"Media"},"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\r\n\r\n\r\n \r\n \r\n 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-fc963c4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fc963c4\" 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 }\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 \/* 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 <a href=\"#\" class=\"donate-button\">\r\n DONATE NOW <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\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<!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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mayor’s Meeting in Lemba – Kick Out Poverty Mayor’s Meeting in Lemba Kick Out Poverty initiative for community development Kick Out Poverty met with the Mayor of Lemba to discuss building a FIFA\u2011standard stadium This project will create jobs, boost local sports, and provide youth with world\u2011class facilities Create Jobs Boost Sports Youth Development Economic […]<\/p>\n","protected":false},"author":2,"featured_media":1481,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1553","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/1553","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=1553"}],"version-history":[{"count":42,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/1553\/revisions"}],"predecessor-version":[{"id":1656,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/pages\/1553\/revisions\/1656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media\/1481"}],"wp:attachment":[{"href":"https:\/\/kickoutpoverty.com\/index.php\/wp-json\/wp\/v2\/media?parent=1553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}