{"id":16,"date":"2026-07-22T10:47:16","date_gmt":"2026-07-22T08:47:16","guid":{"rendered":"https:\/\/fankepa.com\/?page_id=16"},"modified":"2026-07-24T00:04:17","modified_gmt":"2026-07-23T22:04:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/fankepa.com\/?page_id=16","title":{"rendered":"Contact"},"content":{"rendered":"<p><!-- En-t\u00eate Contact --><\/p>\n<div style=\"background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 80px 20px; text-align: center; color: white; border-radius: 20px; margin-bottom: 50px; border: 1px solid rgba(99,102,241,0.2);\">\n<h1 style=\"font-size: 46px; font-weight: 800; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;\">\n    Contactez-moi<br \/>\n  <\/h1>\n<p style=\"font-size: 18px; color: #94a3b8; max-width: 600px; 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<p><!-- Grille principale --><\/p>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 30px 0; margin: 50px 0;\">\n<tr style=\"vertical-align: top;\">\n<p>  <!-- Formulaire --><\/p>\n<td style=\"width: 60%;\">\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; border: 1px solid rgba(99,102,241,0.2); box-shadow: 0 4px 30px rgba(99,102,241,0.2);\">\n<h2 style=\"font-size: 24px; color: #a5b4fc; margin: 0 0 25px 0; padding-bottom: 15px; border-bottom: 2px solid rgba(99,102,241,0.4);\">\n        \ud83d\udcac Envoyez-moi un message<br \/>\n      <\/h2>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f59-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"59\">\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%2F16#wpcf7-f59-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=\"59\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f59-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf7-grid\">\n\t<p><label><br \/>\n\ud83d\udc64 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\" 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><br \/>\n\ud83d\udce7 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\" 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 class=\"full-width\"><br \/>\n\ud83d\udccb 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 class=\"full-width\"><br \/>\n\ud83d\udcac 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<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAAD_1tRPX3ZVTX9Vi\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n\n\t<div class=\"full-width cf7-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u2709\ufe0f 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<\/div>\n<\/td>\n<p>  <!-- Informations de contact --><\/p>\n<td style=\"width: 40%;\">\n<p>    <!-- Email --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 25px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.2); margin-bottom: 20px;\">\n<div style=\"display: flex; align-items: center; gap: 15px;\">\n<div style=\"background: linear-gradient(135deg, #6366f1, #8b5cf6); width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;\">\n          \u2709\ufe0f\n        <\/div>\n<div>\n<h3 style=\"font-size: 16px; color: #a5b4fc; margin: 0 0 5px 0;\">Email<\/h3>\n<p>          <a href=\"mailto:fankepa@gmail.com\" style=\"font-size: 14px; color: #cbd5e1; text-decoration: none;\">fankepa@gmail.com<\/a><\/p>\n<p style=\"font-size: 12px; color: #64748b; margin: 4px 0 0 0;\">R\u00e9ponse sous 24-48h<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- GitHub --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 25px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.2); margin-bottom: 20px;\">\n<div style=\"display: flex; align-items: center; gap: 15px;\">\n<div style=\"background: #333; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;\">\n          \ud83d\udce6\n        <\/div>\n<div>\n<h3 style=\"font-size: 16px; color: #a5b4fc; margin: 0 0 5px 0;\">GitHub<\/h3>\n<p>          <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"font-size: 14px; color: #cbd5e1; text-decoration: none;\">@FILSTOGNO<\/a><\/p>\n<p style=\"font-size: 12px; color: #64748b; margin: 4px 0 0 0;\">Mes projets open-source<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- LinkedIn --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 25px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.2); margin-bottom: 20px;\">\n<div style=\"display: flex; align-items: center; gap: 15px;\">\n<div style=\"background: #0077b5; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;\">\n          \ud83d\udcbc\n        <\/div>\n<div>\n<h3 style=\"font-size: 16px; color: #a5b4fc; margin: 0 0 5px 0;\">LinkedIn<\/h3>\n<p>          <a href=\"https:\/\/www.linkedin.com\/in\/angelbert-fankep-fankep-6844621a6\" target=\"_blank\" style=\"font-size: 14px; color: #cbd5e1; text-decoration: none;\">Angelbert Fankep<\/a><\/p>\n<p style=\"font-size: 12px; color: #64748b; margin: 4px 0 0 0;\">Restons connect\u00e9s<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- YouTube --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 25px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.2); margin-bottom: 20px;\">\n<div style=\"display: flex; align-items: center; gap: 15px;\">\n<div style=\"background: #ff0000; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;\">\n          \ud83c\udfa5\n        <\/div>\n<div>\n<h3 style=\"font-size: 16px; color: #a5b4fc; margin: 0 0 5px 0;\">YouTube<\/h3>\n<p>          <a href=\"https:\/\/www.youtube.com\/@ANGELBERTFANKEP\" target=\"_blank\" style=\"font-size: 14px; color: #cbd5e1; text-decoration: none;\">Ma cha\u00eene YouTube<\/a><\/p>\n<p style=\"font-size: 12px; color: #64748b; margin: 4px 0 0 0;\">Tutoriels et d\u00e9monstrations<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Disponibilit\u00e9 --><\/p>\n<div style=\"background: rgba(76,175,80,0.1); padding: 20px; border-radius: 15px; border: 1px solid rgba(76,175,80,0.3);\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 10px;\">\n<div style=\"width: 12px; height: 12px; background: #4caf50; border-radius: 50%; box-shadow: 0 0 8px rgba(76,175,80,0.8);\"><\/div>\n<p>        <span style=\"color: #86efac; font-weight: 600; font-size: 15px;\">Disponible<\/span>\n      <\/div>\n<p style=\"color: #94a3b8; font-size: 14px; margin: 0; line-height: 1.6;\">\n        Ouvert aux collaborations, projets IoT et opportunit\u00e9s d&rsquo;apprentissage !\n      <\/p>\n<\/p><\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><!-- FAQ --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; margin: 50px 0; border: 1px solid rgba(99,102,241,0.2);\">\n<h2 style=\"font-size: 26px; color: #a5b4fc; margin: 0 0 30px 0; text-align: center; padding-bottom: 15px; border-bottom: 2px solid rgba(99,102,241,0.4);\">\n    \u2753 Questions fr\u00e9quentes<br \/>\n  <\/h2>\n<details style=\"background: rgba(99,102,241,0.08); padding: 20px; border-radius: 10px; margin-bottom: 15px; border: 1px solid rgba(99,102,241,0.2); cursor: pointer;\">\n<summary style=\"font-weight: 600; font-size: 16px; color: #a5b4fc; outline: none;\">\n      \ud83d\udcbc \u00cates-vous disponible pour des missions freelance ?<br \/>\n    <\/summary>\n<p style=\"margin-top: 15px; color: #94a3b8; line-height: 1.7; font-size: 15px;\">\n      Oui ! Je suis ouvert aux collaborations sur des projets de d\u00e9veloppement, IoT et domotique. Contactez-moi pour discuter de votre projet !\n    <\/p>\n<\/details>\n<details style=\"background: rgba(99,102,241,0.08); padding: 20px; border-radius: 10px; margin-bottom: 15px; border: 1px solid rgba(99,102,241,0.2); cursor: pointer;\">\n<summary style=\"font-weight: 600; font-size: 16px; color: #a5b4fc; outline: none;\">\n      \u23f0 Quel est votre d\u00e9lai de r\u00e9ponse ?<br \/>\n    <\/summary>\n<p style=\"margin-top: 15px; color: #94a3b8; line-height: 1.7; font-size: 15px;\">\n      Je r\u00e9ponds g\u00e9n\u00e9ralement sous 24 \u00e0 48 heures. Pour les demandes urgentes, pr\u00e9cisez-le dans votre message !\n    <\/p>\n<\/details>\n<details style=\"background: rgba(99,102,241,0.08); padding: 20px; border-radius: 10px; margin-bottom: 15px; border: 1px solid rgba(99,102,241,0.2); cursor: pointer;\">\n<summary style=\"font-weight: 600; font-size: 16px; color: #a5b4fc; outline: none;\">\n      \ud83d\udd27 Puis-je utiliser votre code pour mes projets ?<br \/>\n    <\/summary>\n<p style=\"margin-top: 15px; color: #94a3b8; line-height: 1.7; font-size: 15px;\">\n      Absolument ! Tous mes projets sur GitHub sont open-source. N&rsquo;oubliez pas de cr\u00e9diter le projet original !\n    <\/p>\n<\/details>\n<details style=\"background: rgba(99,102,241,0.08); padding: 20px; border-radius: 10px; border: 1px solid rgba(99,102,241,0.2); cursor: pointer;\">\n<summary style=\"font-weight: 600; font-size: 16px; color: #a5b4fc; outline: none;\">\n      \ud83c\udf0d Travaillez-vous \u00e0 distance ?<br \/>\n    <\/summary>\n<p style=\"margin-top: 15px; color: #94a3b8; line-height: 1.7; font-size: 15px;\">\n      Oui, je travaille principalement \u00e0 distance ce qui me permet de collaborer partout dans le monde !\n    <\/p>\n<\/details>\n<\/div>\n<p><!-- CTA Final --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #0f3460 100%); padding: 60px 30px; border-radius: 20px; text-align: center; margin: 40px 0; border: 1px solid rgba(99,102,241,0.3); box-shadow: 0 4px 30px rgba(99,102,241,0.2);\">\n<h2 style=\"font-size: 36px; margin: 0 0 15px 0; color: #a5b4fc;\">\ud83d\ude80 Pr\u00eat \u00e0 d\u00e9marrer un projet ?<\/h2>\n<p style=\"font-size: 18px; color: #94a3b8; max-width: 600px; margin: 0 auto 30px auto; line-height: 1.7;\">\n    Que ce soit pour une collaboration, un conseil technique ou simplement \u00e9changer, je suis \u00e0 votre \u00e9coute !\n  <\/p>\n<p>  <a href=\"mailto:fankepa@gmail.com\" style=\"background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; box-shadow: 0 4px 20px rgba(99,102,241,0.4);\"><br \/>\n    \u2709\ufe0f Envoyer un email direct<br \/>\n  <\/a>\n<\/div>\n<p><!-- CSS --><\/p>\n<style>\n.cf7-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}<\/p>\n<p>.cf7-grid .full-width {\n  grid-column: 1 \/ -1;\n}<\/p>\n<p>.cf7-grid label {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #a5b4fc;\n}<\/p>\n<p>.cf7-grid input[type=\"text\"],\n.cf7-grid input[type=\"email\"],\n.cf7-grid select,\n.cf7-grid textarea {\n  width: 100%;\n  padding: 12px 15px;\n  background: rgba(99,102,241,0.1);\n  border: 1px solid rgba(99,102,241,0.3);\n  border-radius: 8px;\n  font-size: 15px;\n  color: #cbd5e1;\n  transition: border-color 0.3s;\n  font-family: inherit;\n  box-sizing: border-box;\n}<\/p>\n<p>.cf7-grid input::placeholder,\n.cf7-grid textarea::placeholder {\n  color: #64748b;\n}<\/p>\n<p>.cf7-grid input:focus,\n.cf7-grid select:focus,\n.cf7-grid textarea:focus {\n  outline: none;\n  border-color: #6366f1;\n  box-shadow: 0 0 10px rgba(99,102,241,0.3);\n}<\/p>\n<p>.cf7-grid select option {\n  background: #1e1b4b;\n  color: #cbd5e1;\n}<\/p>\n<p>.cf7-grid textarea {\n  min-height: 150px;\n  resize: vertical;\n}<\/p>\n<p>.cf7-submit input[type=\"submit\"] {\n  background: linear-gradient(135deg, #6366f1, #8b5cf6);\n  color: white;\n  padding: 15px 40px;\n  border: none;\n  border-radius: 30px;\n  font-size: 16px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: transform 0.3s, box-shadow 0.3s;\n  width: 100%;\n  box-shadow: 0 4px 20px rgba(99,102,241,0.4);\n}<\/p>\n<p>.cf7-submit input[type=\"submit\"]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(99,102,241,0.5);\n}<\/p>\n<p>.wpcf7-not-valid-tip {\n  color: #f87171;\n  font-size: 13px;\n  margin-top: 5px;\n}<\/p>\n<p>.wpcf7-response-output {\n  border-radius: 10px;\n  padding: 15px 20px;\n  margin-top: 20px;\n  font-size: 15px;\n}<\/p>\n<p>.wpcf7-mail-sent-ok {\n  background: rgba(76,175,80,0.15) !important;\n  color: #86efac !important;\n  border: 1px solid rgba(76,175,80,0.3) !important;\n}<\/p>\n<p>.wpcf7-validation-errors {\n  background: rgba(239,68,68,0.15) !important;\n  color: #f87171 !important;\n  border: 1px solid rgba(239,68,68,0.3) !important;\n}<\/p>\n<p>@media (max-width: 768px) {\n  .cf7-grid {\n    grid-template-columns: 1fr !important;\n  }\n  table[style*=\"border-spacing: 30px\"] {\n    display: block !important;\n  }\n  table[style*=\"border-spacing: 30px\"] tr {\n    display: block !important;\n  }\n  table[style*=\"border-spacing: 30px\"] td {\n    display: block !important;\n    width: 100% !important;\n    margin-bottom: 20px !important;\n  }\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 ! \ud83d\udcac Envoyez-moi un [&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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"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":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":3,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}