{"id":843,"date":"2025-11-17T21:04:47","date_gmt":"2025-11-17T21:04:47","guid":{"rendered":"https:\/\/financeplusht.org\/?page_id=843"},"modified":"2025-11-26T14:49:17","modified_gmt":"2025-11-26T14:49:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/financeplusht.org\/en\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact - 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 :root {\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: #222222;\r\n --color-gray: #6E6E6E;\r\n --font-title: 'Montserrat', sans-serif;\r\n --font-body: 'Open Sans', sans-serif;\r\n --container-width: 1200px;\r\n --radius-base: 12px;\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-body);\r\n color: var(--color-dark);\r\n line-height: 1.7;\r\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\r\n overflow-x: hidden;\r\n min-height: 100vh;\r\n }\r\n \r\n .contact-section {\r\n padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 4vw, 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 *\/\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: min(300px, 40vw);\r\n height: min(300px, 40vw);\r\n top: -150px;\r\n right: -100px;\r\n animation-delay: 0s;\r\n }\r\n \r\n .shape-2 {\r\n width: min(200px, 30vw);\r\n height: min(200px, 30vw);\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: min(150px, 25vw);\r\n height: min(150px, 25vw);\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 *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: clamp(3rem, 6vw, 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: clamp(0.6rem, 2vw, 0.8rem) clamp(1.5rem, 4vw, 2rem);\r\n border-radius: 50px;\r\n font-family: var(--font-title);\r\n font-size: clamp(0.7rem, 2vw, 0.9rem);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: clamp(1rem, 3vw, 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-family: var(--font-title);\r\n font-size: clamp(2rem, 6vw, 3.5rem);\r\n font-weight: 800;\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: clamp(0.8rem, 2vw, 1.5rem);\r\n line-height: 1.1;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: clamp(1rem, 3vw, 1.3rem);\r\n color: var(--color-gray);\r\n max-width: min(600px, 90%);\r\n margin: 0 auto;\r\n }\r\n \r\n \/* Grille principale *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: clamp(3rem, 5vw, 4rem);\r\n }\r\n \r\n @media (min-width: 992px) {\r\n .contact-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n \r\n \/* Carte d'information *\/\r\n .info-card {\r\n background: var(--color-white);\r\n border-radius: var(--radius-base);\r\n padding: clamp(2rem, 4vw, 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 height: fit-content;\r\n position: relative;\r\n }\r\n \r\n .info-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 border-radius: var(--radius-base) var(--radius-base) 0 0;\r\n }\r\n \r\n .info-title {\r\n font-family: var(--font-title);\r\n font-size: clamp(1.4rem, 3vw, 1.8rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n \r\n .info-title i {\r\n color: var(--color-secondary);\r\n font-size: 1.5rem;\r\n }\r\n \r\n .contact-methods {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n \r\n .contact-method {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1.5rem;\r\n padding: 1.5rem;\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 .contact-method:hover {\r\n border-color: var(--color-secondary);\r\n transform: translateY(-5px);\r\n }\r\n \r\n .method-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 flex-shrink: 0;\r\n }\r\n \r\n .method-content h4 {\r\n font-family: var(--font-title);\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: var(--color-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .method-content p {\r\n color: var(--color-gray);\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .method-link {\r\n color: var(--color-secondary);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n }\r\n \r\n .method-link:hover {\r\n color: var(--color-primary);\r\n }\r\n \r\n \/* Formulaire de contact *\/\r\n .form-card {\r\n background: var(--color-white);\r\n border-radius: var(--radius-base);\r\n padding: clamp(2rem, 4vw, 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 position: relative;\r\n }\r\n \r\n .form-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));\r\n border-radius: var(--radius-base) var(--radius-base) 0 0;\r\n }\r\n \r\n .form-title {\r\n font-family: var(--font-title);\r\n font-size: clamp(1.4rem, 3vw, 1.8rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n \r\n .form-title i {\r\n color: var(--color-accent);\r\n font-size: 1.5rem;\r\n }\r\n \r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .form-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n \r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .form-group.full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n \r\n label {\r\n font-family: var(--font-title);\r\n font-weight: 600;\r\n color: var(--color-primary);\r\n margin-bottom: 0.5rem;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .required::after {\r\n content: \" *\";\r\n color: #e74c3c;\r\n }\r\n \r\n input, select, textarea {\r\n padding: 1rem 1.25rem;\r\n border: 2px solid #e1e8ed;\r\n border-radius: 8px;\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n transition: var(--transition);\r\n background: var(--color-white);\r\n }\r\n \r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: var(--color-secondary);\r\n box-shadow: 0 0 0 3px rgba(20, 150, 210, 0.1);\r\n }\r\n \r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n \r\n .submit-btn {\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: var(--color-white);\r\n border: none;\r\n padding: 1.25rem 2.5rem;\r\n border-radius: 50px;\r\n font-family: var(--font-title);\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-top: 1rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(0, 44, 91, 0.3);\r\n }\r\n \r\n .submit-btn:disabled {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n \r\n \/* Spinner de chargement *\/\r\n .spinner {\r\n width: 20px;\r\n height: 20px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: var(--color-white);\r\n animation: spin 1s ease-in-out infinite;\r\n display: none;\r\n }\r\n \r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n .submit-btn.loading .spinner {\r\n display: block;\r\n }\r\n \r\n .submit-btn.loading .btn-text {\r\n opacity: 0.7;\r\n }\r\n \r\n \/* Modal de confirmation *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: var(--transition);\r\n }\r\n \r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n .modal {\r\n background: var(--color-white);\r\n border-radius: var(--radius-base);\r\n padding: clamp(2rem, 4vw, 3rem);\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n max-width: min(500px, 90vw);\r\n width: 100%;\r\n text-align: center;\r\n position: relative;\r\n transform: translateY(30px);\r\n transition: var(--transition);\r\n }\r\n \r\n .modal-overlay.active .modal {\r\n transform: translateY(0);\r\n }\r\n \r\n .modal-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #2ecc71, #27ae60);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n color: var(--color-white);\r\n font-size: 2.5rem;\r\n }\r\n \r\n .modal-title {\r\n font-family: var(--font-title);\r\n font-size: clamp(1.5rem, 3vw, 1.8rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .modal-message {\r\n color: var(--color-gray);\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n \r\n .modal-btn {\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: var(--color-white);\r\n border: none;\r\n padding: 1rem 2rem;\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 display: inline-block;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .modal-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(0, 44, 91, 0.3);\r\n }\r\n \r\n \/* Validation des champs *\/\r\n .error-message {\r\n color: #e74c3c;\r\n font-size: 0.85rem;\r\n margin-top: 0.5rem;\r\n display: none;\r\n }\r\n \r\n .form-group.error input,\r\n .form-group.error select,\r\n .form-group.error textarea {\r\n border-color: #e74c3c;\r\n }\r\n \r\n .form-group.error .error-message {\r\n display: block;\r\n }\r\n \r\n \/* Section r\u00e9seaux sociaux *\/\r\n .social-section {\r\n margin-top: clamp(3rem, 6vw, 5rem);\r\n text-align: center;\r\n }\r\n \r\n .social-title {\r\n font-family: var(--font-title);\r\n font-size: clamp(1.4rem, 3vw, 1.8rem);\r\n font-weight: 700;\r\n color: var(--color-primary);\r\n margin-bottom: 2rem;\r\n }\r\n \r\n .social-grid {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .social-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n padding: 2rem;\r\n background: var(--color-white);\r\n border-radius: var(--radius-base);\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n transition: var(--transition);\r\n min-width: 150px;\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n \r\n .social-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .social-icon {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n color: var(--color-white);\r\n }\r\n \r\n .facebook .social-icon { background: linear-gradient(135deg, #1877F2, #0D5FD7); }\r\n .instagram .social-icon { background: linear-gradient(135deg, #E4405F, #C13584); }\r\n .linkedin .social-icon { background: linear-gradient(135deg, #0A66C2, #004182); }\r\n .tiktok .social-icon { background: linear-gradient(135deg, #000000, #25F4EE, #FE2C55); }\r\n \r\n .social-name {\r\n font-family: var(--font-title);\r\n font-weight: 600;\r\n color: var(--color-primary);\r\n }\r\n \r\n \/* Support tactile *\/\r\n @media (hover: none) {\r\n .contact-method:hover {\r\n transform: none;\r\n border-color: transparent;\r\n }\r\n \r\n .social-item:hover {\r\n transform: none;\r\n }\r\n \r\n .submit-btn:hover {\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"contact-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\">Contact Us<\/div>\r\n <h1 class=\"section-title\">Stay in Touch<\/h1>\r\n <p class=\"section-subtitle\">We are here to answer your questions and discuss potential collaborations. Feel free to contact us!<\/p>\r\n <\/div>\r\n \r\n <div class=\"contact-grid\">\r\n <!-- Informations de contact -->\r\n <div class=\"info-card\">\r\n <h2 class=\"info-title\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n Contact Information\r\n <\/h2>\r\n \r\n <div class=\"contact-methods\">\r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"method-content\">\r\n <h4>Email<\/h4>\r\n <p>For general inquiries and information<\/p>\r\n <a href=\"mailto:info@financeplus.com\" class=\"method-link\">merable@financeplusht.org<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"method-content\">\r\n <h4>Partnerships<\/h4>\r\n <p>For collaboration opportunities<\/p>\r\n <a href=\"mailto:board@financeplusht.org\" class=\"method-link\">board@financeplusht.org<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"method-content\">\r\n <h4>Phone<\/h4>\r\n <p>Monday to Friday, 9 AM \u2013 5 PM<\/p>\r\n <a href=\"tel:+50942027007\" class=\"method-link\">+509 4202-7007<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"method-content\">\r\n <h4>Address<\/h4>\r\n <p>Head Office<\/p>\r\n <span>#11 rue metellus, petion ville, HT<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-card\">\r\n <h2 class=\"form-title\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n Send Us a Message\r\n <\/h2>\r\n\r\n <form id=\"contactForm\" action=\"\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"lastname\" class=\"required\">Name<\/label>\r\n <input type=\"text\" id=\"lastname\" name=\"lastname\" required placeholder=\"Your Name\">\r\n <div class=\"error-message\">Veuillez renseigner votre nom<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"firstname\" class=\"required\">First Name<\/label>\r\n <input type=\"text\" id=\"firstname\" name=\"firstname\" required placeholder=\"Your First Name\">\r\n <div class=\"error-message\">Veuillez renseigner votre pr\u00e9nom<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\" class=\"required\">Email<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <div class=\"error-message\">Veuillez renseigner un email valide<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+509 4202-7007\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"subject\" class=\"required\">Subject<\/label>\r\n <select id=\"subject\" name=\"subject\" required>\r\n <option value=\"\">Choisir un sujet<\/option>\r\n <option value=\"partnership\">Partenariat<\/option>\r\n <option value=\"information\">Demande d'information<\/option>\r\n <option value=\"training\">Training<\/option>\r\n <option value=\"collaboration\">Collaboration<\/option>\r\n <option value=\"other\">Autre<\/option>\r\n <\/select>\r\n <div class=\"error-message\">Please select a subject<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"institution\">Institution\/Company<\/label>\r\n <input type=\"text\" id=\"institution\" name=\"institution\" placeholder=\"Your Institution or Company\">\r\n <\/div>\r\n\r\n <div class=\"form-group full-width\">\r\n <label for=\"message\" class=\"required\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" required placeholder=\"Describe your request in detail...\"><\/textarea>\r\n <div class=\"error-message\">Veuillez saisir votre message<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n <div class=\"spinner\"><\/div>\r\n <span class=\"btn-text\">Send Message<\/span>\r\n <\/button>\r\n\r\n <!-- Zone pour afficher le message de succ\u00e8s ou d'erreur -->\r\n <div id=\"formResponse\" style=\"margin-top:1rem; font-weight:600;\"><\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Section r\u00e9seaux sociaux am\u00e9lior\u00e9e -->\r\n <div class=\"social-section\">\r\n <h3 class=\"social-title\">Follow us on social media<\/h3>\r\n <div class=\"social-grid\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1G56JMxrkP\/?mibextid=wwXIfr\" class=\"social-item facebook\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivez-nous sur Facebook\">\r\n <div class=\"social-icon\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/div>\r\n <span class=\"social-name\">Facebook<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/ht.financeplus?igsh=MTF6c2lhbjRnYXl6cQ%3D%3D&utm_source=qr\" class=\"social-item instagram\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivez-nous sur Instagram\">\r\n <div class=\"social-icon\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/div>\r\n <span class=\"social-name\">Instagram<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\/company\/finance-plusht\/\" class=\"social-item linkedin\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivez-nous sur LinkedIn\">\r\n <div class=\"social-icon\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <\/div>\r\n <span class=\"social-name\">LinkedIn<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.tiktok.com\/@.financeplus?_r=1&_t=ZS-91JzAiOcgEv\" class=\"social-item tiktok\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Suivez-nous sur TikTok\">\r\n <div class=\"social-icon\">\r\n <i class=\"fab fa-tiktok\"><\/i>\r\n <\/div>\r\n <span class=\"social-name\">TikTok<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Modal de confirmation -->\r\n <div class=\"modal-overlay\" id=\"confirmationModal\">\r\n <div class=\"modal\">\r\n <div class=\"modal-icon\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <h2 class=\"modal-title\">Message envoy\u00e9 avec succ\u00e8s !<\/h2>\r\n <p class=\"modal-message\">Nous avons bien re\u00e7u votre message et nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais.<\/p>\r\n <button class=\"modal-btn\" id=\"modalCloseBtn\">Fermer<\/button>\r\n <\/div>\r\n <\/div>\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const contactForm = document.getElementById('contactForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const confirmationModal = document.getElementById('confirmationModal');\r\n const modalCloseBtn = document.getElementById('modalCloseBtn');\r\n const formResponse = document.getElementById('formResponse');\r\n \r\n \/\/ Fonction de validation des champs\r\n function validateField(field) {\r\n const formGroup = field.closest('.form-group');\r\n const errorMessage = formGroup.querySelector('.error-message');\r\n \r\n if (field.hasAttribute('required') && !field.value.trim()) {\r\n formGroup.classList.add('error');\r\n return false;\r\n }\r\n \r\n if (field.type === 'email' && field.value.trim()) {\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(field.value.trim())) {\r\n formGroup.classList.add('error');\r\n errorMessage.textContent = 'Veuillez renseigner un email valide';\r\n return false;\r\n }\r\n }\r\n \r\n formGroup.classList.remove('error');\r\n return true;\r\n }\r\n \r\n \/\/ Validation en temps r\u00e9el\r\n const formFields = contactForm.querySelectorAll('input, select, textarea');\r\n formFields.forEach(field => {\r\n field.addEventListener('blur', () => validateField(field));\r\n field.addEventListener('input', () => {\r\n if (field.classList.contains('error')) {\r\n validateField(field);\r\n }\r\n });\r\n });\r\n \r\n \/\/ Validation compl\u00e8te du formulaire\r\n function validateForm() {\r\n let isValid = true;\r\n \r\n formFields.forEach(field => {\r\n if (!validateField(field)) {\r\n isValid = false;\r\n }\r\n });\r\n \r\n return isValid;\r\n }\r\n \r\n \/\/ Gestion de l'envoi du formulaire\r\n contactForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Validation du formulaire\r\n if (!validateForm()) {\r\n formResponse.textContent = 'Veuillez corriger les erreurs dans le formulaire';\r\n formResponse.style.color = '#e74c3c';\r\n return;\r\n }\r\n \r\n \/\/ Activer le spinner et d\u00e9sactiver le bouton\r\n submitBtn.classList.add('loading');\r\n submitBtn.disabled = true;\r\n formResponse.textContent = '';\r\n \r\n \/\/ Pr\u00e9parer les donn\u00e9es du formulaire - CORRECTION ICI\r\n const formData = new FormData();\r\n formData.append('action', 'send_contact_email');\r\n formData.append('secret_key', 'Fv9D2!kP7q#3LxA8rT0wZbUyN6$pQeR4sM1nH@cVfJgK2Yd');\r\n \r\n \/\/ Envoyer les champs individuels comme attendus par le PHP\r\n formData.append('lastname', document.getElementById('lastname').value);\r\n formData.append('firstname', document.getElementById('firstname').value);\r\n formData.append('email', document.getElementById('email').value);\r\n formData.append('phone', document.getElementById('phone').value);\r\n formData.append('subject', document.getElementById('subject').value);\r\n formData.append('institution', document.getElementById('institution').value);\r\n formData.append('message', document.getElementById('message').value);\r\n \r\n \/\/ URL de l'API\r\n const ajaxURL = 'https:\/\/financeplusht.org\/wp-admin\/admin-ajax.php';\r\n \r\n \/\/ Envoi de la requ\u00eate\r\n fetch(ajaxURL, {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n \/\/ D\u00e9sactiver le spinner et r\u00e9activer le bouton\r\n submitBtn.classList.remove('loading');\r\n submitBtn.disabled = false;\r\n \r\n if (data.success) {\r\n \/\/ Afficher le modal de confirmation\r\n confirmationModal.classList.add('active');\r\n \/\/ R\u00e9initialiser le formulaire\r\n contactForm.reset();\r\n } else {\r\n formResponse.style.color = '#e74c3c';\r\n formResponse.textContent = 'Erreur: ' + (data.data?.message || 'Serveur indisponible');\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Error:', error);\r\n \/\/ D\u00e9sactiver le spinner et r\u00e9activer le bouton\r\n submitBtn.classList.remove('loading');\r\n submitBtn.disabled = false;\r\n \r\n formResponse.style.color = '#e74c3c';\r\n formResponse.textContent = 'Erreur serveur, r\u00e9essayez plus tard.';\r\n });\r\n });\r\n \r\n \/\/ Fermer le modal\r\n modalCloseBtn.addEventListener('click', function() {\r\n confirmationModal.classList.remove('active');\r\n });\r\n \r\n \/\/ Fermer le modal en cliquant \u00e0 l'ext\u00e9rieur\r\n confirmationModal.addEventListener('click', function(e) {\r\n if (e.target === confirmationModal) {\r\n confirmationModal.classList.remove('active');\r\n }\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact – Finance Plus Ha\u00efti Contactez-nous Restons en Contact Nous sommes l\u00e0 pour r\u00e9pondre \u00e0 vos questions et discuter de collaborations. N’h\u00e9sitez pas \u00e0 nous contacter ! Informations de Contact Email Pour les demandes g\u00e9n\u00e9rales et informations merable@financeplusht.org Partenariats Pour les opportunit\u00e9s de collaboration board@financeplusht.org T\u00e9l\u00e9phone Du lundi au vendredi, 9h-17h +509 4202-7007 Adresse Si\u00e8ge … <a title=\"contact\" class=\"read-more\" href=\"https:\/\/financeplusht.org\/en\/contact\/\" aria-label=\"Read more about contact\">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-843","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/843","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=843"}],"version-history":[{"count":71,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/843\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/pages\/843\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/financeplusht.org\/en\/wp-json\/wp\/v2\/media?parent=843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}