{"id":21,"date":"2025-11-05T17:11:01","date_gmt":"2025-11-05T17:11:01","guid":{"rendered":"https:\/\/financeplusht.org\/?page_id=21"},"modified":"2025-11-26T14:47:07","modified_gmt":"2025-11-26T14:47:07","slug":"home","status":"publish","type":"page","link":"https:\/\/financeplusht.org\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c40160 e-con-full e-flex e-con e-parent\" data-id=\"1c40160\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f993f23 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f993f23\" data-element_type=\"widget\" data-widget_type=\"html.default\">\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>FINANCE PLUS HAITI - Votre Partenaire Financier<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            \/* ====== VOTRE PALETTE DE COULEURS ====== *\/\r\n            --color-primary: #002C5B;   \/* Bleu profond - confiance, stabilit\u00e9 *\/\r\n            --color-secondary: #1496D2; \/* Bleu clair - modernit\u00e9, technologie *\/\r\n            --color-accent: #FDC900;    \/* Jaune - \u00e9nergie, r\u00e9ussite *\/\r\n            --color-alt: #D3D339;       \/* Vert doux - croissance, \u00e9quilibre *\/\r\n            --color-white: #FFFFFF;\r\n            --color-light: #F8FAFC;\r\n            --color-dark: #222222;\r\n            --color-gray: #6E6E6E;\r\n            \r\n            \/* Typographie *\/\r\n            --font-title: 'Montserrat', sans-serif;\r\n            --font-body: 'Open Sans', sans-serif;\r\n            \r\n            \/* Espacements *\/\r\n            --section-padding: 4rem 2rem;\r\n            --container-width: 1200px;\r\n            --radius-base: 8px;\r\n            --transition: all 0.3s ease;\r\n        }\r\n        \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: var(--font-body);\r\n            color: var(--color-dark);\r\n            line-height: 1.6;\r\n            background-color: var(--color-white);\r\n        }\r\n        \r\n        .hero-section {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: var(--section-padding);\r\n              \r\n            position: relative;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, rgba(0, 44, 91, 0.9) 0%, rgba(20, 150, 210, 0.8) 100%);\r\n        }\r\n        \r\n        \/* Image d'arri\u00e8re-plan globale *\/\r\n        .hero-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .hero-background::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: \r\n                linear-gradient(45deg, var(--color-primary) 0%, transparent 70%),\r\n                url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\" opacity=\"0.1\"><defs><pattern id=\"grid\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"><path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"%23FFFFFF\" stroke-width=\"2\"\/><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23grid)\"\/><circle cx=\"900\" cy=\"200\" r=\"80\" fill=\"%231496D2\" opacity=\"0.3\"\/><circle cx=\"300\" cy=\"500\" r=\"120\" fill=\"%23FDC900\" opacity=\"0.2\"\/><circle cx=\"700\" cy=\"600\" r=\"100\" fill=\"%23D3D339\" opacity=\"0.2\"\/><\/svg>');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.4;\r\n        }\r\n        \r\n        \/* Forme caract\u00e9ristique avec image - DESKTOP *\/\r\n        .hero-shape {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 55%;\r\n            height: 100%;\r\n            background: var(--color-white);\r\n            clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);\r\n            z-index: 1;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hero-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);\r\n        }\r\n        \r\n        .hero-container {\r\n            max-width: var(--container-width);\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .hero-content {\r\n            z-index: 3;\r\n        }\r\n        \r\n        .hero-badge {\r\n            display: inline-block;\r\n            background: var(--color-accent);\r\n          \r\n            color: var(--color-dark);\r\n            padding: 0.75rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-family: var(--font-title);\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            margin-bottom: 2rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            box-shadow: 0 4px 12px rgba(253, 201, 0, 0.3);\r\n        }\r\n        \r\n        .hero-title {\r\n            font-family: var(--font-title);\r\n            font-size: 3.8rem;\r\n            font-weight: 700;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--color-white);\r\n        }\r\n        \r\n        .hero-title span {\r\n            color: var(--color-accent);\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .hero-subtitle {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 3rem;\r\n            max-width: 500px;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .hero-cta {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            align-items: center;\r\n            \/* Sur desktop : aligner aux extr\u00e9mit\u00e9s (gauche \/ droite) *\/\r\n            justify-content: space-between;\r\n            \/* occupe toute la largeur disponible dans la colonne *\/\r\n            width: 100%;\r\n            \/* \u00e9viter le retour \u00e0 la ligne sur desktop *\/\r\n            flex-wrap: nowrap;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: var(--color-accent);\r\n            color: var(--color-dark);\r\n            padding: 1.2rem 2.5rem;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-family: var(--font-title);\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            box-shadow: 0 8px 25px rgba(253, 201, 0, 0.4);\r\n            \/* Pour desktop : placer \u00e0 droite *\/\r\n            order: 2;\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            background: var(--color-alt);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 30px rgba(211, 211, 57, 0.5);\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--color-white);\r\n            padding: 1.2rem 2rem;\r\n            border: 2px solid var(--color-white);\r\n            border-radius: 50px;\r\n            font-family: var(--font-title);\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            \/* Pour desktop : placer \u00e0 gauche *\/\r\n            order: 1;\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            background: var(--color-white);\r\n            color: var(--color-primary);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .hero-visual {\r\n            position: relative;\r\n            z-index: 3;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .contact-info {\r\n            background: var(--color-white);\r\n            padding: 2rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 35px rgba(0, 44, 91, 0.15);\r\n            text-align: center;\r\n        }\r\n        \r\n        .contact-number {\r\n            font-family: var(--font-title);\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: var(--color-primary);\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .contact-label {\r\n            color: var(--color-gray);\r\n            font-size: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .services-highlight {\r\n            background: var(--color-white);\r\n            padding: 2rem;\r\n            opacity: 0.8;\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 35px rgba(0, 44, 91, 0.15);\r\n        }\r\n        \r\n        .services-title {\r\n            font-family: var(--font-title);\r\n            font-size: 1.3rem;\r\n            color: var(--color-primary);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .services-list {\r\n            list-style: none;\r\n        }\r\n        \r\n        .services-list li {\r\n            padding: 0.75rem 0;\r\n            border-bottom: 1px solid rgba(0, 44, 91, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            color: black;\r\n        }\r\n        \r\n        .services-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .services-list i {\r\n            color: var(--color-secondary);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* ====== VERSION MOBILE - IMAGE EN BACKGROUND ====== *\/\r\n        @media (max-width: 968px) {\r\n            .hero-section {\r\n                padding: 0;\r\n                background: none;\r\n                position: relative;\r\n                min-height: 100vh;\r\n            }\r\n\r\n            \/* Suppression de la forme desktop *\/\r\n            .hero-shape {\r\n                display: none;\r\n            }\r\n\r\n            \/* Image en background avec overlay *\/\r\n            .hero-section::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: \r\n                    linear-gradient(rgba(0, 44, 91, 0.85), rgba(20, 150, 210, 0.8)),\r\n                    url('https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/IMG_0740.jpg');\r\n                background-size: cover;\r\n                background-position: center;\r\n                background-attachment: fixed;\r\n                z-index: 1;\r\n            }\r\n\r\n            .hero-background {\r\n                display: none;\r\n            }\r\n\r\n            .hero-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n                text-align: center;\r\n                padding: 2rem 1.5rem;\r\n                position: relative;\r\n                z-index: 2;\r\n                min-height: 100vh;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n\r\n            .hero-content {\r\n                order: 1;\r\n            }\r\n\r\n            .hero-visual {\r\n                order: 2;\r\n                margin-top: 2rem;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.8rem;\r\n                margin-bottom: 1rem;\r\n                text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 2rem;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n                text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\r\n            }\r\n\r\n            .hero-badge {\r\n                background: var(--color-accent);\r\n                color: var(--color-dark);\r\n                box-shadow: 0 4px 15px rgba(253, 201, 0, 0.4);\r\n            }\r\n\r\n            .hero-cta {\r\n                justify-content: center;\r\n                gap: 1rem;\r\n            }\r\n\r\n            \/* Sur mobile, r\u00e9initialiser l'ordre pour conserver l'ordre HTML (primary puis secondary)\r\n               et permettre l'empilement vertical d\u00e9fini plus bas *\/\r\n            .btn-primary,\r\n            .btn-secondary {\r\n                order: initial;\r\n            }\r\n\r\n            .btn-primary, .btn-secondary {\r\n                padding: 1rem 2rem;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .btn-secondary {\r\n                background: rgba(255, 255, 255, 0.2);\r\n                backdrop-filter: blur(10px);\r\n                border: 2px solid rgba(255, 255, 255, 0.3);\r\n            }\r\n\r\n            .btn-secondary:hover {\r\n                background: var(--color-white);\r\n                color: var(--color-primary);\r\n            }\r\n\r\n            .contact-info, .services-highlight {\r\n                background: rgba(255, 255, 255, 0.95);\r\n                backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255, 255, 255, 0.2);\r\n                box-shadow: 0 8px 32px rgba(0, 44, 91, 0.2);\r\n            }\r\n\r\n            .contact-number {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Mobiles paysage *\/\r\n        @media (max-width: 768px) and (orientation: landscape) {\r\n            .hero-section {\r\n                min-height: 120vh;\r\n            }\r\n\r\n            .hero-container {\r\n                padding: 1.5rem;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Mobiles portrait *\/\r\n        @media (max-width: 768px) and (orientation: portrait) {\r\n            .hero-section::before {\r\n                background-attachment: scroll;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.3rem;\r\n                line-height: 1.2;\r\n            }\r\n\r\n            .hero-badge {\r\n                padding: 0.6rem 1.2rem;\r\n                font-size: 0.8rem;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n\r\n            .hero-cta {\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .btn-primary, .btn-secondary {\r\n                width: 100%;\r\n                max-width: 280px;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* Petits mobiles *\/\r\n        @media (max-width: 480px) {\r\n            .hero-container {\r\n                padding: 1.5rem 1rem;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1rem;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n\r\n            .contact-info, .services-highlight {\r\n                padding: 1.25rem;\r\n                border-radius: 15px;\r\n            }\r\n\r\n            .contact-number {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .services-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .services-list li {\r\n                padding: 0.5rem 0;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        \/* Tr\u00e8s petits mobiles *\/\r\n        @media (max-width: 360px) {\r\n            .hero-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .hero-badge {\r\n                font-size: 0.75rem;\r\n                padding: 0.5rem 1rem;\r\n            }\r\n\r\n            .btn-primary, .btn-secondary {\r\n                padding: 0.875rem 1.5rem;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        \/* Support pour les appareils avec notch *\/\r\n        @media (max-width: 768px) {\r\n            .hero-container {\r\n                padding-top: max(2rem, env(safe-area-inset-top));\r\n                padding-bottom: max(2rem, env(safe-area-inset-bottom));\r\n                padding-left: max(1rem, env(safe-area-inset-left));\r\n                padding-right: max(1rem, env(safe-area-inset-right));\r\n            }\r\n        }\r\n\r\n        \/* Support pour le r\u00e9duit de mouvement *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .btn-primary:hover,\r\n            .btn-secondary:hover {\r\n                transform: none;\r\n            }\r\n            \r\n            * {\r\n                transition: none;\r\n            }\r\n            \r\n            .hero-section::before {\r\n                background-attachment: scroll;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <!-- Image d'arri\u00e8re-plan globale (desktop seulement) -->\r\n        <div class=\"hero-background\"><\/div>\r\n        \r\n        <!-- Forme caract\u00e9ristique avec image (desktop seulement) -->\r\n        <div class=\"hero-shape\">\r\n            <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/IMG_0740.jpg\" alt=\"FINANCE PLUS HAITI - Notre \u00e9quipe\" class=\"hero-image\">\r\n        <\/div>\r\n        \r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-content\">\r\n                <div class=\"hero-badge\">CREATE | INNOVATE | ENTREPRENEURSHIP\r\n<\/div>\r\n                <h1 class=\"hero-title\">\r\n   Accelerate the growth of  <span>your SME<\/span>\r\n<\/h1>\r\n\r\n                <p class=\"hero-subtitle\">\r\n                   We support SMEs with innovative, flexible, and tailored financial solutions, designed for every stage of your growth, through our training and incubation programs.\n\nTogether, let\u2019s give your ambitions the tools to succeed with Finance Plus.\r\n                <\/p>\r\n                \r\n                <div class=\"hero-cta\">\r\n                    <a href=\"\/en\/become-vip\/\" class=\"btn-primary\">\r\n                        <i class=\"fas fa-handshake\"><\/i>\r\n                        Become Our Partner\r\n                    <\/a>\r\n                    <a href=\"\/en\/become-member\/\" class=\"btn-secondary\">\r\n                       <i class=\"fa fa-user-plus\" aria-hidden=\"true\"><\/i>\r\n                        Become a Member\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"hero-visual\">\r\n              \r\n                \r\n                <div class=\"services-highlight\">\r\n                    <h3 class=\"services-title\">How We Help ?<\/h3>\r\n                    <ul class=\"services-list\">\r\n                        <li>\r\n                            <i class=\"fas fa-chart-line\"><\/i>\r\n                            Strategic Financial Consulting\r\n                        <\/li>\r\n                        <li>\r\n                            <i class=\"fas fa-briefcase\"><\/i>\r\n                            Strategic Financial Consulting\r\n                        <\/li>\r\n                        <li>\r\n                            <i class=\"fas fa-users\"><\/i>\r\n                            Dedicated Personalized Support\r\n                        <\/li>\r\n                    <\/ul>\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-35bf2de e-con-full e-flex e-con e-parent\" data-id=\"35bf2de\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c906f4 elementor-widget elementor-widget-html\" data-id=\"2c906f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\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>Finance Plus Ha\u00efti - Notre Startup<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            \/* ====== PALETTE DE COULEURS HARMONIS\u00c9E ====== *\/\r\n            --color-primary: #002C5B;\r\n            --color-secondary: #1496D2;\r\n            --color-accent: #FDC900;\r\n            --color-alt: #D3D339;\r\n            --color-white: #FFFFFF;\r\n            --color-light: #F8FAFC;\r\n            --color-dark: #0A0E27;\r\n            --color-gray: #64748B;\r\n            \r\n            \/* Typographie unifi\u00e9e *\/\r\n            --font-primary: 'Inter', sans-serif;\r\n            \r\n            \/* Espacements *\/\r\n            --container-width: 1200px;\r\n            --radius-base: 16px;\r\n            --radius-large: 32px;\r\n            --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n        \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: var(--font-primary);\r\n            color: var(--color-dark);\r\n            line-height: 1.7;\r\n            background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        .startup-section {\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .container {\r\n            max-width: var(--container-width);\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        \/* \u00c9l\u00e9ments de fond d\u00e9coratifs am\u00e9lior\u00e9s *\/\r\n        .background-elements {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .floating-shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            opacity: 0.03;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n        \r\n        .shape-1 {\r\n            width: 300px;\r\n            height: 300px;\r\n            top: -150px;\r\n            right: -100px;\r\n            animation-delay: 0s;\r\n        }\r\n        \r\n        .shape-2 {\r\n            width: 200px;\r\n            height: 200px;\r\n            bottom: 100px;\r\n            left: -50px;\r\n            background: linear-gradient(135deg, var(--color-accent), var(--color-alt));\r\n            animation-delay: 2s;\r\n        }\r\n        \r\n        .shape-3 {\r\n            width: 150px;\r\n            height: 150px;\r\n            top: 50%;\r\n            right: 20%;\r\n            animation-delay: 4s;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(5deg); }\r\n        }\r\n        \r\n        \/* En-t\u00eate de section am\u00e9lior\u00e9 *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 5rem;\r\n        }\r\n        \r\n        .section-badge {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            color: var(--color-white);\r\n            padding: 0.8rem 2rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 1.5rem;\r\n            box-shadow: 0 8px 25px rgba(0, 44, 91, 0.15);\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            font-weight: 900;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.1;\r\n        }\r\n        \r\n        .section-subtitle {\r\n            font-size: 1.3rem;\r\n            color: var(--color-gray);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        \/* Grille principale am\u00e9lior\u00e9e *\/\r\n        .startup-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            margin-bottom: 5rem;\r\n        }\r\n        \r\n        \/* Carte moderne am\u00e9lior\u00e9e *\/\r\n        .modern-card {\r\n            background: var(--color-white);\r\n            border-radius: var(--radius-base);\r\n            padding: 3rem;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n            border: 1px solid rgba(0, 44, 91, 0.1);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .modern-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent));\r\n        }\r\n        \r\n        .modern-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n        }\r\n        \r\n        .card-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 2rem;\r\n            color: var(--color-white);\r\n            font-size: 1.8rem;\r\n            box-shadow: 0 8px 20px rgba(0, 44, 91, 0.2);\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: var(--color-primary);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .card-text {\r\n            color: var(--color-gray);\r\n            font-size: 1.1rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .highlight-list {\r\n            list-style: none;\r\n        }\r\n        \r\n        .highlight-list li {\r\n            padding: 0.8rem 0;\r\n            border-bottom: 1px solid rgba(0, 44, 91, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            color: var(--color-dark);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .highlight-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .highlight-list i {\r\n            color: var(--color-secondary);\r\n            font-size: 1.2rem;\r\n            width: 24px;\r\n        }\r\n        \r\n        \/* Carte Inclusion Financi\u00e8re *\/\r\n        .inclusion-card {\r\n            grid-column: 1 \/ -1;\r\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n            color: var(--color-white);\r\n            border-radius: var(--radius-base);\r\n            padding: 3rem;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .inclusion-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--color-accent), var(--color-alt), var(--color-white));\r\n        }\r\n        \r\n        .inclusion-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n        }\r\n        \r\n        .inclusion-icon {\r\n            width: 100px;\r\n            height: 100px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--color-accent);\r\n            font-size: 2.5rem;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .inclusion-content {\r\n            flex: 1;\r\n        }\r\n        \r\n        .inclusion-title {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .inclusion-text {\r\n            font-size: 1.2rem;\r\n            line-height: 1.6;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        \/* Section identit\u00e9 am\u00e9lior\u00e9e *\/\r\n        .identity-section {\r\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n            border-radius: var(--radius-base);\r\n            padding: 4rem;\r\n            color: var(--color-white);\r\n            margin-bottom: 5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .identity-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n        }\r\n        \r\n        .identity-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 2rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .identity-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--color-accent);\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .identity-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .identity-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        .identity-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--color-accent);\r\n            font-size: 1.3rem;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .identity-content h4 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 0.5rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .identity-content p {\r\n            opacity: 0.9;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Section vision et activit\u00e9s am\u00e9lior\u00e9e *\/\r\n        .vision-activity-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            margin-bottom: 5rem;\r\n        }\r\n        \r\n        .vision-card {\r\n            background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);\r\n            color: var(--color-white);\r\n            border-radius: var(--radius-base);\r\n            padding: 3rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .vision-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\r\n        }\r\n        \r\n        .vision-title {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 2rem;\r\n            position: relative;\r\n        }\r\n        \r\n        .vision-list {\r\n            list-style: none;\r\n            position: relative;\r\n        }\r\n        \r\n        .vision-list li {\r\n            padding: 1rem 0;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n        \r\n        .vision-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .vision-list i {\r\n            color: var(--color-accent);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        \/* Section domaines d'action am\u00e9lior\u00e9e *\/\r\n        .action-areas-section {\r\n            margin: 6rem 0;\r\n            padding: 5rem 2rem;\r\n            background: linear-gradient(135deg, rgba(0, 44, 91, 0.03) 0%, rgba(20, 150, 210, 0.03) 100%);\r\n            border-radius: var(--radius-large);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .action-areas-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            right: -100px;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(20, 150, 210, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .action-areas-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -100px;\r\n            left: -100px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(253, 201, 0, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .areas-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 2rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .area-card {\r\n            background: var(--color-white);\r\n            border-radius: var(--radius-base);\r\n            padding: 2.5rem;\r\n            box-shadow: 0 10px 30px rgba(0, 44, 91, 0.08);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(0, 44, 91, 0.05);\r\n            animation: fadeInUp 0.8s ease-out backwards;\r\n        }\r\n        \r\n        .area-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .area-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .area-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .area-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .area-card:nth-child(5) { animation-delay: 0.5s; }\r\n        \r\n        .area-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 44, 91, 0.12);\r\n        }\r\n        \r\n        .area-number {\r\n            position: absolute;\r\n            top: 1.5rem;\r\n            right: 1.5rem;\r\n            font-size: 4rem;\r\n            font-weight: 900;\r\n            color: rgba(0, 44, 91, 0.05);\r\n            line-height: 1;\r\n        }\r\n        \r\n        .area-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1.5rem;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            color: var(--color-white);\r\n            box-shadow: 0 10px 20px rgba(0, 44, 91, 0.15);\r\n        }\r\n        \r\n        .area-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: var(--color-primary);\r\n            margin-bottom: 1rem;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .area-description {\r\n            color: var(--color-dark);\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Section CTA am\u00e9lior\u00e9e *\/\r\n        .cta-section {\r\n            margin-top: 5rem;\r\n            text-align: center;\r\n            padding: 4rem 2rem;\r\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n            border-radius: var(--radius-large);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .cta-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -50%;\r\n            left: -10%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(253, 201, 0, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .cta-title {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            font-weight: 900;\r\n            color: var(--color-white);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .cta-subtitle {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            max-width: 700px;\r\n            margin: 0 auto 2rem;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .contact-methods {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 2rem;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .contact-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            padding: 1.25rem 2.5rem;\r\n            background: var(--color-white);\r\n            color: var(--color-primary);\r\n            text-decoration: none;\r\n            border-radius: 16px;\r\n            font-weight: 700;\r\n            font-size: 1.1rem;\r\n            transition: var(--transition);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .contact-btn:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .contact-btn i {\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        \/* Section Public Cible am\u00e9lior\u00e9e *\/\r\n        .audience-section {\r\n            background: var(--color-white);\r\n            border-radius: var(--radius-base);\r\n            padding: 4rem;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n            text-align: center;\r\n            margin-top: 5rem;\r\n        }\r\n        \r\n        .audience-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            color: var(--color-primary);\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .audience-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .audience-item {\r\n            padding: 2rem;\r\n            background: var(--color-light);\r\n            border-radius: var(--radius-base);\r\n            transition: var(--transition);\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .audience-item:hover {\r\n            border-color: var(--color-secondary);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .audience-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--color-white);\r\n            font-size: 1.5rem;\r\n            margin: 0 auto 1.5rem;\r\n        }\r\n        \r\n        .audience-item h4 {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: var(--color-primary);\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .audience-item p {\r\n            color: var(--color-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 968px) {\r\n            .startup-grid,\r\n            .vision-activity-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .modern-card {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .identity-section,\r\n            .audience-section {\r\n                padding: 3rem 2rem;\r\n            }\r\n            \r\n            .areas-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .inclusion-card {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 2rem;\r\n            }\r\n            \r\n            .inclusion-icon {\r\n                width: 80px;\r\n                height: 80px;\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .startup-section {\r\n                padding: 4rem 1rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.3rem;\r\n            }\r\n            \r\n            .identity-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .audience-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .contact-methods {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .modern-card {\r\n                padding: 1.5rem;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .inclusion-title {\r\n                font-size: 1.7rem;\r\n            }\r\n            \r\n            .inclusion-text {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"startup-section\">\r\n        <!-- \u00c9l\u00e9ments de fond d\u00e9coratifs -->\r\n        <div class=\"background-elements\">\r\n            <div class=\"floating-shape shape-1\"><\/div>\r\n            <div class=\"floating-shape shape-2\"><\/div>\r\n            <div class=\"floating-shape shape-3\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"container\">\r\n            <!-- En-t\u00eate de section -->\r\n            <div class=\"section-header\">\r\n                <div class=\"section-badge\">OUR STARTUP<\/div>\r\n                <h1 class=\"section-title\">Finance Plus Ha\u00efti<\/h1>\r\n                <p class=\"section-subtitle\">Permanently transform the lives of young people and communities through financial education and personal development.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Grille principale -->\r\n            <div class=\"startup-grid\">\r\n                <!-- Carte Notre Mission -->\r\n                <div class=\"modern-card\">\r\n                    <div class=\"card-icon\">\r\n                        <i class=\"fas fa-bullseye\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"card-title\">Our Mission<\/h2>\r\n                    <p class=\"card-text\">Finance Plus is a Haitian nonprofit startup, founded with the goal of creating lasting change in the lives of young people and communities.<\/p>\r\n                    <p class=\"card-text\">In the face of the economic, social, and digital challenges facing Haitian youth, we have chosen to respond through action by creating spaces for learning, sharing, and leadership development.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Carte Notre Approche -->\r\n                <div class=\"modern-card\">\r\n                    <div class=\"card-icon\">\r\n                        <i class=\"fas fa-hands-helping\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"card-title\">Our Approach<\/h2>\r\n                    <p class=\"card-text\">We support young people, entrepreneurs, and professionals through:<\/p>\r\n                    <ul class=\"highlight-list\">\r\n                        <li><i class=\"fas fa-chalkboard-teacher\"><\/i> Practical and interactive workshops<\/li>\r\n                        <li><i class=\"fas fa-microphone\"><\/i> Inspiring Conferences<\/li>\r\n                        <li><i class=\"fas fa-chart-line\"><\/i> Capacity-Building Initiatives<\/li>\r\n                        <li><i class=\"fas fa-network-wired\"><\/i> Networking Opportunities<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <!-- Carte Inclusion Financi\u00e8re -->\r\n                <div class=\"inclusion-card\">\r\n                    <div class=\"inclusion-icon\">\r\n                        <i class=\"fas fa-piggy-bank\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"inclusion-content\">\r\n                        <h2 class=\"inclusion-title\">Financial Inclusion<\/h2>\r\n                        <p class=\"inclusion-text\">Financial inclusion is a key driver of economic development. This is why Finance Plus is committed to providing accessible, innovative, and tailored solutions for every young entrepreneur and project holder. Through our training programs, workshops, and incubation initiatives, we ensure that each individual gains the financial education needed to create, innovate, and confidently pursue entrepreneurship.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Section Identit\u00e9 -->\r\n            <div class=\"identity-section\">\r\n                <h3 class=\"identity-title\">Our Identity<\/h3>\r\n                <p style=\"font-size: 1.2rem; margin-bottom: 3rem; opacity: 0.95;\">Finance Plus is more than finance. It is a platform for empowerment and social impact.<\/p>\r\n                \r\n                <div class=\"identity-grid\">\r\n                    <div class=\"identity-item\">\r\n                        <div class=\"identity-icon\">\r\n                            <i class=\"fas fa-users\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"identity-content\">\r\n                            <h4>Collective Intelligence<\/h4>\r\n                            <p>We value collective intelligence and solidarity as drivers of change.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"identity-item\">\r\n                        <div class=\"identity-icon\">\r\n                            <i class=\"fas fa-balance-scale\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"identity-content\">\r\n                            <h4>Equal Opportunity<\/h4>\r\n                            <p>We stand for equal opportunities for all, without distinction.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"identity-item\">\r\n                        <div class=\"identity-icon\">\r\n                            <i class=\"fas fa-seedling\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"identity-content\">\r\n                            <h4>Sustainable Change<\/h4>\r\n                            <p>We act for sustainable change in Haiti, starting with education.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Section Vision et Activit\u00e9s -->\r\n            <div class=\"vision-activity-grid\">\r\n                <!-- Activit\u00e9s -->\r\n                <div class=\"modern-card\">\r\n                    <div class=\"card-icon\">\r\n                        <i class=\"fas fa-tasks\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"card-title\">Our Activities<\/h2>\r\n                    <p class=\"card-text\">Finance Plus develops concrete initiatives around several key areas:<\/p>\r\n                    <ul class=\"highlight-list\">\r\n                        <li><i class=\"fas fa-graduation-cap\"><\/i> Training and Practical Workshops<\/li>\r\n                        <li><i class=\"fas fa-user-tie\"><\/i> Support and Mentoring<\/li>\r\n                        <li><i class=\"fas fa-bullhorn\"><\/i> Community Awareness<\/li>\r\n                        <li><i class=\"fas fa-handshake\"><\/i> Partnerships and Events<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <!-- Vision -->\r\n                <div class=\"vision-card\">\r\n                    <h2 class=\"vision-title\">Our Vision<\/h2>\r\n                    <p style=\"margin-bottom: 2rem; font-weight: 600;\">Former une g\u00e9n\u00e9ration consciente, pr\u00e9par\u00e9e et engag\u00e9e pour un avenir :<\/p>\r\n                    <ul class=\"vision-list\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Financially Stable<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Digitally Safe<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Socially Fair<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> Sustainably Responsible<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Section Domaines d'Action -->\r\n            <div class=\"action-areas-section\">\r\n                <h2 class=\"section-title\">Our Key Areas of Action<\/h2>\r\n                <p class=\"section-subtitle\">We Operate Around Five Key Pillars:<\/p>\r\n                \r\n                <div class=\"areas-grid\">\r\n                    <!-- Area 1 -->\r\n                    <div class=\"area-card\">\r\n                        <div class=\"area-number\">01<\/div>\r\n                        <div class=\"area-icon\">\r\n                            <i class=\"fas fa-chart-line\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"area-title\">Financial Education &amp; Economic Inclusion<\/h3>\r\n                        <p class=\"area-description\">\r\n                            We organize workshops and training sessions to teach young people how to manage their budgets, save, invest responsibly, and develop their own projects. Our goal is to empower them to become financially independent and ready to contribute to the country\u2019s economy.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Area 2 -->\r\n                    <div class=\"area-card\">\r\n                        <div class=\"area-number\">02<\/div>\r\n                        <div class=\"area-icon\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"area-title\">Digital Literacy &amp; Online Safety<\/h3>\r\n                        <p class=\"area-description\">\r\n                            We raise awareness among young people about proper online behavior. We cover cybersecurity, personal data protection, online scams, and cyberbullying, so they can navigate the internet safely and responsibly.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Area 3 -->\r\n                    <div class=\"area-card\">\r\n                        <div class=\"area-number\">03<\/div>\r\n                        <div class=\"area-icon\">\r\n                            <i class=\"fas fa-users\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"area-title\">Social Empowerment &amp; Leadership<\/h3>\r\n                        <p class=\"area-description\">\r\n                            We support young people in their personal development through activities focused on self-esteem, emotional management, gender equality, and violence prevention. Our goal is to nurture conscious, confident, and engaged leaders within their communities.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Area 4 -->\r\n                    <div class=\"area-card\">\r\n                        <div class=\"area-number\">04<\/div>\r\n                        <div class=\"area-icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"area-title\">Advocacy &amp; Partnerships for Sustainable Development<\/h3>\r\n                        <p class=\"area-description\">\r\n                            We collaborate with local and international institutions to support youth-focused initiatives. Together, we contribute to achieving the Sustainable Development Goals (SDGs), placing young people at the heart of decisions and solutions.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Area 5 -->\r\n                    <div class=\"area-card\">\r\n                        <div class=\"area-number\">05<\/div>\r\n                        <div class=\"area-icon\">\r\n                            <i class=\"fas fa-hands-helping\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"area-title\">Community Empowerment &amp; Civic Engagement<\/h3>\r\n                        <p class=\"area-description\">\r\n                            We encourage young people to actively engage in their communities. Through community projects, volunteering, and awareness campaigns, they become agents of positive change, capable of influencing their surroundings and promoting a more just and inclusive society.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Section CTA -->\r\n            <div class=\"cta-section\">\r\n                <div class=\"cta-content\">\r\n                    <h2 class=\"cta-title\">Ready to become a partner?<\/h2>\r\n                    <p class=\"cta-subtitle\">Contact us today to discuss your partnership.<\/p>\r\n                    <div class=\"contact-methods\">\r\n                        <a href=\"mailto:board@financeplusht.org\" class=\"contact-btn\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                            board@financeplusht.org\r\n                        <\/a>\r\n                        <a href=\"tel:+50942027007\" class=\"contact-btn\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            +509 4202-7007\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Section Public Cible -->\r\n            <div class=\"audience-section\">\r\n                <h3 class=\"audience-title\">Our Target Audience<\/h3>\r\n                <div class=\"audience-grid\">\r\n                    <div class=\"audience-item\">\r\n                        <div class=\"audience-icon\">\r\n                            <i class=\"fas fa-user-graduate\"><\/i>\r\n                        <\/div>\r\n                        <h4>Youth &amp; Students<\/h4>\r\n                        <p>Teenagers, high school and university students eager to learn and grow.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"audience-item\">\r\n                        <div class=\"audience-icon\">\r\n                            <i class=\"fas fa-rocket\"><\/i>\r\n                        <\/div>\r\n                        <h4>Entrepreneurs<\/h4>\r\n                        <p>Early-stage project holders looking to develop their skills.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"audience-item\">\r\n                        <div class=\"audience-icon\">\r\n                            <i class=\"fas fa-hands-helping\"><\/i>\r\n                        <\/div>\r\n                        <h4>Community Actors<\/h4>\r\n                        <p>People committed to the development of their communities.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"audience-item\">\r\n                        <div class=\"audience-icon\">\r\n                            <i class=\"fas fa-chart-line\"><\/i>\r\n                        <\/div>\r\n                        <h4>Anyone motivated<\/h4>\r\n                        <p>People eager to better understand and develop their abilities.<\/p>\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-be104e7 e-grid e-con-full e-con e-parent\" data-id=\"be104e7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a0866 elementor-widget elementor-widget-html\" data-id=\"25a0866\" data-element_type=\"widget\" data-widget_type=\"html.default\">\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>Partenaires - Finance Plus Ha\u00efti<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \r\n        \r\n        .partenaires-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n        }\r\n        \r\n        .partenaires-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .partenaires-badge {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n            color: var(--color-white);\r\n            padding: 8px 20px;\r\n            border-radius: 50px;\r\n            font-family: var(--font-title);\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .partenaires-titre {\r\n            font-family: var(--font-title);\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: var(--color-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .partenaires-soustitre {\r\n            font-size: 1.1rem;\r\n            color: var(--color-gray);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Conteneur du slider *\/\r\n        .partenaires-slider-container {\r\n            position: relative;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            padding: 30px 0;\r\n        }\r\n        \r\n        .partenaires-slider-track {\r\n            display: flex;\r\n            gap: 50px;\r\n            animation: defiler-partenaires 30s linear infinite;\r\n            width: fit-content;\r\n        }\r\n        \r\n        .partenaires-slider-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n        \r\n        \/* Animation de d\u00e9filement infini *\/\r\n        @keyframes defiler-partenaires {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(calc(-200px * 10));\r\n            }\r\n        }\r\n        \r\n        .partenaire-logo {\r\n            width: 180px;\r\n            height: 100px;\r\n            flex-shrink: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--color-white);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(0, 44, 91, 0.1);\r\n        }\r\n        \r\n        .partenaire-logo:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .partenaire-logo img {\r\n            max-width: 100%;\r\n            max-height: 60px;\r\n            \/* Garder les logos avec leurs couleurs d'origine *\/\r\n            filter: none;\r\n            opacity: 1;\r\n            transition: transform 0.25s ease, opacity 0.25s ease;\r\n        }\r\n\r\n        \/* Au survol on conserve la couleur mais on peut l\u00e9g\u00e8rement animer l'image *\/\r\n        .partenaire-logo:hover img {\r\n            transform: translateY(-3px) scale(1.02);\r\n            opacity: 1;\r\n        }\r\n        \r\n        \/* Contr\u00f4les du slider *\/\r\n        .partenaires-controles {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .partenaires-pause {\r\n            background: var(--color-primary);\r\n            color: var(--color-white);\r\n            border: none;\r\n            width: 40px;\r\n            height: 40px;\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        }\r\n        \r\n        .partenaires-pause:hover {\r\n            background: var(--color-secondary);\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .partenaires-points {\r\n            display: flex;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .partenaire-point {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background: #ddd;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .partenaire-point.actif {\r\n            background: var(--color-secondary);\r\n            transform: scale(1.2);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .partenaires-titre {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .partenaire-logo {\r\n                width: 150px;\r\n                height: 80px;\r\n                padding: 15px;\r\n            }\r\n            \r\n            @keyframes defiler-partenaires {\r\n                0% {\r\n                    transform: translateX(0);\r\n                }\r\n                100% {\r\n                    transform: translateX(calc(-170px * 10));\r\n                }\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .partenaires-titre {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .partenaire-logo {\r\n                width: 130px;\r\n                height: 70px;\r\n                padding: 12px;\r\n            }\r\n            \r\n            .partenaires-slider-track {\r\n                gap: 30px;\r\n            }\r\n            \r\n            @keyframes defiler-partenaires {\r\n                0% {\r\n                    transform: translateX(0);\r\n                }\r\n                100% {\r\n                    transform: translateX(calc(-160px * 10));\r\n                }\r\n            }\r\n        }\r\n        \r\n        \/* Support pour le r\u00e9duit de mouvement *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .partenaires-slider-track {\r\n                animation: none;\r\n                justify-content: center;\r\n                flex-wrap: wrap;\r\n            }\r\n            \r\n            .partenaires-controles {\r\n                display: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"partenaires-section\">\r\n        <div class=\"partenaires-header\">\r\n            <div class=\"partenaires-badge\">Our Partners<\/div>\r\n            <h2 class=\"partenaires-titre\">They trust us.<\/h2>\r\n            <p class=\"partenaires-soustitre\">Discover the organizations that collaborate with us for a lasting impact in Haiti.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"partenaires-slider-container\">\r\n            <div class=\"partenaires-slider-track\">\r\n                <!-- Logos des partenaires - \u00e0 remplacer par vos vrais logos -->\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-TRANSVERSAL.jpg\" alt=\"Partenaire 1\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-ONUFEMMES.png\" alt=\"Partenaire 2\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-INSPECTION-GENERALE-DES-FIANCES.png\" alt=\"Partenaire 3\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-BANJ-MEDIA.png\" alt=\"Partenaire 4\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-NAPSHARE.png\" alt=\"Partenaire 5\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-CSH-DIREK.jpg\" alt=\"Partenaire 6\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/BID-LOGO.jpg\" alt=\"Partenaire 7\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-CEDEL.png\" alt=\"Partenaire 8\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/22-NOV-HB.png\" alt=\"Partenaire 9\">\r\n                <\/div>\r\n                 <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/25-NOV-FLEC.png\" alt=\"Partenaire 10\">\r\n                <\/div>\r\n                \r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/477DFFBF-426D-43A1-9FBC-DA0233257651.png\" alt=\"Partenaire 10\">\r\n                <\/div>\r\n                <!-- Doublons pour l'effet de boucle infinie -->\r\n                \r\n         <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-TRANSVERSAL.jpg\" alt=\"Partenaire 1\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-ONUFEMMES.png\" alt=\"Partenaire 2\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-INSPECTION-GENERALE-DES-FIANCES.png\" alt=\"Partenaire 3\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-BANJ-MEDIA.png\" alt=\"Partenaire 4\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-NAPSHARE.png\" alt=\"Partenaire 5\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-CSH-DIREK.jpg\" alt=\"Partenaire 6\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/BID-LOGO.jpg\" alt=\"Partenaire 7\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/LOGO-CEDEL.png\" alt=\"Partenaire 8\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/22-NOV-HB.png\" alt=\"Partenaire 9\">\r\n                <\/div>\r\n                 <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/477DFFBF-426D-43A1-9FBC-DA0233257651.png\" alt=\"Partenaire 10\">\r\n                <\/div>\r\n                <div class=\"partenaire-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/financeplusht.org\/wp-content\/uploads\/2025\/11\/25-NOV-FLEC.png\" alt=\"Partenaire 10\">\r\n                <\/div>\r\n        <div class=\"partenaires-controles\">\r\n            <button class=\"partenaires-pause\" onclick=\"togglePartenairesAnimation()\">\r\n                <i class=\"fas fa-pause\"><\/i>\r\n            <\/button>\r\n            <div class=\"partenaires-points\">\r\n                <div class=\"partenaire-point actif\"><\/div>\r\n                <div class=\"partenaire-point\"><\/div>\r\n                <div class=\"partenaire-point\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function togglePartenairesAnimation() {\r\n            const track = document.querySelector('.partenaires-slider-track');\r\n            const button = document.querySelector('.partenaires-pause');\r\n            const icon = button.querySelector('i');\r\n            \r\n            if (track.style.animationPlayState === 'paused') {\r\n                track.style.animationPlayState = 'running';\r\n                icon.className = 'fas fa-pause';\r\n            } else {\r\n                track.style.animationPlayState = 'paused';\r\n                icon.className = 'fas fa-play';\r\n            }\r\n        }\r\n        \r\n        \/\/ Animation automatique des points indicateurs\r\n        setInterval(() => {\r\n            const points = document.querySelectorAll('.partenaire-point');\r\n            const activePoint = document.querySelector('.partenaire-point.actif');\r\n            let nextIndex = 0;\r\n            \r\n            if (activePoint) {\r\n                const currentIndex = Array.from(points).indexOf(activePoint);\r\n                nextIndex = (currentIndex + 1) % points.length;\r\n                activePoint.classList.remove('actif');\r\n            }\r\n            \r\n            points[nextIndex].classList.add('actif');\r\n        }, 3000);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FINANCE PLUS HAITI &#8211; Votre Partenaire Financier CR\u00c9ER | INNOVER | ENTREPRENDRE Acc\u00e9l\u00e9rez la croissance de votre PME Nous accompagnons les PME avec des solutions financi\u00e8res innovantes, flexibles et personnalis\u00e9es, adapt\u00e9es \u00e0 chaque \u00e9tape de votre d\u00e9veloppement, gr\u00e2ce \u00e0 nos programmes d\u2019ateliers de formation et d\u2019incubation. Ensemble, donnons \u00e0 vos ambitions les moyens de r\u00e9ussir &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/financeplusht.org\/en\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":373,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1262,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/1262"}],"wp:attachment":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}