Notre Vision<\/title>\r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n <style>\r\n \/* SECTION UNIQUEMENT *\/\r\n .about-section {\r\n padding: 60px 15px;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n align-items: center;\r\n gap: 40px;\r\n overflow: hidden;\r\n position: relative;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* ----------- IMAGES ----------- *\/\r\n .about-section .images {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n animation: fadeIn 1.5s ease-out;\r\n max-width: 100%;\r\n }\r\n\r\n .about-section .images::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle at center, #006633, #006633);\r\n border-radius: 50%;\r\n z-index: 0;\r\n opacity: 0.25;\r\n animation: pulse 4s infinite ease-in-out;\r\n }\r\n\r\n .about-section .images img {\r\n width: 140px;\r\n height: 140px;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n border: 5px solid #fff;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n position: relative;\r\n z-index: 1;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .about-section .images img:hover {\r\n transform: scale(1.08) rotate(-2deg);\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.25);\r\n }\r\n\r\n \/* ----------- CONTENU ----------- *\/\r\n .about-section .content {\r\n animation: slideIn 1.2s ease-out;\r\n max-width: 100%;\r\n }\r\n\r\n .about-section .content h4 {\r\n color: #ffcc00;\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin: 0 0 8px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .about-section .content h2 {\r\n color: #065f46;\r\n font-size: 28px;\r\n font-weight: 800;\r\n margin: 0 0 12px;\r\n }\r\n\r\n .about-section .content p {\r\n font-size: 18px;\r\n color: #065f46;\r\n font-weight: bold;\r\n margin: 0 0 30px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ----------- STATS ----------- *\/\r\n .about-section .stats {\r\n display: flex;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .about-section .stat-item {\r\n text-align: center;\r\n flex: 1;\r\n min-width: 120px;\r\n transform: scale(0.8);\r\n opacity: 0;\r\n animation: zoomIn 1s forwards;\r\n }\r\n\r\n .about-section .stat-item:nth-child(1) { animation-delay: 0.5s; }\r\n .about-section .stat-item:nth-child(2) { animation-delay: 0.8s; }\r\n\r\n .about-section .stat-item i {\r\n font-size: 28px;\r\n color: #059669;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .about-section .stat-item h3 {\r\n font-size: 22px;\r\n font-weight: bold;\r\n color: #047857;\r\n margin: 0;\r\n }\r\n\r\n .about-section .stat-item span {\r\n font-size: 14px;\r\n color: #6b7280;\r\n }\r\n\r\n \/* ----------- ANIMATIONS ----------- *\/\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes slideIn { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } }\r\n @keyframes zoomIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }\r\n @keyframes float { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }\r\n @keyframes pulse { 0%,100% { transform: scale(1); opacity: 0.25; } 50% { transform: scale(1.1); opacity: 0.4; } }\r\n\r\n \/* ----------- RESPONSIVE ----------- *\/\r\n @media (max-width: 768px) {\r\n .about-section {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .about-section .images {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .about-section .images img {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n\r\n .about-section .content h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .about-section .content p {\r\n font-size: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"about-section\">\r\n \r\n <div class=\"images\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=11\" alt=\"Personne 1\" title=\"savoirplus2\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?random=12\" alt=\"Personne 2\" title=\"savoirplus2\">\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h4>A Propos De Nous<\/h4>\r\n <h2>VISION<\/h2>\r\n <p>Connecter 100 000 PME africaines d\u2019ici 2030<\/p>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <h3>173 +<\/h3>\r\n <span>des clients satisfaits<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <h3>35 +<\/h3>\r\n <span>Produits publi\u00e9s<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\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<div class=\"elementor-element elementor-element-52e96b3c e-flex e-con-boxed e-con e-parent\" data-id=\"52e96b3c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18dd52aa elementor-widget elementor-widget-html\" data-id=\"18dd52aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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>R\u00e9sultats<\/title>\r\n <style>\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n margin: 0;\r\n background: #f4f4f4;\r\n }\r\n\r\n .results-section {\r\n text-align: center;\r\n padding: 70px 20px;\r\n border-radius: 20px;\r\n max-width: 1100px;\r\n margin: 50px auto;\r\n background: linear-gradient(135deg, #ffcc00, #ffffff); \/* jaune -> blanc *\/\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .results-section h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 50px;\r\n font-weight: bold;\r\n color: #006633; \/* titre en blanc *\/\r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .stats-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 35px;\r\n }\r\n\r\n .stat-box {\r\n flex: 1 1 200px;\r\n background: #fff;\r\n padding: 30px 20px;\r\n border-radius: 15px;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .stat-box:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 8px 20px rgba(0, 102, 51, 0.3);\r\n }\r\n\r\n .stat-box h3 {\r\n font-size: 2.4rem;\r\n margin: 0;\r\n color: #333;\r\n }\r\n\r\n .stat-box h3 span {\r\n color: #ffcc00; \/* jaune pour le + *\/\r\n font-weight: bold;\r\n }\r\n\r\n .stat-box p {\r\n margin: 10px 0 0;\r\n font-size: 15px;\r\n color: #006633;\r\n font-weight: bold;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .results-section h2 {\r\n font-size: 1.8rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .stat-box h3 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"results-section\">\r\n <h2>Nos R\u00e9sultats en la mati\u00e8re<\/h2>\r\n <div class=\"stats-container\">\r\n <div class=\"stat-box\">\r\n <h3>9k<span>+<\/span><\/h3>\r\n <p>Achat<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>50<span>+<\/span><\/h3>\r\n <p>Vendeur<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>240<\/h3>\r\n <p>Produits<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>100<\/h3>\r\n <p>R\u00e9gions<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\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<div class=\"elementor-element elementor-element-745f35a e-flex e-con-boxed e-con e-parent\" data-id=\"745f35a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d62d9d2 elementor-widget elementor-widget-html\" data-id=\"d62d9d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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>Communaut\u00e9 Galima<\/title>\r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n <style>\r\n \/* === Section Communaut\u00e9 === *\/\r\n .galima-community {\r\n padding: 100px 20px;\r\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .galima-community h2 {\r\n font-size: 38px;\r\n font-weight: bold;\r\n color: #006633;\r\n margin-bottom: 10px;\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n animation: fadeInUp 1s ease forwards;\r\n }\r\n\r\n .galima-community p {\r\n font-size: 18px;\r\n color: #444;\r\n margin-bottom: 50px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 1.2s ease forwards;\r\n }\r\n\r\n \/* Cercle central *\/\r\n .galima-circle {\r\n position: relative;\r\n width: 260px;\r\n height: 260px;\r\n margin: auto;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, #ffcc00 0%, #006633 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 0 30px rgba(0,102,51,0.4);\r\n animation: galima-pulse 2s infinite alternate;\r\n z-index: 2;\r\n }\r\n\r\n .galima-circle h3 {\r\n font-size: 40px;\r\n color: #fff;\r\n margin: 0;\r\n opacity: 0;\r\n animation: fadeIn 2s ease forwards 0.5s;\r\n }\r\n\r\n .galima-circle span {\r\n display: block;\r\n margin-top: 6px;\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n \/* Ic\u00f4nes orbit *\/\r\n .galima-orbit {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n animation: galima-rotate 25s linear infinite;\r\n z-index: 1;\r\n }\r\n\r\n .galima-icon {\r\n position: absolute;\r\n font-size: 24px;\r\n color: #006633;\r\n background: #fff;\r\n padding: 12px;\r\n border-radius: 50%;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n transition: transform 0.4s, background 0.3s, color 0.3s;\r\n }\r\n\r\n .galima-icon:hover {\r\n transform: scale(1.4) rotate(15deg);\r\n background: #ffcc00;\r\n color: #fff;\r\n }\r\n\r\n .galima-icon:nth-child(1) { top: 0; left: 50%; transform: translate(-50%, -50%); }\r\n .galima-icon:nth-child(2) { top: 50%; left: 100%; transform: translate(-50%, -50%); }\r\n .galima-icon:nth-child(3) { top: 100%; left: 50%; transform: translate(-50%, -50%); }\r\n .galima-icon:nth-child(4) { top: 50%; left: 0; transform: translate(-50%, -50%); }\r\n\r\n \/* Particules de fond *\/\r\n .particle {\r\n position: absolute;\r\n background: rgba(0,102,51,0.2);\r\n border-radius: 50%;\r\n animation: floatUp 10s linear infinite;\r\n }\r\n\r\n .particle:nth-child(1) { width: 12px; height: 12px; left: 10%; bottom: -50px; animation-delay: 0s; }\r\n .particle:nth-child(2) { width: 18px; height: 18px; left: 30%; bottom: -60px; animation-delay: 2s; }\r\n .particle:nth-child(3) { width: 10px; height: 10px; left: 60%; bottom: -70px; animation-delay: 4s; }\r\n .particle:nth-child(4) { width: 14px; height: 14px; left: 80%; bottom: -80px; animation-delay: 6s; }\r\n\r\n \/* Animations *\/\r\n @keyframes galima-pulse {\r\n from { transform: scale(1); box-shadow: 0 0 20px rgba(0,102,51,0.2); }\r\n to { transform: scale(1.08); box-shadow: 0 0 35px rgba(255,204,0,0.6); }\r\n }\r\n\r\n @keyframes galima-rotate {\r\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeIn {\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes floatUp {\r\n 0% { transform: translateY(0); opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { transform: translateY(-800px); opacity: 0; }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .galima-circle { width: 200px; height: 200px; }\r\n .galima-orbit { width: 300px; height: 300px; }\r\n .galima-community h2 { font-size: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"galima-community\">\r\n <h2>Notre Communaut\u00e9<\/h2>\r\n <p>Connectez-vous \u00e0 plus de <strong>1.5M+<\/strong> utilisateurs \u00e0 travers le monde<\/p>\r\n\r\n \r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n\r\n <div class=\"galima-circle\">\r\n <div class=\"galima-orbit\">\r\n <div class=\"galima-icon\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n <div class=\"galima-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"galima-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n <div class=\"galima-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n <\/div>\r\n <div>\r\n <h3><span class=\"galima-counter\" data-target=\"98\">0<\/span>%<\/h3>\r\n <span>Connexion Client<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Animation compteur\r\n const counters = document.querySelectorAll('.galima-counter');\r\n const speed = 200;\r\n\r\n const animateCounters = () => {\r\n counters.forEach(counter => {\r\n const updateCount = () => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const increment = target \/ speed;\r\n\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + increment);\r\n setTimeout(updateCount, 20);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n });\r\n };\r\n\r\n \/\/ Lancer quand la section est visible\r\n let started = false;\r\n window.addEventListener('scroll', () => {\r\n const section = document.querySelector('.galima-community');\r\n const sectionTop = section.offsetTop - window.innerHeight + 200;\r\n\r\n if (!started && window.scrollY > sectionTop) {\r\n animateCounters();\r\n started = true;\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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<div class=\"elementor-element elementor-element-1e65d058 e-flex e-con-boxed e-con e-parent\" data-id=\"1e65d058\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f872956 elementor-widget elementor-widget-html\" data-id=\"7f872956\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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>Nos partenaires<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f4f4f4;\r\n color: #111;\r\n }\r\n\r\n .partners-section {\r\n background: linear-gradient(to right, #f8fbfc, #eaf6f1);\r\n padding: 60px 20px;\r\n text-align: center;\r\n border: 2px solid #d9e3dc;\r\n border-radius: 20px;\r\n margin: 40px 20px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\r\n overflow: hidden;\r\n }\r\n\r\n .partners-header h2 {\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .partners-header .green {\r\n color: #006633 !important;\r\n }\r\n\r\n .partners-header .yellow {\r\n color: #ffcc00 !important;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1.15rem;\r\n color: #333;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .partners-logos {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 240px;\r\n height: 140px;\r\n object-fit: contain;\r\n background-color: white;\r\n padding: 20px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 20px;\r\n box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n transition: all 0.5s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u2705 Animation d\u2019apparition (rebond + flottement) *\/\r\n .partners-logos img.animate {\r\n animation: fadeFloatElastic 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards,\r\n floatY 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes fadeFloatElastic {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.85) rotate(-5deg);\r\n }\r\n 50% {\r\n opacity: 1;\r\n transform: translateY(-10px) scale(1.05) rotate(3deg);\r\n }\r\n 80% {\r\n transform: translateY(5px) scale(0.98) rotate(-1deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1) rotate(0);\r\n }\r\n }\r\n\r\n \/* \u2705 Flottement doux permanent *\/\r\n @keyframes floatY {\r\n 0%, 100% {\r\n transform: translateY(0) scale(1);\r\n }\r\n 50% {\r\n transform: translateY(-8px) scale(1.02);\r\n }\r\n }\r\n\r\n \/* \u2705 Effet lumi\u00e8re \u201cshine\u201d *\/\r\n .partners-logos img::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -80%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 120deg,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.6) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n transform: skewX(-25deg);\r\n }\r\n\r\n .partners-logos img:hover::before {\r\n animation: shine 1s ease;\r\n }\r\n\r\n @keyframes shine {\r\n 100% {\r\n left: 140%;\r\n }\r\n }\r\n\r\n \/* \u2705 Zoom + rebond au hover *\/\r\n .partners-logos img:hover {\r\n transform: scale(1.12) rotate(1deg);\r\n border-color: #006633;\r\n box-shadow: 0 14px 36px rgba(0, 102, 51, 0.25);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .partners-header p {\r\n font-size: 1rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .partners-logos img {\r\n width: 180px;\r\n height: 110px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"partners-section\">\r\n <div class=\"partners-header\">\r\n <h2><span class=\"green\">Nos<\/span> <span class=\"yellow\">partenaires<\/span><\/h2>\r\n <p>Les partenaires qui nous font confiance !<\/p>\r\n <\/div>\r\n\r\n <div class=\"partners-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 1\" title=\"savoirplus2\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo-1-1.png\" alt=\"Partenaire 2\" title=\"savoirplus2\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/ZLECAF-Logo-2-1-1.png\" alt=\"Partenaire 3\" title=\"savoirplus2\">\r\n <img decoding=\"async\" src=\"https:\/\/galima.fr\/wp-content\/uploads\/2025\/09\/logo_AFD-1.png\" alt=\"Partenaire 4\" title=\"savoirplus2\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const logos = document.querySelectorAll('.partners-logos img');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => {\r\n entry.target.classList.add('animate');\r\n }, index * 250); \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.2\r\n });\r\n\r\n logos.forEach(img => observer.observe(img));\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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<div class=\"elementor-element elementor-element-1843fa6b e-flex e-con-boxed e-con e-parent\" data-id=\"1843fa6b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21bd7d93 elementor-widget elementor-widget-html\" data-id=\"21bd7d93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\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>S'abonner<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #ffff;\r\n color: #333;\r\n }\r\n\r\n .newsletter-section {\r\n background: linear-gradient(135deg, #ffff, #ffffff);\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .newsletter-container {\r\n background: #fff;\r\n border-radius: 12px;\r\n padding: 25px 20px; \/* \u2705 r\u00e9duit la hauteur *\/\r\n max-width: 800px; \/* \u2705 augmente la largeur *\/\r\n width: 100%;\r\n text-align: center;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n animation: fadeUp 1s ease both;\r\n }\r\n\r\n .newsletter-container h2 {\r\n font-size: 1.6rem; \/* \u2705 un peu plus petit *\/\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n color: #006633;\r\n }\r\n\r\n .newsletter-container p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n overflow: hidden;\r\n border: 2px solid #006633;\r\n width: 100%;\r\n background: #fff;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"] {\r\n flex: 1;\r\n padding: 10px 14px;\r\n font-size: 0.9rem;\r\n border: none;\r\n outline: none;\r\n color: #333;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"]::placeholder {\r\n color: #aaa;\r\n }\r\n\r\n .newsletter-form button {\r\n padding: 10px 20px;\r\n background-color: #006633;\r\n color: #fff;\r\n border: none;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n background-color: #004d26;\r\n }\r\n\r\n \/* Animation fadeUp *\/\r\n @keyframes fadeUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .newsletter-container {\r\n max-width: 95%;\r\n }\r\n\r\n .newsletter-form {\r\n flex-direction: column;\r\n border-radius: 12px;\r\n }\r\n\r\n .newsletter-form input[type=\"email\"] {\r\n width: 100%;\r\n border-bottom: 1px solid #ddd;\r\n }\r\n\r\n .newsletter-form button {\r\n width: 100%;\r\n border-radius: 0 0 12px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"newsletter-section\">\r\n <div class=\"newsletter-container\">\r\n <h2>Abonnez-vous<\/h2>\r\n <p>S'inscrire \u00e0 notre lettre d'information pour recevoir les derni\u00e8res actualit\u00e9s.<\/p>\r\n <form class=\"newsletter-form\">\r\n <input type=\"email\" placeholder=\"Votre adresse email\" required>\r\n <button type=\"submit\">S'abonner<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\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","protected":false},"excerpt":{"rendered":"<p>Prot\u00e9gez vos achats Notre Vision A Propos De Nous VISION Connecter 100 000 PME africaines d\u2019ici 2030 173 + des clients satisfaits 35 + Produits publi\u00e9s R\u00e9sultats Nos R\u00e9sultats en la mati\u00e8re 9k+ Achat 50+ Vendeur 240 Produits 100 R\u00e9gions Communaut\u00e9 Galima Notre Communaut\u00e9 Connectez-vous \u00e0 plus de 1.5M+ utilisateurs \u00e0 travers le monde 0% […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/pages\/5057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/comments?post=5057"}],"version-history":[{"count":22,"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/pages\/5057\/revisions"}],"predecessor-version":[{"id":5555,"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/pages\/5057\/revisions\/5555"}],"wp:attachment":[{"href":"https:\/\/galima.fr\/fr_fr\/wp-json\/wp\/v2\/media?parent=5057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}