{"id":10,"date":"2026-07-22T10:11:50","date_gmt":"2026-07-22T08:11:50","guid":{"rendered":"https:\/\/fankepa.com\/?page_id=10"},"modified":"2026-07-24T15:44:29","modified_gmt":"2026-07-24T13:44:29","slug":"accueil","status":"publish","type":"page","link":"https:\/\/fankepa.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"<p><!-- HERO SECTION --><\/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; position: relative; overflow: hidden;\">\n<div style=\"position: absolute; top: -50px; left: -50px; width: 250px; height: 250px; background: rgba(99,102,241,0.15); border-radius: 50%;\"><\/div>\n<div style=\"position: absolute; bottom: -80px; right: -30px; width: 350px; height: 350px; background: rgba(139,92,246,0.1); border-radius: 50%;\"><\/div>\n<div style=\"position: absolute; top: 30%; left: 5%; width: 100px; height: 100px; background: rgba(99,102,241,0.08); border-radius: 50%;\"><\/div>\n<p>  <!-- Photo de profil --><\/p>\n<div style=\"position: relative; display: inline-block; margin-bottom: 25px;\">\n<div style=\"width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; border: 4px solid rgba(99,102,241,0.5); overflow: hidden; box-shadow: 0 0 30px rgba(99,102,241,0.4);\">\n  <img decoding=\"async\" src=\"https:\/\/fankepa.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-02-27-at-03.08.09.jpeg\" alt=\"PoKeBoy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n<\/div>\n<div style=\"position: absolute; bottom: 5px; right: 5px; background: #4caf50; width: 25px; height: 25px; border-radius: 50%; border: 3px solid #1a1a2e; box-shadow: 0 0 10px rgba(76,175,80,0.5);\"><\/div>\n<\/p><\/div>\n<p>  <!-- Nom et titre --><\/p>\n<h1 style=\"font-size: 52px; font-weight: 800; color: white; margin: 0 0 10px 0; text-shadow: 0 2px 20px rgba(99,102,241,0.5);\">\n    Angelbert Fankep<br \/>\n  <\/h1>\n<div style=\"display: inline-block; background: linear-gradient(135deg, rgba(99,102,241,0.3), rgba(139,92,246,0.3)); padding: 10px 28px; border-radius: 25px; font-size: 18px; margin-bottom: 25px; border: 1px solid rgba(99,102,241,0.5);\">\n    \ud83d\udd27 Informacien Industrielle \ud83c\udf93\n  <\/div>\n<p style=\"font-size: 16px; opacity: 0.8; margin-bottom: 30px; color: #a5b4fc;\">\n    \ud83d\udccd Li\u00e8ge, Belgique &nbsp;\n  <\/p>\n<p>  <!-- Boutons CTA --><\/p>\n<div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;\">\n    <a href=\"https:\/\/fankepa.com\/?page_id=14\" style=\"background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; padding: 15px 35px; 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      \ud83d\ude80 Voir mes projets<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/fankepa.com\/?page_id=16\" style=\"background: rgba(99,102,241,0.15); color: #a5b4fc; padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; border: 2px solid rgba(99,102,241,0.5);\"><br \/>\n      \u2709\ufe0f Me contacter<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"background: rgba(255,255,255,0.08); color: white; padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; border: 1px solid rgba(255,255,255,0.15);\"><br \/>\n      \ud83d\udce6 GitHub<br \/>\n    <\/a>\n  <\/div>\n<p>  <!-- Stats --><\/p>\n<div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; max-width: 600px; margin: 0 auto;\">\n<div style=\"background: rgba(99,102,241,0.15); padding: 20px 30px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.3); min-width: 130px;\">\n<div style=\"font-size: 32px; font-weight: 800; color: #a5b4fc;\">3+<\/div>\n<div style=\"font-size: 13px; color: #94a3b8;\">Projets r\u00e9alis\u00e9s<\/div>\n<\/p><\/div>\n<div style=\"background: rgba(99,102,241,0.15); padding: 20px 30px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.3); min-width: 130px;\">\n<div style=\"font-size: 32px; font-weight: 800; color: #a5b4fc;\">\ud83c\udf31<\/div>\n<div style=\"font-size: 13px; color: #94a3b8;\">En apprentissage<\/div>\n<\/p><\/div>\n<div style=\"background: rgba(99,102,241,0.15); padding: 20px 30px; border-radius: 15px; border: 1px solid rgba(99,102,241,0.3); min-width: 130px;\">\n<div style=\"font-size: 32px; font-weight: 800; color: #a5b4fc;\">100%<\/div>\n<div style=\"font-size: 13px; color: #94a3b8;\">Open Source<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- QUI SUIS-JE + COMPETENCES EN PARALLELE --><\/p>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 20px 0; margin: 50px 0;\">\n<tr style=\"vertical-align: top;\">\n<p>  <!-- QUI SUIS-JE --><\/p>\n<td style=\"width: 50%; background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; box-shadow: 0 4px 30px rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.2);\">\n<h2 style=\"font-size: 26px; color: #a5b4fc; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 2px solid rgba(99,102,241,0.4);\">\n      \ud83d\udc68\u200d\ud83d\udcbb Qui suis-je ?<br \/>\n    <\/h2>\n<p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.9; margin-bottom: 15px;\">\n      Passionn\u00e9 d&rsquo;informatique industrielle et de nouvelles technologies, je suis dipl\u00f4m\u00e9 de l&rsquo;<strong style=\"color: #a5b4fc;\">Institut de Technologie de Li\u00e8ge<\/strong> en juin 2026.\n    <\/p>\n<p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.9; margin-bottom: 15px;\">\n      J&rsquo;ai effectu\u00e9 mon stage chez <strong style=\"color: #a5b4fc;\">MandaBar \u00e0 Marche-en-Famenne<\/strong>, o\u00f9 j&rsquo;ai d\u00e9velopp\u00e9 des solutions IoT, notamment un module de contr\u00f4le de portes intelligentes int\u00e9gr\u00e9 \u00e0 Odoo 19.\n    <\/p>\n<p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.9; margin-bottom: 25px;\">\n      Mon objectif est de continuer \u00e0 apprendre et \u00e0 cr\u00e9er des <strong style=\"color: #a5b4fc;\">ponts entre le monde physique et le num\u00e9rique<\/strong> gr\u00e2ce \u00e0 l&rsquo;automatisation, la domotique et les syst\u00e8mes embarqu\u00e9s.\n    <\/p>\n<p>    <!-- Infos rapides --><\/p>\n<div style=\"display: flex; flex-direction: column; gap: 12px;\">\n<div style=\"display: flex; align-items: center; gap: 12px; background: rgba(99,102,241,0.1); padding: 12px 15px; border-radius: 10px; border-left: 3px solid #6366f1;\">\n        <span>\ud83c\udf93<\/span><br \/>\n        <span style=\"color: #cbd5e1; font-size: 14px;\">Institut de Technologie de Li\u00e8ge<\/span>\n      <\/div>\n<div style=\"display: flex; align-items: center; gap: 12px; background: rgba(99,102,241,0.1); padding: 12px 15px; border-radius: 10px; border-left: 3px solid #8b5cf6;\">\n        <span>\ud83d\udcbc<\/span><br \/>\n        <span style=\"color: #cbd5e1; font-size: 14px;\">Stage chez MandaBar (2026)<\/span>\n      <\/div>\n<div style=\"display: flex; align-items: center; gap: 12px; background: rgba(99,102,241,0.1); padding: 12px 15px; border-radius: 10px; border-left: 3px solid #6366f1;\">\n        <span>\ud83d\udccd<\/span><br \/>\n        <span style=\"color: #cbd5e1; font-size: 14px;\">Li\u00e8ge, Belgique<\/span>\n      <\/div>\n<div style=\"display: flex; align-items: center; gap: 12px; background: rgba(99,102,241,0.1); padding: 12px 15px; border-radius: 10px; border-left: 3px solid #8b5cf6;\">\n        <span>\ud83c\udf31<\/span><br \/>\n        <span style=\"color: #cbd5e1; font-size: 14px;\">En apprentissage continu<\/span>\n      <\/div>\n<\/p><\/div>\n<\/td>\n<p>  <!-- COMPETENCES --><\/p>\n<td style=\"width: 50%; background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; box-shadow: 0 4px 30px rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.2);\">\n<h2 style=\"font-size: 26px; color: #a5b4fc; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 2px solid rgba(99,102,241,0.4);\">\n      \u26a1 Comp\u00e9tences<br \/>\n    <\/h2>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\ud83d\udc0d Python<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">75%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 75%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\u2699\ufe0f Langage C<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">60%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 60%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\u2615 Java<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">55%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 55%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\ud83c\udfe0 IoT &#038; Domotique<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">70%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 70%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\ud83d\udc27 Linux &#038; Docker<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">70%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 70%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 18px;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\ud83c\udf10 R\u00e9seaux Industriels<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">65%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 65%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-bottom: 0;\">\n<div style=\"display: flex; justify-content: space-between; margin-bottom: 8px;\">\n        <span style=\"font-weight: 600; color: #cbd5e1;\">\u2699\ufe0f PLC Siemens S7-1200<\/span><br \/>\n        <span style=\"color: #a5b4fc; font-weight: 700;\">50%<\/span>\n      <\/div>\n<div style=\"background: rgba(99,102,241,0.15); border-radius: 10px; height: 8px; overflow: hidden;\">\n<div style=\"background: linear-gradient(90deg, #6366f1, #8b5cf6); height: 100%; width: 50%; border-radius: 10px;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><!-- TECHNOLOGIES --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; box-shadow: 0 4px 30px rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.2); margin: 40px 0;\">\n<h2 style=\"font-size: 26px; color: #a5b4fc; margin: 0 0 30px 0; text-align: center;\">\n    \ud83d\udee0\ufe0f Technologies &#038; Outils<br \/>\n  <\/h2>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;\">\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udc0d Python<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\u2699\ufe0f C<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\u2615 Java<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\ud83e\udd67 Raspberry Pi<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\ud83c\udfe0 Home Assistant<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udce1 MQTT<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\ud83d\udc33 Docker<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udc27 Linux<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\u2699\ufe0f PLC Siemens S7-1200<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udda5\ufe0f TIA Portal<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\ud83c\udf10 WordPress<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udce6 GitHub<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\ud83d\udd27 Odoo<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83d\udd12 Tailscale<\/span><br \/>\n    <span style=\"background: rgba(139,92,246,0.2); color: #c4b5fd; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(139,92,246,0.3);\">\u2601\ufe0f Cloudflare<\/span><br \/>\n    <span style=\"background: rgba(99,102,241,0.2); color: #a5b4fc; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 600; border: 1px solid rgba(99,102,241,0.3);\">\ud83c\udfd7\ufe0f Proxmox<\/span>\n  <\/div>\n<\/div>\n<p><!-- MON PARCOURS --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #1a1a2e 100%); padding: 40px; border-radius: 20px; box-shadow: 0 4px 30px rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.2); margin: 40px 0;\">\n<h2 style=\"font-size: 26px; color: #a5b4fc; margin: 0 0 30px 0; padding-bottom: 15px; border-bottom: 2px solid rgba(99,102,241,0.4);\">\n    \ud83c\udfaf Mon Parcours<br \/>\n  <\/h2>\n<div style=\"position: relative; padding-left: 30px;\">\n<div style=\"position: absolute; left: 10px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #6366f1, #8b5cf6, #f59e0b, #4caf50);\"><\/div>\n<p>    <!-- Stage --><\/p>\n<div style=\"position: relative; margin-bottom: 30px;\">\n<div style=\"position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background: #6366f1; border-radius: 50%; border: 3px solid #1a1a2e; box-shadow: 0 0 10px rgba(99,102,241,0.8);\"><\/div>\n<div style=\"background: rgba(99,102,241,0.1); padding: 20px 25px; border-radius: 12px; border-left: 3px solid #6366f1;\">\n<div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\n<h3 style=\"margin: 0; color: #a5b4fc; font-size: 17px;\">\ud83d\udcbc Stage &#8211; MandaBar<\/h3>\n<p>          <span style=\"background: rgba(99,102,241,0.3); color: #a5b4fc; padding: 4px 12px; border-radius: 15px; font-size: 12px; border: 1px solid rgba(99,102,241,0.4);\">2026<\/span>\n        <\/div>\n<p style=\"margin: 10px 0 0 0; color: #94a3b8; font-size: 14px; line-height: 1.7;\">\n          D\u00e9veloppement d&rsquo;un module IoT pour Odoo 19 permettant le contr\u00f4le de portes intelligentes via UniFi Access. Marche-en-Famenne, Belgique.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Dipl\u00f4me --><\/p>\n<div style=\"position: relative; margin-bottom: 30px;\">\n<div style=\"position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background: #8b5cf6; border-radius: 50%; border: 3px solid #1a1a2e; box-shadow: 0 0 10px rgba(139,92,246,0.8);\"><\/div>\n<div style=\"background: rgba(139,92,246,0.1); padding: 20px 25px; border-radius: 12px; border-left: 3px solid #8b5cf6;\">\n<div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\n<h3 style=\"margin: 0; color: #c4b5fd; font-size: 17px;\">\ud83c\udf93 Dipl\u00f4me &#8211; Informatique Industrielle<\/h3>\n<p>          <span style=\"background: rgba(139,92,246,0.3); color: #c4b5fd; padding: 4px 12px; border-radius: 15px; font-size: 12px; border: 1px solid rgba(139,92,246,0.4);\">Juin 2026<\/span>\n        <\/div>\n<p style=\"margin: 10px 0 0 0; color: #94a3b8; font-size: 14px; line-height: 1.7;\">\n          Institut de Technologie de Li\u00e8ge. Formation en Python, C, Java, r\u00e9seaux industriels, automates programmables et syst\u00e8mes embarqu\u00e9s.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Automate Siemens --><\/p>\n<div style=\"position: relative; margin-bottom: 30px;\">\n<div style=\"position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background: #f59e0b; border-radius: 50%; border: 3px solid #1a1a2e; box-shadow: 0 0 10px rgba(245,158,11,0.8);\"><\/div>\n<div style=\"background: rgba(245,158,11,0.08); padding: 20px 25px; border-radius: 12px; border-left: 3px solid #f59e0b;\">\n<div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\n<h3 style=\"margin: 0; color: #fcd34d; font-size: 17px;\">\u2699\ufe0f Automate Siemens S7-1200<\/h3>\n<p>          <span style=\"background: rgba(245,158,11,0.2); color: #fcd34d; padding: 4px 12px; border-radius: 15px; font-size: 12px; border: 1px solid rgba(245,158,11,0.3);\">2026 &#8211; En cours<\/span>\n        <\/div>\n<p style=\"margin: 10px 0 0 0; color: #94a3b8; font-size: 14px; line-height: 1.7;\">\n          Acquisition d&rsquo;un automate Siemens S7-1200 pour approfondir mes comp\u00e9tences en programmation PLC avec TIA Portal. Apprentissage du langage Ladder, SCL et des communications industrielles.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Projets personnels --><\/p>\n<div style=\"position: relative;\">\n<div style=\"position: absolute; left: -25px; top: 5px; width: 15px; height: 15px; background: #4caf50; border-radius: 50%; border: 3px solid #1a1a2e; box-shadow: 0 0 10px rgba(76,175,80,0.8);\"><\/div>\n<div style=\"background: rgba(76,175,80,0.08); padding: 20px 25px; border-radius: 12px; border-left: 3px solid #4caf50;\">\n<div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\n<h3 style=\"margin: 0; color: #86efac; font-size: 17px;\">\ud83d\ude80 Projets Personnels<\/h3>\n<p>          <span style=\"background: rgba(76,175,80,0.2); color: #86efac; padding: 4px 12px; border-radius: 15px; font-size: 12px; border: 1px solid rgba(76,175,80,0.3);\">2025 &#8211; Pr\u00e9sent<\/span>\n        <\/div>\n<p style=\"margin: 10px 0 0 0; color: #94a3b8; font-size: 14px; line-height: 1.7;\">\n          D\u00e9veloppement de syst\u00e8mes domotiques avec Raspberry Pi et Home Assistant, serveur home lab avec Proxmox et Docker, porte intelligente avec MQTT, site web professionnel.\n        <\/p>\n<p>        <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"display: inline-block; margin-top: 12px; background: rgba(76,175,80,0.2); color: #86efac; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-size: 14px; font-weight: 600; border: 1px solid rgba(76,175,80,0.3);\"><br \/>\n          \ud83d\udce6 Voir sur GitHub \u2192<br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- CALL TO ACTION --><\/p>\n<div style=\"background: linear-gradient(135deg, #1e1b4b 0%, #0f3460 100%); padding: 60px 30px; border-radius: 20px; text-align: center; color: white; 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 Travaillons ensemble !<\/h2>\n<p style=\"font-size: 18px; margin: 0 0 35px 0; color: #94a3b8; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.7;\">\n    Vous avez un projet IoT, domotique ou informatique industrielle ? Je suis ouvert \u00e0 toute collaboration et opportunit\u00e9 d&rsquo;apprentissage !\n  <\/p>\n<div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n    <a href=\"https:\/\/fankepa.com\/?page_id=16\" style=\"background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; padding: 15px 35px; 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 Me contacter<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/fankepa.com\/?page_id=14\" style=\"background: rgba(99,102,241,0.15); color: #a5b4fc; padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; border: 2px solid rgba(99,102,241,0.4);\"><br \/>\n      \ud83c\udfaf Voir mes projets<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/www.linkedin.com\/in\/angelbert-fankep-fankep-6844621a6\" target=\"_blank\" style=\"background: #0077b5; color: white; padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px;\"><br \/>\n      \ud83d\udcbc LinkedIn<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"background: rgba(255,255,255,0.08); color: white; padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; border: 1px solid rgba(255,255,255,0.15);\"><br \/>\n      \ud83d\udce6 GitHub<br \/>\n    <\/a>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Angelbert Fankep \ud83d\udd27 Informacien Industrielle \ud83c\udf93 \ud83d\udccd Li\u00e8ge, Belgique &nbsp; \ud83d\ude80 Voir mes projets \u2709\ufe0f Me contacter \ud83d\udce6 GitHub 3+ [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":24,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}