AIAF Full-Width Slider<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Full Width Slider Container *\/\r\n .aiaf-slider {\r\n position: relative;\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n overflow: hidden;\r\n }\r\n \r\n \/* Slides Container *\/\r\n .slides-container {\r\n display: flex;\r\n transition: transform 0.8s ease-in-out;\r\n height: 80vh;\r\n min-height: 500px;\r\n }\r\n \r\n \/* Individual Slide *\/\r\n .slide {\r\n position: relative;\r\n min-width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Slide Image *\/\r\n .slide-image {\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 \/* Slide Overlay *\/\r\n .slide-overlay {\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(135deg, rgba(0, 165, 80, 0.85) 0%, rgba(0, 135, 240, 0.85) 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n padding: 40px;\r\n }\r\n \r\n .slide:hover .slide-overlay {\r\n opacity: 1;\r\n }\r\n \r\n .slide:hover .slide-image {\r\n transform: scale(1.05);\r\n }\r\n \r\n \/* Slide Content *\/\r\n .slide-content {\r\n color: white;\r\n text-align: center;\r\n max-width: 900px;\r\n transform: translateY(20px);\r\n transition: transform 0.5s ease 0.2s;\r\n }\r\n \r\n .slide:hover .slide-content {\r\n transform: translateY(0);\r\n }\r\n \r\n .slide-title {\r\n font-size: 36px;\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .slide-text {\r\n font-size: 20px;\r\n line-height: 1.7;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* Navigation Arrows *\/\r\n .slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.9);\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n color: #0087f0;\r\n font-weight: bold;\r\n font-size: 24px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .slider-nav:hover {\r\n background: white;\r\n transform: translateY(-50%) scale(1.1);\r\n color: #00a550;\r\n }\r\n \r\n .prev {\r\n left: 30px;\r\n }\r\n \r\n .next {\r\n right: 30px;\r\n }\r\n \r\n \/* Dots Indicator *\/\r\n .slider-dots {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 0;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n z-index: 10;\r\n }\r\n \r\n .dot {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.6);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid white;\r\n }\r\n \r\n .dot.active {\r\n background: #00a550;\r\n transform: scale(1.2);\r\n border-color: #00a550;\r\n }\r\n \r\n .dot:hover {\r\n background: #0087f0;\r\n border-color: #0087f0;\r\n }\r\n \r\n \/* AIAF Branding *\/\r\n .aiaf-brand {\r\n position: absolute;\r\n top: 30px;\r\n left: 30px;\r\n z-index: 10;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n font-weight: 700;\r\n color: #00a550;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .slides-container {\r\n height: 70vh;\r\n }\r\n \r\n .slide-title {\r\n font-size: 32px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .slides-container {\r\n height: 60vh;\r\n min-height: 400px;\r\n }\r\n \r\n .slide-title {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 16px;\r\n }\r\n \r\n .slider-nav {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 20px;\r\n }\r\n \r\n .prev {\r\n left: 15px;\r\n }\r\n \r\n .next {\r\n right: 15px;\r\n }\r\n \r\n .aiaf-brand {\r\n top: 15px;\r\n left: 15px;\r\n padding: 8px 15px;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .slides-container {\r\n height: 50vh;\r\n min-height: 350px;\r\n }\r\n \r\n .slide-overlay {\r\n padding: 20px;\r\n }\r\n \r\n .slide-title {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 14px;\r\n }\r\n \r\n .slider-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n \r\n .slider-dots {\r\n bottom: 20px;\r\n }\r\n \r\n .dot {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"aiaf-slider\">\r\n <div class=\"aiaf-brand\">Africa Ihsan Aid Foundation<\/div>\r\n \r\n <div class=\"slides-container\">\r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-photos-1-scaled.jpg\" alt=\"African Community\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Mission<\/h2>\r\n <p class=\"slide-text\">Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-18.jpeg\" alt=\"African Landscape\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Vision<\/h2>\r\n <p class=\"slide-text\">Africa Ihsan Aid Foundation (AIAF) is a non-profit, non-governmental organization founded by Somali professionals, volunteers, and scholars.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-photos-7-scaled.jpg\" alt=\"Community Support\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Values<\/h2>\r\n <p class=\"slide-text\">We are committed to serving communities with compassion, guided by Islamic principles of mercy, justice, and solidarity.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-3.jpeg\" alt=\"Community Support\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Impact<\/h2>\r\n <p class=\"slide-text\">Transforming lives and communities through sustainable development projects, humanitarian aid, and education initiatives across Africa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <button class=\"slider-nav prev\">\r\n \u276e\r\n <\/button>\r\n <button class=\"slider-nav next\">\r\n \u276f\r\n <\/button>\r\n \r\n \r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const slidesContainer = document.querySelector('.slides-container');\r\n const slides = document.querySelectorAll('.slide');\r\n const prevBtn = document.querySelector('.prev');\r\n const nextBtn = document.querySelector('.next');\r\n const dots = document.querySelectorAll('.dot');\r\n \r\n let currentSlide = 0;\r\n const totalSlides = slides.length;\r\n let slideInterval;\r\n \r\n \/\/ Initialize slider\r\n function initSlider() {\r\n updateSlider();\r\n startAutoSlide();\r\n }\r\n \r\n \/\/ Go to specific slide\r\n function goToSlide(slideIndex) {\r\n currentSlide = slideIndex;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Next slide\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Previous slide\r\n function prevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Update slider position and active dot\r\n function updateSlider() {\r\n slidesContainer.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n \r\n \/\/ Update active dot\r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n }\r\n \r\n \/\/ Auto slide functionality\r\n function startAutoSlide() {\r\n slideInterval = setInterval(nextSlide, 5000); \/\/ Change slide every 5 seconds\r\n }\r\n \r\n function stopAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n \/\/ Event listeners\r\n prevBtn.addEventListener('click', function() {\r\n stopAutoSlide();\r\n prevSlide();\r\n startAutoSlide();\r\n });\r\n \r\n nextBtn.addEventListener('click', function() {\r\n stopAutoSlide();\r\n nextSlide();\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Dot navigation\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() {\r\n stopAutoSlide();\r\n goToSlide(index);\r\n startAutoSlide();\r\n });\r\n });\r\n \r\n \/\/ Pause auto slide on hover\r\n slidesContainer.addEventListener('mouseenter', stopAutoSlide);\r\n slidesContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Initialize the slider\r\n initSlider();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3336a7 e-con-full e-flex e-con e-parent\" data-id=\"d3336a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f9164 elementor-widget elementor-widget-html\" data-id=\"32f9164\" 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>AIAF About Section<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Full Width Section *\/\r\n .aiaf-about-section {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n padding: 80px 0;\r\n overflow: hidden;\r\n }\r\n \r\n .aiaf-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Two Column Layout *\/\r\n .aiaf-columns {\r\n display: flex;\r\n align-items: center;\r\n gap: 60px;\r\n }\r\n \r\n .aiaf-content {\r\n flex: 1;\r\n padding-right: 20px;\r\n }\r\n \r\n .aiaf-image {\r\n flex: 1;\r\n position: relative;\r\n height: 500px;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Content Styling *\/\r\n .aiaf-subtitle {\r\n color: #0087f0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 42px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n \r\n .aiaf-title span {\r\n color: #00a550;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 18px;\r\n color: #555;\r\n margin-bottom: 25px;\r\n line-height: 1.8;\r\n text-align: justify;\r\n text-justify: inter-word;\r\n }\r\n \r\n \/* Button Styling *\/\r\n .aiaf-button {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 135, 240, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n .aiaf-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: linear-gradient(135deg, #0087f0 0%, #00a550 100%);\r\n z-index: -1;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n .aiaf-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 135, 240, 0.4);\r\n }\r\n \r\n .aiaf-button:hover:before {\r\n opacity: 1;\r\n }\r\n \r\n \/* Image Mask Styling *\/\r\n .image-mask {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .mask-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n \r\n .shape-1 {\r\n width: 120px;\r\n height: 120px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .shape-2 {\r\n width: 80px;\r\n height: 80px;\r\n top: 60%;\r\n left: 70%;\r\n animation-delay: 2s;\r\n }\r\n \r\n .shape-3 {\r\n width: 150px;\r\n height: 150px;\r\n top: 30%;\r\n left: 50%;\r\n animation-delay: 4s;\r\n }\r\n \r\n .shape-4 {\r\n width: 100px;\r\n height: 100px;\r\n top: 70%;\r\n left: 20%;\r\n animation-delay: 1s;\r\n }\r\n \r\n .image-container {\r\n position: relative;\r\n width: 85%;\r\n height: 85%;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n z-index: 2;\r\n }\r\n \r\n .about-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n .image-container:hover .about-image {\r\n transform: scale(1.05);\r\n }\r\n \r\n \/* Custom Shape Clip Path *\/\r\n .shape-clip {\r\n clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);\r\n }\r\n \r\n \/* Alternative Shape Options (uncomment to use) *\/\r\n \r\n \/* Rounded Diamond Shape *\/\r\n \/* .shape-clip {\r\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n border-radius: 20px;\r\n } *\/\r\n \r\n \/* Organic Blob Shape *\/\r\n \/* .shape-clip {\r\n clip-path: path(\"M0.5,0.5 C0.5,0.5,0.8,0.1,1,0.5 C1.2,0.9,0.9,1,0.5,1 C0.1,1,-0.1,0.9,0,0.5 C0.1,0.1,0.5,0.5,0.5,0.5 Z\");\r\n } *\/\r\n \r\n \/* Animation *\/\r\n @keyframes float {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(10deg);\r\n }\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .aiaf-columns {\r\n gap: 40px;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 36px;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 17px;\r\n }\r\n \r\n .aiaf-image {\r\n height: 450px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .aiaf-about-section {\r\n padding: 60px 0;\r\n }\r\n \r\n .aiaf-columns {\r\n flex-direction: column;\r\n gap: 50px;\r\n }\r\n \r\n .aiaf-content {\r\n padding-right: 0;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 32px;\r\n text-align: center;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 16px;\r\n text-align: justify;\r\n }\r\n \r\n .aiaf-image {\r\n height: 400px;\r\n width: 100%;\r\n }\r\n \r\n .aiaf-button {\r\n display: block;\r\n text-align: center;\r\n margin: 0 auto;\r\n width: fit-content;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .aiaf-about-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 28px;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 15px;\r\n }\r\n \r\n .aiaf-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n \r\n .aiaf-image {\r\n height: 300px;\r\n }\r\n \r\n .shape-1, .shape-2, .shape-3, .shape-4 {\r\n display: none;\r\n }\r\n \r\n .image-container {\r\n width: 90%;\r\n height: 90%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"aiaf-about-section\">\r\n <div class=\"aiaf-container\">\r\n <div class=\"aiaf-columns\">\r\n \r\n <div class=\"aiaf-content\">\r\n <span class=\"aiaf-subtitle\">About Our Foundation<\/span>\r\n <h2 class=\"aiaf-title\">Transforming Lives Through <span>Compassionate Action<\/span><\/h2>\r\n <p class=\"aiaf-description\">\r\n Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity. Our foundation works tirelessly to address the most pressing challenges facing communities across Africa.\r\n <\/p>\r\n <p class=\"aiaf-description\">\r\n Our mission is to alleviate suffering, empower communities, and foster sustainable development across Africa by implementing projects in education, healthcare, emergency relief, and economic empowerment. We believe in creating lasting change through collaborative efforts and community-driven solutions.\r\n <\/p>\r\n <a href=\"#\" class=\"aiaf-button\">Learn More About Us<\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"aiaf-image\">\r\n <div class=\"image-mask\">\r\n <div class=\"mask-shape shape-1\"><\/div>\r\n <div class=\"mask-shape shape-2\"><\/div>\r\n <div class=\"mask-shape shape-3\"><\/div>\r\n <div class=\"mask-shape shape-4\"><\/div>\r\n <div class=\"image-container shape-clip\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Orphan-Project-3-scaled.jpg\" alt=\"AIAF Community Work\" class=\"about-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5cbd56 e-con-full e-flex e-con e-parent\" data-id=\"b5cbd56\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5ee5d elementor-widget elementor-widget-html\" data-id=\"4f5ee5d\" 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>Our Projects - Africa Ihsan Aid Foundation<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: #f8f9fa;\r\n }\r\n \r\n \/* Full Width Section *\/\r\n .aiaf-projects-section {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n }\r\n \r\n .aiaf-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Section Header *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .section-subtitle {\r\n color: #0087f0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n \r\n .section-title {\r\n font-size: 42px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 15px;\r\n }\r\n \r\n\r\n \r\n \/* Category Filters *\/\r\n .category-filters {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .filter-btn {\r\n padding: 12px 25px;\r\n background: white;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 50px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #555;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .filter-btn:hover {\r\n background: white;\r\n border-color: #0000;\r\n color: #0087f0;\r\n }\r\n \r\n .filter-btn.active {\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n border-color: transparent;\r\n color: white;\r\n }\r\n \r\n \/* Projects Grid *\/\r\n .projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .project-card {\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .project-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .project-image {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n }\r\n \r\n .project-content {\r\n padding: 25px;\r\n }\r\n \r\n .project-category {\r\n display: inline-block;\r\n padding: 5px 15px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .project-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n }\r\n \r\n .project-excerpt {\r\n color: #666;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n \r\n .project-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 15px;\r\n border-top: 1px solid #f0f0f0;\r\n }\r\n \r\n .project-status {\r\n color: #888;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n \r\n \r\n .read-more {\r\n color: #0087f0;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n .read-more:hover {\r\n color: #00a550;\r\n }\r\n \r\n \/* Load More Button *\/\r\n .load-more-container {\r\n text-align: center;\r\n }\r\n \r\n .load-more-btn {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 135, 240, 0.3);\r\n }\r\n \r\n .load-more-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 135, 240, 0.4);\r\n }\r\n \r\n .load-more-btn.loading {\r\n opacity: 0.7;\r\n pointer-events: none;\r\n }\r\n \r\n \/* Loading Animation *\/\r\n .loading-spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: white;\r\n animation: spin 1s ease-in-out infinite;\r\n margin-right: 10px;\r\n vertical-align: middle;\r\n }\r\n \r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n \/* No Projects Message *\/\r\n .no-projects {\r\n text-align: center;\r\n padding: 60px 20px;\r\n color: #666;\r\n font-size: 18px;\r\n grid-column: 1 \/ -1;\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n \r\n .section-title {\r\n font-size: 36px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .aiaf-projects-section {\r\n padding: 60px 0;\r\n }\r\n \r\n .projects-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .section-description {\r\n font-size: 16px;\r\n }\r\n \r\n .category-filters {\r\n gap: 10px;\r\n }\r\n \r\n .filter-btn {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .aiaf-projects-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .project-content {\r\n padding: 20px;\r\n }\r\n \r\n .project-title {\r\n font-size: 18px;\r\n }\r\n \r\n .load-more-btn {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"aiaf-projects-section\">\r\n <div class=\"aiaf-container\">\r\n \r\n <div class=\"section-header\">\r\n <span class=\"section-subtitle\">Making a Difference<\/span>\r\n <h2 class=\"section-title\">Our <span>Projects<\/span><\/h2>\r\n <p class=\"section-description\">Discover the impactful projects and initiatives undertaken by Africa Ihsan Aid Foundation to transform lives across Africa<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"category-filters\">\r\n <button class=\"filter-btn active\" data-category=\"all\">All Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"relief\">Relief Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"development\">Development Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"health\">Health Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"education\">Education Projects<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"projects-grid\" id=\"projectsContainer\">\r\n \r\n <div class=\"no-projects\">Loading projects...<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"load-more-container\">\r\n <button class=\"load-more-btn\" id=\"loadMoreBtn\">\r\n <span class=\"btn-text\">Load More Projects<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const projectsContainer = document.getElementById('projectsContainer');\r\n const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n \r\n let currentPage = 1;\r\n let currentCategory = 'all';\r\n let isLoading = false;\r\n let hasMoreProjects = true;\r\n \r\n \/\/ All projects data with your specified images and project names\r\n const allProjects = [\r\n {\r\n id: 2,\r\n title: \"Orphan Sponsorship\",\r\n excerpt: \"Supporting orphaned children through education, healthcare, and basic needs provision, giving them hope for a brighter future.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Orphan-Project-4-scaled.jpg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/orphan-sponsorship\/\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Milk Goat Distribution\",\r\n excerpt: \"Empowering families with sustainable livelihoods by providing milk goats that offer nutrition and income through milk production.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-4.jpeg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/milk-goat-distribution-project\/\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Water Well Construction\",\r\n excerpt: \"Building clean water wells in drought-affected communities to provide access to safe drinking water and improve public health.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/WATER-WELL-16-scaled.jpg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/water-well-construction\/\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Cataract Treatment and Surgery\",\r\n excerpt: \"Restoring vision to those suffering from cataracts through free medical camps, screenings, and surgical interventions.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Cataract-Treatment-and-Surgery-3-scaled.jpg\",\r\n category: \"health\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/cataract-treatment-and-surgery\/\"\r\n },\r\n {\r\n id: 6,\r\n title: \"Food Aid and Distribution\",\r\n excerpt: \"Providing essential food packages to vulnerable families facing food insecurity due to drought, conflict, or poverty.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Food-Aid-6-scaled.jpg\",\r\n category: \"relief\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/food-aid-and-distribution\/\"\r\n },\r\n {\r\n id: 7,\r\n title: \"Ramadan Iftar\",\r\n excerpt: \"Organizing community iftar meals during Ramadan, ensuring fasting Muslims break their fast with nutritious meals in a communal setting.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-18.jpeg\",\r\n category: \"relief\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/ramadan-iftar\/\"\r\n },\r\n {\r\n id: 8,\r\n title: \"Stationary\",\r\n excerpt: \"Distributing school supplies, stationery, and educational materials to underprivileged students to support their academic journey.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/KIRTASIYE-DAGITIMI-5-scaled.jpg\",\r\n category: \"education\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/kirtasiye-dagitimi-project\/\"\r\n }\r\n ];\r\n \r\n \/\/ Initialize the projects display\r\n loadProjects();\r\n \r\n \/\/ Category filter functionality\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n \/\/ Update active button\r\n filterBtns.forEach(b => b.classList.remove('active'));\r\n this.classList.add('active');\r\n \r\n \/\/ Reset pagination and load projects for new category\r\n currentCategory = this.dataset.category;\r\n currentPage = 1;\r\n projectsContainer.innerHTML = '';\r\n hasMoreProjects = true;\r\n loadProjects();\r\n });\r\n });\r\n \r\n \/\/ Load more projects functionality\r\n loadMoreBtn.addEventListener('click', loadMoreProjects);\r\n \r\n \/\/ Function to load projects\r\n function loadProjects() {\r\n if (isLoading) return;\r\n \r\n isLoading = true;\r\n loadMoreBtn.classList.add('loading');\r\n loadMoreBtn.querySelector('.btn-text').innerHTML = '<span class=\"loading-spinner\"><\/span> Loading...';\r\n \r\n \/\/ Simulate API call delay\r\n setTimeout(() => {\r\n const projectsPerPage = 3;\r\n const startIndex = (currentPage - 1) * projectsPerPage;\r\n \r\n \/\/ Filter projects by category\r\n let filteredProjects = allProjects;\r\n if (currentCategory !== 'all') {\r\n filteredProjects = allProjects.filter(project => project.category === currentCategory);\r\n }\r\n \r\n \/\/ Get projects for current page\r\n const projectsToShow = filteredProjects.slice(startIndex, startIndex + projectsPerPage);\r\n \r\n \/\/ Display projects\r\n if (projectsToShow.length > 0) {\r\n if (currentPage === 1) {\r\n projectsContainer.innerHTML = '';\r\n }\r\n \r\n projectsToShow.forEach(project => {\r\n const projectElement = createProjectElement(project);\r\n projectsContainer.appendChild(projectElement);\r\n });\r\n \r\n \/\/ Check if there are more projects to load\r\n hasMoreProjects = (startIndex + projectsPerPage) < filteredProjects.length;\r\n } else {\r\n if (currentPage === 1) {\r\n projectsContainer.innerHTML = '<div class=\"no-projects\">No projects found in this category.<\/div>';\r\n }\r\n hasMoreProjects = false;\r\n }\r\n \r\n \/\/ Update UI\r\n updateLoadMoreButton();\r\n isLoading = false;\r\n }, 800); \/\/ Simulate network delay\r\n }\r\n \r\n \/\/ Function to create project HTML element\r\n function createProjectElement(project) {\r\n const projectElement = document.createElement('div');\r\n projectElement.className = 'project-card';\r\n projectElement.innerHTML = `\r\n <img decoding=\"async\" src=\"${project.image}\" alt=\"${project.title}\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <span class=\"project-category\">${project.category}<\/span>\r\n <h3 class=\"project-title\">${project.title}<\/h3>\r\n <p class=\"project-excerpt\">${project.excerpt}<\/p>\r\n <div class=\"project-meta\">\r\n \r\n <a href=\"${project.link}\" class=\"read-more\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n return projectElement;\r\n }\r\n \r\n \/\/ Function to load more projects\r\n function loadMoreProjects() {\r\n if (!hasMoreProjects || isLoading) return;\r\n \r\n currentPage++;\r\n loadProjects();\r\n }\r\n \r\n \/\/ Function to update load more button state\r\n function updateLoadMoreButton() {\r\n if (!hasMoreProjects) {\r\n loadMoreBtn.style.display = 'none';\r\n } else {\r\n loadMoreBtn.style.display = 'inline-block';\r\n loadMoreBtn.classList.remove('loading');\r\n loadMoreBtn.querySelector('.btn-text').textContent = 'Load More Projects';\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>\n\t\t<div class=\"elementor-element elementor-element-3887ce0 e-flex e-con-boxed e-con e-parent\" data-id=\"3887ce0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3eba5017 e-flex e-con-boxed e-con e-parent\" data-id=\"3eba5017\" data-element_type=\"container\" id=\"xs_team_3\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-277ee74c elementor-widget elementor-widget-elementskit-heading\" data-id=\"277ee74c\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center ekit_heading_tablet- ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title \">Our Team<\/h3><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d2b55c e-con-full e-grid e-con e-child\" data-id=\"44d2b55c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26c18a63 elementor-widget elementor-widget-elementskit-team\" data-id=\"26c18a63\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_26c18a63_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#26c18a63_25\" >\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg\" class=\"attachment-large size-large wp-image-166\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_26c18a63_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tMohamed Abdullahi Shoble\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Chairman<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-26c18a63\" id=\"ekit_team_modal_26c18a63_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg\" class=\"attachment-large size-large wp-image-166\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Mohamed Abdullahi Shoble<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Chairman<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-740afd20 elementor-widget elementor-widget-elementskit-team\" data-id=\"740afd20\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_740afd20_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#740afd20_25\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg\" class=\"attachment-large size-large wp-image-167\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_740afd20_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tMohamed Ahmed Mohamed\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Vice chairman<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-740afd20\" id=\"ekit_team_modal_740afd20_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg\" class=\"attachment-large size-large wp-image-167\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Mohamed Ahmed Mohamed<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Vice chairman<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46379f5e elementor-widget elementor-widget-elementskit-team\" data-id=\"46379f5e\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_46379f5e_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#46379f5e_25\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg\" class=\"attachment-large size-large wp-image-168\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_46379f5e_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tAbdirahman Ali Elmi\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Secretary<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-46379f5e\" id=\"ekit_team_modal_46379f5e_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg\" class=\"attachment-large size-large wp-image-168\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Abdirahman Ali Elmi<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Secretary<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>AIAF Full-Width Slider Africa Ihsan Aid Foundation Our Mission Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity. Our Vision Africa Ihsan Aid Foundation (AIAF) is a non-profit, non-governmental organization founded by Somali professionals, volunteers, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":65,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/545"}],"wp:attachment":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n AIAF Full-Width Slider<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Full Width Slider Container *\/\r\n .aiaf-slider {\r\n position: relative;\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n overflow: hidden;\r\n }\r\n \r\n \/* Slides Container *\/\r\n .slides-container {\r\n display: flex;\r\n transition: transform 0.8s ease-in-out;\r\n height: 80vh;\r\n min-height: 500px;\r\n }\r\n \r\n \/* Individual Slide *\/\r\n .slide {\r\n position: relative;\r\n min-width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Slide Image *\/\r\n .slide-image {\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 \/* Slide Overlay *\/\r\n .slide-overlay {\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(135deg, rgba(0, 165, 80, 0.85) 0%, rgba(0, 135, 240, 0.85) 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n padding: 40px;\r\n }\r\n \r\n .slide:hover .slide-overlay {\r\n opacity: 1;\r\n }\r\n \r\n .slide:hover .slide-image {\r\n transform: scale(1.05);\r\n }\r\n \r\n \/* Slide Content *\/\r\n .slide-content {\r\n color: white;\r\n text-align: center;\r\n max-width: 900px;\r\n transform: translateY(20px);\r\n transition: transform 0.5s ease 0.2s;\r\n }\r\n \r\n .slide:hover .slide-content {\r\n transform: translateY(0);\r\n }\r\n \r\n .slide-title {\r\n font-size: 36px;\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .slide-text {\r\n font-size: 20px;\r\n line-height: 1.7;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* Navigation Arrows *\/\r\n .slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.9);\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n color: #0087f0;\r\n font-weight: bold;\r\n font-size: 24px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .slider-nav:hover {\r\n background: white;\r\n transform: translateY(-50%) scale(1.1);\r\n color: #00a550;\r\n }\r\n \r\n .prev {\r\n left: 30px;\r\n }\r\n \r\n .next {\r\n right: 30px;\r\n }\r\n \r\n \/* Dots Indicator *\/\r\n .slider-dots {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 0;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n z-index: 10;\r\n }\r\n \r\n .dot {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.6);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid white;\r\n }\r\n \r\n .dot.active {\r\n background: #00a550;\r\n transform: scale(1.2);\r\n border-color: #00a550;\r\n }\r\n \r\n .dot:hover {\r\n background: #0087f0;\r\n border-color: #0087f0;\r\n }\r\n \r\n \/* AIAF Branding *\/\r\n .aiaf-brand {\r\n position: absolute;\r\n top: 30px;\r\n left: 30px;\r\n z-index: 10;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n font-weight: 700;\r\n color: #00a550;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .slides-container {\r\n height: 70vh;\r\n }\r\n \r\n .slide-title {\r\n font-size: 32px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .slides-container {\r\n height: 60vh;\r\n min-height: 400px;\r\n }\r\n \r\n .slide-title {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 16px;\r\n }\r\n \r\n .slider-nav {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 20px;\r\n }\r\n \r\n .prev {\r\n left: 15px;\r\n }\r\n \r\n .next {\r\n right: 15px;\r\n }\r\n \r\n .aiaf-brand {\r\n top: 15px;\r\n left: 15px;\r\n padding: 8px 15px;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .slides-container {\r\n height: 50vh;\r\n min-height: 350px;\r\n }\r\n \r\n .slide-overlay {\r\n padding: 20px;\r\n }\r\n \r\n .slide-title {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .slide-text {\r\n font-size: 14px;\r\n }\r\n \r\n .slider-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n \r\n .slider-dots {\r\n bottom: 20px;\r\n }\r\n \r\n .dot {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"aiaf-slider\">\r\n <div class=\"aiaf-brand\">Africa Ihsan Aid Foundation<\/div>\r\n \r\n <div class=\"slides-container\">\r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-photos-1-scaled.jpg\" alt=\"African Community\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Mission<\/h2>\r\n <p class=\"slide-text\">Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-18.jpeg\" alt=\"African Landscape\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Vision<\/h2>\r\n <p class=\"slide-text\">Africa Ihsan Aid Foundation (AIAF) is a non-profit, non-governmental organization founded by Somali professionals, volunteers, and scholars.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-photos-7-scaled.jpg\" alt=\"Community Support\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Values<\/h2>\r\n <p class=\"slide-text\">We are committed to serving communities with compassion, guided by Islamic principles of mercy, justice, and solidarity.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-3.jpeg\" alt=\"Community Support\" class=\"slide-image\">\r\n <div class=\"slide-overlay\">\r\n <div class=\"slide-content\">\r\n <h2 class=\"slide-title\">Our Impact<\/h2>\r\n <p class=\"slide-text\">Transforming lives and communities through sustainable development projects, humanitarian aid, and education initiatives across Africa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <button class=\"slider-nav prev\">\r\n \u276e\r\n <\/button>\r\n <button class=\"slider-nav next\">\r\n \u276f\r\n <\/button>\r\n \r\n \r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const slidesContainer = document.querySelector('.slides-container');\r\n const slides = document.querySelectorAll('.slide');\r\n const prevBtn = document.querySelector('.prev');\r\n const nextBtn = document.querySelector('.next');\r\n const dots = document.querySelectorAll('.dot');\r\n \r\n let currentSlide = 0;\r\n const totalSlides = slides.length;\r\n let slideInterval;\r\n \r\n \/\/ Initialize slider\r\n function initSlider() {\r\n updateSlider();\r\n startAutoSlide();\r\n }\r\n \r\n \/\/ Go to specific slide\r\n function goToSlide(slideIndex) {\r\n currentSlide = slideIndex;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Next slide\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Previous slide\r\n function prevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Update slider position and active dot\r\n function updateSlider() {\r\n slidesContainer.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n \r\n \/\/ Update active dot\r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n }\r\n \r\n \/\/ Auto slide functionality\r\n function startAutoSlide() {\r\n slideInterval = setInterval(nextSlide, 5000); \/\/ Change slide every 5 seconds\r\n }\r\n \r\n function stopAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n \/\/ Event listeners\r\n prevBtn.addEventListener('click', function() {\r\n stopAutoSlide();\r\n prevSlide();\r\n startAutoSlide();\r\n });\r\n \r\n nextBtn.addEventListener('click', function() {\r\n stopAutoSlide();\r\n nextSlide();\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Dot navigation\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() {\r\n stopAutoSlide();\r\n goToSlide(index);\r\n startAutoSlide();\r\n });\r\n });\r\n \r\n \/\/ Pause auto slide on hover\r\n slidesContainer.addEventListener('mouseenter', stopAutoSlide);\r\n slidesContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Initialize the slider\r\n initSlider();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3336a7 e-con-full e-flex e-con e-parent\" data-id=\"d3336a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f9164 elementor-widget elementor-widget-html\" data-id=\"32f9164\" 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>AIAF About Section<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Full Width Section *\/\r\n .aiaf-about-section {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n padding: 80px 0;\r\n overflow: hidden;\r\n }\r\n \r\n .aiaf-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Two Column Layout *\/\r\n .aiaf-columns {\r\n display: flex;\r\n align-items: center;\r\n gap: 60px;\r\n }\r\n \r\n .aiaf-content {\r\n flex: 1;\r\n padding-right: 20px;\r\n }\r\n \r\n .aiaf-image {\r\n flex: 1;\r\n position: relative;\r\n height: 500px;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Content Styling *\/\r\n .aiaf-subtitle {\r\n color: #0087f0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 42px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n \r\n .aiaf-title span {\r\n color: #00a550;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 18px;\r\n color: #555;\r\n margin-bottom: 25px;\r\n line-height: 1.8;\r\n text-align: justify;\r\n text-justify: inter-word;\r\n }\r\n \r\n \/* Button Styling *\/\r\n .aiaf-button {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 135, 240, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n .aiaf-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: linear-gradient(135deg, #0087f0 0%, #00a550 100%);\r\n z-index: -1;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n \r\n .aiaf-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 135, 240, 0.4);\r\n }\r\n \r\n .aiaf-button:hover:before {\r\n opacity: 1;\r\n }\r\n \r\n \/* Image Mask Styling *\/\r\n .image-mask {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .mask-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n \r\n .shape-1 {\r\n width: 120px;\r\n height: 120px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .shape-2 {\r\n width: 80px;\r\n height: 80px;\r\n top: 60%;\r\n left: 70%;\r\n animation-delay: 2s;\r\n }\r\n \r\n .shape-3 {\r\n width: 150px;\r\n height: 150px;\r\n top: 30%;\r\n left: 50%;\r\n animation-delay: 4s;\r\n }\r\n \r\n .shape-4 {\r\n width: 100px;\r\n height: 100px;\r\n top: 70%;\r\n left: 20%;\r\n animation-delay: 1s;\r\n }\r\n \r\n .image-container {\r\n position: relative;\r\n width: 85%;\r\n height: 85%;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n z-index: 2;\r\n }\r\n \r\n .about-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n .image-container:hover .about-image {\r\n transform: scale(1.05);\r\n }\r\n \r\n \/* Custom Shape Clip Path *\/\r\n .shape-clip {\r\n clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);\r\n }\r\n \r\n \/* Alternative Shape Options (uncomment to use) *\/\r\n \r\n \/* Rounded Diamond Shape *\/\r\n \/* .shape-clip {\r\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n border-radius: 20px;\r\n } *\/\r\n \r\n \/* Organic Blob Shape *\/\r\n \/* .shape-clip {\r\n clip-path: path(\"M0.5,0.5 C0.5,0.5,0.8,0.1,1,0.5 C1.2,0.9,0.9,1,0.5,1 C0.1,1,-0.1,0.9,0,0.5 C0.1,0.1,0.5,0.5,0.5,0.5 Z\");\r\n } *\/\r\n \r\n \/* Animation *\/\r\n @keyframes float {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(10deg);\r\n }\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .aiaf-columns {\r\n gap: 40px;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 36px;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 17px;\r\n }\r\n \r\n .aiaf-image {\r\n height: 450px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .aiaf-about-section {\r\n padding: 60px 0;\r\n }\r\n \r\n .aiaf-columns {\r\n flex-direction: column;\r\n gap: 50px;\r\n }\r\n \r\n .aiaf-content {\r\n padding-right: 0;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 32px;\r\n text-align: center;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 16px;\r\n text-align: justify;\r\n }\r\n \r\n .aiaf-image {\r\n height: 400px;\r\n width: 100%;\r\n }\r\n \r\n .aiaf-button {\r\n display: block;\r\n text-align: center;\r\n margin: 0 auto;\r\n width: fit-content;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .aiaf-about-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .aiaf-title {\r\n font-size: 28px;\r\n }\r\n \r\n .aiaf-description {\r\n font-size: 15px;\r\n }\r\n \r\n .aiaf-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n \r\n .aiaf-image {\r\n height: 300px;\r\n }\r\n \r\n .shape-1, .shape-2, .shape-3, .shape-4 {\r\n display: none;\r\n }\r\n \r\n .image-container {\r\n width: 90%;\r\n height: 90%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"aiaf-about-section\">\r\n <div class=\"aiaf-container\">\r\n <div class=\"aiaf-columns\">\r\n \r\n <div class=\"aiaf-content\">\r\n <span class=\"aiaf-subtitle\">About Our Foundation<\/span>\r\n <h2 class=\"aiaf-title\">Transforming Lives Through <span>Compassionate Action<\/span><\/h2>\r\n <p class=\"aiaf-description\">\r\n Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity. Our foundation works tirelessly to address the most pressing challenges facing communities across Africa.\r\n <\/p>\r\n <p class=\"aiaf-description\">\r\n Our mission is to alleviate suffering, empower communities, and foster sustainable development across Africa by implementing projects in education, healthcare, emergency relief, and economic empowerment. We believe in creating lasting change through collaborative efforts and community-driven solutions.\r\n <\/p>\r\n <a href=\"#\" class=\"aiaf-button\">Learn More About Us<\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"aiaf-image\">\r\n <div class=\"image-mask\">\r\n <div class=\"mask-shape shape-1\"><\/div>\r\n <div class=\"mask-shape shape-2\"><\/div>\r\n <div class=\"mask-shape shape-3\"><\/div>\r\n <div class=\"mask-shape shape-4\"><\/div>\r\n <div class=\"image-container shape-clip\">\r\n <img decoding=\"async\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Orphan-Project-3-scaled.jpg\" alt=\"AIAF Community Work\" class=\"about-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5cbd56 e-con-full e-flex e-con e-parent\" data-id=\"b5cbd56\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5ee5d elementor-widget elementor-widget-html\" data-id=\"4f5ee5d\" 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>Our Projects - Africa Ihsan Aid Foundation<\/title>\r\n <style>\r\n \/* Reset and Base Styles *\/\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: #f8f9fa;\r\n }\r\n \r\n \/* Full Width Section *\/\r\n .aiaf-projects-section {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n }\r\n \r\n .aiaf-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Section Header *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .section-subtitle {\r\n color: #0087f0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n \r\n .section-title {\r\n font-size: 42px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 15px;\r\n }\r\n \r\n\r\n \r\n \/* Category Filters *\/\r\n .category-filters {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .filter-btn {\r\n padding: 12px 25px;\r\n background: white;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 50px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #555;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .filter-btn:hover {\r\n background: white;\r\n border-color: #0000;\r\n color: #0087f0;\r\n }\r\n \r\n .filter-btn.active {\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n border-color: transparent;\r\n color: white;\r\n }\r\n \r\n \/* Projects Grid *\/\r\n .projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .project-card {\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .project-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .project-image {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n }\r\n \r\n .project-content {\r\n padding: 25px;\r\n }\r\n \r\n .project-category {\r\n display: inline-block;\r\n padding: 5px 15px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .project-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n }\r\n \r\n .project-excerpt {\r\n color: #666;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n \r\n .project-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 15px;\r\n border-top: 1px solid #f0f0f0;\r\n }\r\n \r\n .project-status {\r\n color: #888;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n \r\n \r\n .read-more {\r\n color: #0087f0;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n .read-more:hover {\r\n color: #00a550;\r\n }\r\n \r\n \/* Load More Button *\/\r\n .load-more-container {\r\n text-align: center;\r\n }\r\n \r\n .load-more-btn {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: linear-gradient(135deg, #00a550 0%, #0087f0 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 135, 240, 0.3);\r\n }\r\n \r\n .load-more-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 135, 240, 0.4);\r\n }\r\n \r\n .load-more-btn.loading {\r\n opacity: 0.7;\r\n pointer-events: none;\r\n }\r\n \r\n \/* Loading Animation *\/\r\n .loading-spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: white;\r\n animation: spin 1s ease-in-out infinite;\r\n margin-right: 10px;\r\n vertical-align: middle;\r\n }\r\n \r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n \/* No Projects Message *\/\r\n .no-projects {\r\n text-align: center;\r\n padding: 60px 20px;\r\n color: #666;\r\n font-size: 18px;\r\n grid-column: 1 \/ -1;\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n \r\n .section-title {\r\n font-size: 36px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .aiaf-projects-section {\r\n padding: 60px 0;\r\n }\r\n \r\n .projects-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .section-description {\r\n font-size: 16px;\r\n }\r\n \r\n .category-filters {\r\n gap: 10px;\r\n }\r\n \r\n .filter-btn {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .aiaf-projects-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .project-content {\r\n padding: 20px;\r\n }\r\n \r\n .project-title {\r\n font-size: 18px;\r\n }\r\n \r\n .load-more-btn {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"aiaf-projects-section\">\r\n <div class=\"aiaf-container\">\r\n \r\n <div class=\"section-header\">\r\n <span class=\"section-subtitle\">Making a Difference<\/span>\r\n <h2 class=\"section-title\">Our <span>Projects<\/span><\/h2>\r\n <p class=\"section-description\">Discover the impactful projects and initiatives undertaken by Africa Ihsan Aid Foundation to transform lives across Africa<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"category-filters\">\r\n <button class=\"filter-btn active\" data-category=\"all\">All Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"relief\">Relief Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"development\">Development Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"health\">Health Projects<\/button>\r\n <button class=\"filter-btn\" data-category=\"education\">Education Projects<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"projects-grid\" id=\"projectsContainer\">\r\n \r\n <div class=\"no-projects\">Loading projects...<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"load-more-container\">\r\n <button class=\"load-more-btn\" id=\"loadMoreBtn\">\r\n <span class=\"btn-text\">Load More Projects<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const projectsContainer = document.getElementById('projectsContainer');\r\n const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n \r\n let currentPage = 1;\r\n let currentCategory = 'all';\r\n let isLoading = false;\r\n let hasMoreProjects = true;\r\n \r\n \/\/ All projects data with your specified images and project names\r\n const allProjects = [\r\n {\r\n id: 2,\r\n title: \"Orphan Sponsorship\",\r\n excerpt: \"Supporting orphaned children through education, healthcare, and basic needs provision, giving them hope for a brighter future.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Orphan-Project-4-scaled.jpg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/orphan-sponsorship\/\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Milk Goat Distribution\",\r\n excerpt: \"Empowering families with sustainable livelihoods by providing milk goats that offer nutrition and income through milk production.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-4.jpeg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/milk-goat-distribution-project\/\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Water Well Construction\",\r\n excerpt: \"Building clean water wells in drought-affected communities to provide access to safe drinking water and improve public health.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/WATER-WELL-16-scaled.jpg\",\r\n category: \"development\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/water-well-construction\/\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Cataract Treatment and Surgery\",\r\n excerpt: \"Restoring vision to those suffering from cataracts through free medical camps, screenings, and surgical interventions.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Cataract-Treatment-and-Surgery-3-scaled.jpg\",\r\n category: \"health\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/cataract-treatment-and-surgery\/\"\r\n },\r\n {\r\n id: 6,\r\n title: \"Food Aid and Distribution\",\r\n excerpt: \"Providing essential food packages to vulnerable families facing food insecurity due to drought, conflict, or poverty.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Food-Aid-6-scaled.jpg\",\r\n category: \"relief\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/food-aid-and-distribution\/\"\r\n },\r\n {\r\n id: 7,\r\n title: \"Ramadan Iftar\",\r\n excerpt: \"Organizing community iftar meals during Ramadan, ensuring fasting Muslims break their fast with nutritious meals in a communal setting.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/Africa-Aid-18.jpeg\",\r\n category: \"relief\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/ramadan-iftar\/\"\r\n },\r\n {\r\n id: 8,\r\n title: \"Stationary\",\r\n excerpt: \"Distributing school supplies, stationery, and educational materials to underprivileged students to support their academic journey.\",\r\n image: \"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2026\/01\/KIRTASIYE-DAGITIMI-5-scaled.jpg\",\r\n category: \"education\",\r\n link: \"https:\/\/africaihsanaid.org\/index.php\/2026\/01\/11\/kirtasiye-dagitimi-project\/\"\r\n }\r\n ];\r\n \r\n \/\/ Initialize the projects display\r\n loadProjects();\r\n \r\n \/\/ Category filter functionality\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n \/\/ Update active button\r\n filterBtns.forEach(b => b.classList.remove('active'));\r\n this.classList.add('active');\r\n \r\n \/\/ Reset pagination and load projects for new category\r\n currentCategory = this.dataset.category;\r\n currentPage = 1;\r\n projectsContainer.innerHTML = '';\r\n hasMoreProjects = true;\r\n loadProjects();\r\n });\r\n });\r\n \r\n \/\/ Load more projects functionality\r\n loadMoreBtn.addEventListener('click', loadMoreProjects);\r\n \r\n \/\/ Function to load projects\r\n function loadProjects() {\r\n if (isLoading) return;\r\n \r\n isLoading = true;\r\n loadMoreBtn.classList.add('loading');\r\n loadMoreBtn.querySelector('.btn-text').innerHTML = '<span class=\"loading-spinner\"><\/span> Loading...';\r\n \r\n \/\/ Simulate API call delay\r\n setTimeout(() => {\r\n const projectsPerPage = 3;\r\n const startIndex = (currentPage - 1) * projectsPerPage;\r\n \r\n \/\/ Filter projects by category\r\n let filteredProjects = allProjects;\r\n if (currentCategory !== 'all') {\r\n filteredProjects = allProjects.filter(project => project.category === currentCategory);\r\n }\r\n \r\n \/\/ Get projects for current page\r\n const projectsToShow = filteredProjects.slice(startIndex, startIndex + projectsPerPage);\r\n \r\n \/\/ Display projects\r\n if (projectsToShow.length > 0) {\r\n if (currentPage === 1) {\r\n projectsContainer.innerHTML = '';\r\n }\r\n \r\n projectsToShow.forEach(project => {\r\n const projectElement = createProjectElement(project);\r\n projectsContainer.appendChild(projectElement);\r\n });\r\n \r\n \/\/ Check if there are more projects to load\r\n hasMoreProjects = (startIndex + projectsPerPage) < filteredProjects.length;\r\n } else {\r\n if (currentPage === 1) {\r\n projectsContainer.innerHTML = '<div class=\"no-projects\">No projects found in this category.<\/div>';\r\n }\r\n hasMoreProjects = false;\r\n }\r\n \r\n \/\/ Update UI\r\n updateLoadMoreButton();\r\n isLoading = false;\r\n }, 800); \/\/ Simulate network delay\r\n }\r\n \r\n \/\/ Function to create project HTML element\r\n function createProjectElement(project) {\r\n const projectElement = document.createElement('div');\r\n projectElement.className = 'project-card';\r\n projectElement.innerHTML = `\r\n <img decoding=\"async\" src=\"${project.image}\" alt=\"${project.title}\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <span class=\"project-category\">${project.category}<\/span>\r\n <h3 class=\"project-title\">${project.title}<\/h3>\r\n <p class=\"project-excerpt\">${project.excerpt}<\/p>\r\n <div class=\"project-meta\">\r\n \r\n <a href=\"${project.link}\" class=\"read-more\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n return projectElement;\r\n }\r\n \r\n \/\/ Function to load more projects\r\n function loadMoreProjects() {\r\n if (!hasMoreProjects || isLoading) return;\r\n \r\n currentPage++;\r\n loadProjects();\r\n }\r\n \r\n \/\/ Function to update load more button state\r\n function updateLoadMoreButton() {\r\n if (!hasMoreProjects) {\r\n loadMoreBtn.style.display = 'none';\r\n } else {\r\n loadMoreBtn.style.display = 'inline-block';\r\n loadMoreBtn.classList.remove('loading');\r\n loadMoreBtn.querySelector('.btn-text').textContent = 'Load More Projects';\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>\n\t\t<div class=\"elementor-element elementor-element-3887ce0 e-flex e-con-boxed e-con e-parent\" data-id=\"3887ce0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3eba5017 e-flex e-con-boxed e-con e-parent\" data-id=\"3eba5017\" data-element_type=\"container\" id=\"xs_team_3\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-277ee74c elementor-widget elementor-widget-elementskit-heading\" data-id=\"277ee74c\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center ekit_heading_tablet- ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title \">Our Team<\/h3><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d2b55c e-con-full e-grid e-con e-child\" data-id=\"44d2b55c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26c18a63 elementor-widget elementor-widget-elementskit-team\" data-id=\"26c18a63\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_26c18a63_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#26c18a63_25\" >\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg\" class=\"attachment-large size-large wp-image-166\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_26c18a63_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tMohamed Abdullahi Shoble\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Chairman<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-26c18a63\" id=\"ekit_team_modal_26c18a63_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg\" class=\"attachment-large size-large wp-image-166\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Abdullahi-Shoble-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Mohamed Abdullahi Shoble<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Chairman<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-740afd20 elementor-widget elementor-widget-elementskit-team\" data-id=\"740afd20\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_740afd20_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#740afd20_25\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg\" class=\"attachment-large size-large wp-image-167\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_740afd20_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tMohamed Ahmed Mohamed\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Vice chairman<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-740afd20\" id=\"ekit_team_modal_740afd20_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg\" class=\"attachment-large size-large wp-image-167\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Mohamed-Ahmed-Mohamed-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Mohamed Ahmed Mohamed<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Vice chairman<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46379f5e elementor-widget elementor-widget-elementskit-team\" data-id=\"46379f5e\" data-element_type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_46379f5e_25\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \" data-toggle=\"modal\" data-target=\"ekit_team_modal_#46379f5e_25\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg\" class=\"attachment-large size-large wp-image-168\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_46379f5e_25\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tAbdirahman Ali Elmi\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Secretary<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-46379f5e\" id=\"ekit_team_modal_46379f5e_25\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg\" class=\"attachment-large size-large wp-image-168\" alt=\"\" srcset=\"https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1024x1024.jpg 1024w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-300x300.jpg 300w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-150x150.jpg 150w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-768x768.jpg 768w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-1536x1536.jpg 1536w, https:\/\/africaihsanaid.org\/wp-content\/uploads\/2025\/10\/Abdirahman-Ali-Elmi-2048x2048.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Abdirahman Ali Elmi<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Secretary<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-b37fad5\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-1a3ab10\">\n\t\t\t<a href=\"https:\/\/twitter.com\" aria-label=\"Twitter\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fasicon icon-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>AIAF Full-Width Slider Africa Ihsan Aid Foundation Our Mission Africa Ihsan Aid Foundation (AIAF) is an independent, non-profit organization founded by Somali professionals, volunteers, and scholars to support vulnerable communities through Islamic values of mercy, justice, and solidarity. Our Vision Africa Ihsan Aid Foundation (AIAF) is a non-profit, non-governmental organization founded by Somali professionals, volunteers, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":65,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/545"}],"wp:attachment":[{"href":"https:\/\/africaihsanaid.org\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}