{"id":13,"date":"2026-02-06T14:03:51","date_gmt":"2026-02-06T13:03:51","guid":{"rendered":"http:\/\/100.82.59.116:8213\/?page_id=13"},"modified":"2026-03-13T16:23:57","modified_gmt":"2026-03-13T15:23:57","slug":"contact","status":"publish","type":"page","link":"https:\/\/fankepa.com\/?page_id=13","title":{"rendered":"Contact"},"content":{"rendered":"\n<!-- En-t\u00eate Contact -->\n<div style=\"text-align: center; margin: 60px 0 50px 0; padding: 40px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);\">\n  <h1 style=\"font-size: 46px; font-weight: 800; color: white; margin-bottom: 15px; text-shadow: 0 2px 10px rgba(0,0,0,0.1);\">\n    Contactez-moi\n  <\/h1>\n  <p style=\"font-size: 18px; color: rgba(255,255,255,0.95); max-width: 650px; margin: 0 auto; line-height: 1.7;\">\n    Une question ? Un projet ? Une collaboration ? Je serais ravi d&rsquo;\u00e9changer avec vous !\n  <\/p>\n<\/div>\n\n<!-- Section principale -->\n<div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\n  \n  <!-- Introduction -->\n  <div style=\"text-align: center; margin-bottom: 50px;\">\n    <p style=\"font-size: 17px; color: #555; line-height: 1.8; max-width: 700px; margin: 0 auto;\">\n      Que vous souhaitiez discuter d&rsquo;un projet, poser une question technique ou simplement dire bonjour, \n      n&rsquo;h\u00e9sitez pas \u00e0 me contacter. Je r\u00e9ponds g\u00e9n\u00e9ralement sous <strong style=\"color: #667eea;\">24-48 heures<\/strong>.\n    <\/p>\n  <\/div>\n\n  <!-- Grille Formulaire + Informations -->\n  <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 60px;\">\n    \n    <!-- Colonne gauche : Formulaire -->\n    <div style=\"background: white; padding: 40px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n      <h2 style=\"font-size: 28px; color: #333; margin-bottom: 10px;\">\ud83d\udcac Envoyez-moi un message<\/h2>\n      <p style=\"font-size: 15px; color: #999; margin-bottom: 30px;\">Remplissez le formulaire ci-dessous<\/p>\n      \n      <!-- Ins\u00e9rez votre formulaire Contact Form 7 ici -->\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f310-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"310\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F13#wpcf7-f310-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"310\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f310-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-form-grid\">\n\t<p><label> Votre nom *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Jean Dupont\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label> Votre email *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"jean@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label> Sujet *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-subject\"><option value=\"Demande de collaboration\">Demande de collaboration<\/option><option value=\"Question technique\">Question technique<\/option><option value=\"Demande de devis\">Demande de devis<\/option><option value=\"Formation\/Mentorat\">Formation\/Mentorat<\/option><option value=\"Autre\">Autre<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label> Budget (optionnel)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"budget\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"budget\"><option value=\"\">&#8212;Veuillez choisir une option&#8212;<\/option><option value=\"&lt; 500\u20ac\">&lt; 500\u20ac<\/option><option value=\"500\u20ac - 1 000\u20ac\">500\u20ac - 1 000\u20ac<\/option><option value=\"1 000\u20ac - 5 000\u20ac\">1 000\u20ac - 5 000\u20ac<\/option><option value=\"5 000\u20ac - 10 000\u20ac\">5 000\u20ac - 10 000\u20ac<\/option><option value=\"&gt; 10 000\u20ac\">&gt; 10 000\u20ac<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label class=\"full-width\"> Votre message *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"D\u00e9crivez votre projet ou votre question...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<div class=\"form-footer full-width\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-722\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"acceptance-722\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span> J'accepte que mes donn\u00e9es soient utilis\u00e9es pour me recontacter<br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envoyer le message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n      \n    <\/div>\n    \n    <!-- Colonne droite : Informations -->\n    <div>\n      \n      <!-- Email -->\n      <div style=\"background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); margin-bottom: 25px;\">\n        <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n          <div style=\"background: linear-gradient(135deg, #667eea, #764ba2); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0;\">\n            \u2709\ufe0f\n          <\/div>\n          <div style=\"flex: 1;\">\n            <h3 style=\"font-size: 20px; color: #333; margin: 0 0 8px 0;\">Email<\/h3>\n            <a href=\"mailto:fankepa@gmail.com\" style=\"font-size: 16px; color: #667eea; text-decoration: none; font-weight: 500;\">\n              fankepa@gmail.com\n            <\/a>\n            <p style=\"font-size: 14px; color: #999; margin: 8px 0 0 0;\">R\u00e9ponse sous 24-48h<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- GitHub -->\n      <div style=\"background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); margin-bottom: 25px;\">\n        <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n          <div style=\"background: #333; width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0;\">\n            \ud83d\udce6\n          <\/div>\n          <div style=\"flex: 1;\">\n            <h3 style=\"font-size: 20px; color: #333; margin: 0 0 8px 0;\">GitHub<\/h3>\n            <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"font-size: 16px; color: #333; text-decoration: none; font-weight: 500;\">\n              @FILSTOGNO\n            <\/a>\n            <p style=\"font-size: 14px; color: #999; margin: 8px 0 0 0;\">Mes projets open-source<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- LinkedIn -->\n      <div style=\"background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); margin-bottom: 25px;\">\n        <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n          <div style=\"background: #0077b5; width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0;\">\n            \ud83d\udcbc\n          <\/div>\n          <div style=\"flex: 1;\">\n            <h3 style=\"font-size: 20px; color: #333; margin: 0 0 8px 0;\">LinkedIn<\/h3>\n            <a href=\"https:\/\/www.linkedin.com\/in\/angelbert-fankep-fankep-6844621a6\" target=\"_blank\">\n  Angelbert Fankepa\n            <\/a>\n            <p style=\"font-size: 14px; color: #999; margin: 8px 0 0 0;\">Restons connect\u00e9s<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- YouTube -->\n      <div style=\"background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n        <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n          <div style=\"background: #ff0000; width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0;\">\n            \ud83c\udfa5\n          <\/div>\n          <div style=\"flex: 1;\">\n            <h3 style=\"font-size: 20px; color: #333; margin: 0 0 8px 0;\">YouTube<\/h3>\n            <a href=\"https:\/\/www.youtube.com\/@ANGELBERTFANKEP\" target=\"_blank\" style=\"font-size: 16px; color: #ff0000; text-decoration: none; font-weight: 500;\">\n              Ma cha\u00eene\n            <\/a>\n            <p style=\"font-size: 14px; color: #999; margin: 8px 0 0 0;\">Tutoriels et d\u00e9mos<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n  <!-- Call to Action final -->\n  <div style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 50px 30px; border-radius: 20px; text-align: center; color: white; margin-bottom: 60px;\">\n    <h2 style=\"font-size: 36px; margin-bottom: 15px; color: white;\">\ud83d\ude80 Pr\u00eat \u00e0 d\u00e9marrer un projet ensemble ?<\/h2>\n    <p style=\"font-size: 18px; margin-bottom: 30px; opacity: 0.95; max-width: 650px; margin-left: auto; margin-right: auto;\">\n      Que ce soit pour une collaboration, un conseil technique ou simplement \u00e9changer sur vos id\u00e9es, \n      je suis \u00e0 votre \u00e9coute.\n    <\/p>\n    <a href=\"mailto:fankepa@gmail.com\" style=\"display: inline-block; background: white; color: #667eea; padding: 15px 40px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: transform 0.3s;\">\n      \u2709\ufe0f Envoyer un email\n    <\/a>\n  <\/div>\n  \n<\/div>\n\n<!-- CSS Responsive -->\n<style>\n@media (max-width: 768px) {\n  div[style*=\"grid-template-columns: 1fr 1fr\"] {\n    grid-template-columns: 1fr !important;\n  }\n  \n  div[style*=\"font-size: 46px\"] {\n    font-size: 32px !important;\n  }\n  \n  div[style*=\"font-size: 36px\"] {\n    font-size: 28px !important;\n  }\n}\n\ndetails summary {\n  transition: color 0.3s;\n}\n\ndetails[open] summary {\n  color: #667eea !important;\n}\n\ndetails summary:hover {\n  color: #667eea !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Contactez-moi Une question ? Un projet ? Une collaboration ? Je serais ravi d&rsquo;\u00e9changer avec vous ! Que vous souhaitiez [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":12,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}