{"id":13,"date":"2026-02-02T18:35:15","date_gmt":"2026-02-02T18:35:15","guid":{"rendered":"https:\/\/www.babuweb.fr\/?page_id=13"},"modified":"2026-03-27T12:22:03","modified_gmt":"2026-03-27T12:22:03","slug":"axel-isely-portfolio","status":"publish","type":"page","link":"https:\/\/www.babuweb.fr\/","title":{"rendered":"Axel Isely – Portfolio"},"content":{"rendered":"\t\t
\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 Portfolio Axel Isely | Chef de Projet Digital<\/title>\r\n \r\n <!-- Preconnect -->\r\n <link rel=\"preconnect\" href=\"https:\/\/cdn.tailwindcss.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n \r\n <!-- Police Kanit -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <style>\r\n \/* Variables *\/\r\n :root {\r\n --bg-main: #1D1D1B;\r\n --bg-secondary: #161615;\r\n --text-color: #FFFFFF;\r\n --accent-color: #E5332A;\r\n }\r\n\r\n \/* --- FORCE FULL WIDTH ELEMENTOR HACK --- *\/\r\n .breakout-elementor {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n max-width: 100vw !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* Reset global agressif *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n background-color: var(--bg-main);\r\n width: 100%;\r\n }\r\n\r\n \/* Background Fixe Ind\u00e9pendant *\/\r\n #global-background {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: -1;\r\n background-color: var(--bg-main);\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n }\r\n\r\n body {\r\n color: var(--text-color);\r\n font-family: 'Kanit', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* Utilitaires *\/\r\n .text-accent { color: var(--accent-color); }\r\n .bg-accent { background-color: var(--accent-color); }\r\n .border-accent { border-color: var(--accent-color); }\r\n \r\n .gpu-accelerated {\r\n transform: translateZ(0);\r\n backface-visibility: hidden;\r\n will-change: transform;\r\n }\r\n\r\n .reveal {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n \/* Patterns *\/\r\n .bg-grid-subtle {\r\n background-size: 40px 40px;\r\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n }\r\n \r\n .bg-noise-section {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n \/* Cards *\/\r\n .project-card {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n transition: transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\r\n will-change: transform, box-shadow;\r\n }\r\n .project-card:hover {\r\n transform: translateY(-5px);\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(229, 51, 42, 0.3);\r\n box-shadow: 0 10px 30px -10px rgba(229, 51, 42, 0.15);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-15px); }\r\n }\r\n .floating { animation: float 6s ease-in-out infinite; will-change: transform; }\r\n \r\n @keyframes float-reverse {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(15px) rotate(5deg); }\r\n }\r\n .floating-reverse { animation: float-reverse 7s ease-in-out infinite; will-change: transform; }\r\n\r\n @keyframes pulse-soft {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(229, 51, 42, 0); }\r\n 50% { box-shadow: 0 0 20px 0 rgba(229, 51, 42, 0.1); }\r\n }\r\n .pulse-card { animation: pulse-soft 3s infinite; will-change: box-shadow; }\r\n\r\n @keyframes float-blink {\r\n 0%, 100% { transform: translateY(0); opacity: 1; }\r\n 50% { transform: translateY(10px); opacity: 0.5; }\r\n }\r\n .animate-float-blink {\r\n animation: float-blink 2s ease-in-out infinite;\r\n }\r\n\r\n .glow-effect {\r\n background: radial-gradient(circle, rgba(229, 51, 42, 0.15) 0%, rgba(29, 29, 27, 0) 70%);\r\n }\r\n\r\n .tech-deco {\r\n stroke: rgba(255, 255, 255, 0.05);\r\n stroke-width: 1;\r\n fill: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ARRI\u00c8RE-PLAN GLOBAL FIXE -->\r\n <div id=\"global-background\"><\/div>\r\n\r\n <!-- Navigation -->\r\n <nav class=\"absolute top-0 left-0 w-full md:top-4 md:left-4 md:right-4 md:w-auto z-50 py-4 px-6 md:px-12 backdrop-blur-lg bg-[#1D1D1B]\/90 md:bg-[#1D1D1B]\/80 border-b md:border border-white\/5 md:rounded-2xl flex justify-between items-center gpu-accelerated shadow-2xl shadow-black\/50\" id=\"navbar\">\r\n <div class=\"text-xl font-bold tracking-wider\">AXEL ISELY<span class=\"text-accent\">.<\/span><\/div>\r\n \r\n <div class=\"hidden md:flex gap-8 text-sm font-light uppercase tracking-widest\">\r\n <a href=\"#about\" class=\"hover:text-accent transition-colors\">Profil<\/a>\r\n <a href=\"#experience\" class=\"hover:text-accent transition-colors\">Exp\u00e9riences<\/a>\r\n <a href=\"#freelance\" class=\"hover:text-accent transition-colors\">Projets<\/a>\r\n <a href=\"#contact\" class=\"hover:text-accent transition-colors\">Contact<\/a>\r\n <\/div>\r\n\r\n <a href=\"#contact\" class=\"px-5 py-2 text-sm font-medium rounded border border-accent text-accent hover:bg-accent hover:text-white transition-all duration-300 hidden md:block\">\r\n Me recruter\r\n <\/a>\r\n\r\n <button class=\"md:hidden text-white p-2\" aria-label=\"Ouvrir le menu\" onclick=\"document.getElementById('mobile-menu').classList.toggle('hidden')\">\r\n <i data-lucide=\"menu\"><\/i>\r\n <\/button>\r\n <\/nav>\r\n\r\n <!-- Mobile Menu Overlay -->\r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-[#1D1D1B] z-[60] hidden flex flex-col items-center justify-center space-y-8 text-xl font-light md:hidden\">\r\n <button class=\"absolute top-6 right-6 p-2\" aria-label=\"Fermer le menu\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">\r\n <i data-lucide=\"x\"><\/i>\r\n <\/button>\r\n <a href=\"#about\" class=\"hover:text-accent transition-colors\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Profil<\/a>\r\n <a href=\"#experience\" class=\"hover:text-accent transition-colors\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Exp\u00e9riences<\/a>\r\n <a href=\"#freelance\" class=\"hover:text-accent transition-colors\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Projets<\/a>\r\n <a href=\"#contact\" class=\"hover:text-accent transition-colors\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Contact<\/a>\r\n <\/div>\r\n\r\n <!-- SECTION 1: HERO -->\r\n <section id=\"hero\" class=\"breakout-elementor min-h-screen flex flex-col justify-center items-center px-6 md:px-12 relative pt-24 pb-16 overflow-hidden bg-[#1D1D1B] bg-noise-section\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-[var(--bg-secondary)] opacity-50 pointer-events-none gpu-accelerated\"><\/div>\r\n \r\n <div class=\"absolute top-1\/3 left-10 w-64 h-64 bg-accent\/5 rounded-full blur-[100px] pointer-events-none gpu-accelerated\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-80 h-80 bg-accent\/5 rounded-full blur-[100px] pointer-events-none gpu-accelerated\"><\/div>\r\n\r\n <div class=\"absolute top-1\/4 right-16 floating hidden md:block\">\r\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" class=\"tech-deco rotate-12\">\r\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\r\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-1\/4 left-20 floating-reverse hidden md:block\" style=\"animation-delay: 2s;\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" class=\"tech-deco\" fill=\"rgba(255,255,255,0.02)\">\r\n <path d=\"M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z\"><\/path>\r\n <path d=\"M13 13l6 6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"absolute top-32 left-16 floating-reverse hidden md:block\" style=\"animation-delay: 1s;\">\r\n <svg width=\"50\" height=\"80\" viewBox=\"0 0 24 24\" class=\"tech-deco -rotate-12\">\r\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-32 right-24 floating hidden md:block\" style=\"animation-delay: 3.5s;\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" class=\"tech-deco\">\r\n <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\r\n <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\r\n <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"max-w-6xl w-full mx-auto flex flex-col md:flex-row items-center justify-between gap-12 md:gap-8 reveal z-10\">\r\n \r\n <div class=\"w-full md:w-[55%] text-center md:text-left\">\r\n <div class=\"text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight mb-6 relative z-10\">\r\n VOTRE FUTUR<br \/>\r\n <span class=\"text-accent relative inline-block\">\r\n COLLABORATEUR.\r\n <\/span>\r\n <\/div>\r\n <p class=\"text-gray-300 text-base md:text-lg mb-10 mx-auto md:mx-0 max-w-xl font-light leading-relaxed\">\r\n Profil hybride acquisition + pilotage, je m'int\u00e8gre dans des \u00e9quipes en croissance rapide pour d\u00e9livrer des r\u00e9sultats mesurables : trafic, conversion, automatisation. J'exploite l'IA et les outils no-code au quotidien pour aller plus vite et produire mieux.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start w-full sm:w-auto\">\r\n <a href=\"#freelance\" class=\"px-8 py-3.5 font-medium rounded bg-accent hover:bg-red-600 transition-colors text-white shadow-lg shadow-red-900\/20 text-center\">\r\n Voir mes r\u00e9alisations\r\n <\/a>\r\n <a href=\"tel:+33652670597\" class=\"px-8 py-3.5 font-medium rounded border border-white\/20 hover:border-white transition-colors text-white flex items-center justify-center gap-2 bg-white\/5 hover:bg-white\/10\">\r\n <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i> 06 52 67 05 97\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-full md:w-[45%] flex justify-center md:justify-end relative mt-8 md:mt-0\">\r\n <div class=\"relative w-[280px] md:w-[340px] h-[380px] md:h-[480px] flex justify-center items-end\">\r\n <div class=\"absolute bottom-0 w-[240px] md:w-[280px] h-[280px] md:h-[350px] bg-gradient-to-b from-[#252523] to-[var(--bg-main)] rounded-t-[150px] border-t border-x border-white\/10 overflow-hidden shadow-2xl shadow-accent\/5\">\r\n <div class=\"absolute -top-10 left-1\/2 -translate-x-1\/2 w-48 h-48 bg-accent\/20 blur-3xl rounded-full\"><\/div>\r\n <div class=\"absolute inset-0 bg-grid-subtle opacity-30\"><\/div>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/photo-pro-cv.png\" alt=\"Axel Isely\" class=\"relative z-10 w-full md:w-[110%] h-[95%] md:h-[100%] object-contain object-bottom drop-shadow-[0_15px_15px_rgba(0,0,0,0.5)]\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-6 md:bottom-8 left-1\/2 transform -translate-x-1\/2 flex flex-col items-center gap-3 text-gray-500 text-xs tracking-widest hidden md:flex\">\r\n <span class=\"font-medium text-gray-400 animate-pulse\">Par ici !<\/span>\r\n <div class=\"animate-float-blink\">\r\n <i data-lucide=\"arrow-down\" class=\"w-5 h-5 text-accent\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 2: PROFIL -->\r\n <section id=\"about\" class=\"breakout-elementor min-h-screen flex flex-col justify-center py-16 md:py-24 px-6 md:px-20 bg-[var(--bg-secondary)] bg-grid-subtle relative border-t border-white\/5\">\r\n <div class=\"max-w-6xl mx-auto w-full grid lg:grid-cols-12 gap-10 md:gap-16 items-start z-10\">\r\n \r\n <!-- Colonne Gauche : Pr\u00e9sentation -->\r\n <div class=\"lg:col-span-5 reveal\">\r\n <div class=\"text-xs font-bold tracking-[0.2em] uppercase mb-2 text-accent\">\u00c0 propos<\/div>\r\n <div class=\"text-2xl md:text-4xl font-semibold mb-8 text-white\">Faisons les pr\u00e9sentations.<\/div>\r\n \r\n <div class=\"prose prose-invert prose-p:text-gray-400 prose-p:font-light prose-p:leading-relaxed mb-8\">\r\n <p>\r\n Chef de projet exp\u00e9riment\u00e9 et cr\u00e9ateur de deux structures digitales, j'ai d\u00e9velopp\u00e9 une <strong>capacit\u00e9 \u00e0 piloter des projets complexes<\/strong> de leur conception technique jusqu'\u00e0 l'acquisition client. \r\n <\/p>\r\n <p>\r\n Mon approche allie une vision strat\u00e9gique business globale \u00e0 une parfaite ma\u00eetrise op\u00e9rationnelle. J'int\u00e8gre au quotidien les <strong>outils IA et l'automatisation<\/strong> pour optimiser les flux de travail, la productivit\u00e9 et maximiser les r\u00e9sultats.\r\n <\/p>\r\n <p>\r\n Je recherche un CDI \u00e0 Toulouse et ses alentours, en tant que Chef de Projet Digital ou Responsable Marketing\/Acquisition, au sein d'une structure ambitieuse o\u00f9 l'impact est direct et mesurable.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-[#1D1D1B] p-6 rounded-lg border border-gray-800 relative overflow-hidden group shadow-2xl shadow-black\/50\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 glow-effect rounded-full blur-3xl -mr-10 -mt-10 gpu-accelerated\"><\/div>\r\n <div class=\"text-xl font-bold mb-4 text-white flex items-center gap-2 relative z-10\">\r\n <i data-lucide=\"target\" class=\"text-accent w-5 h-5\"><\/i> Mon Objectif\r\n <\/div>\r\n <ul class=\"space-y-3 relative z-10\">\r\n <li class=\"flex items-start gap-3\">\r\n <i data-lucide=\"zap\" class=\"w-4 h-4 text-accent mt-1 shrink-0\"><\/i>\r\n <span class=\"text-gray-300 text-sm font-light\">Apporter une vision strat\u00e9gique et une capacit\u00e9 d'ex\u00e9cution imm\u00e9diate, sans d\u00e9perdition entre la d\u00e9cision et le r\u00e9sultat.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <i data-lucide=\"bot\" class=\"w-4 h-4 text-accent mt-1 shrink-0\"><\/i>\r\n <span class=\"text-gray-300 text-sm font-light\">Exploiter au quotidien les outils IA et les tendances r\u00e9seaux sociaux pour produire plus vite et mieux que la moyenne.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <i data-lucide=\"users\" class=\"w-4 h-4 text-accent mt-1 shrink-0\"><\/i>\r\n <span class=\"text-gray-300 text-sm font-light\">M'investir dans des projets ambitieux au sein d'une \u00e9quipe o\u00f9 l'impact est mesur\u00e9, valoris\u00e9, et o\u00f9 je peux continuer de grandir.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Colonne Droite : Formation & Hard Skills -->\r\n <div class=\"lg:col-span-7 reveal flex flex-col gap-8\">\r\n \r\n <!-- Bloc Formations & Soft Skills -->\r\n <div class=\"grid sm:grid-cols-2 gap-4\">\r\n <!-- Formations -->\r\n <div class=\"p-6 border-l-2 border-accent bg-white\/5 backdrop-blur-sm rounded-lg shadow-lg\">\r\n <div class=\"flex justify-between items-start mb-1\">\r\n <span class=\"text-white font-medium text-lg\">Bachelor Chef de Projet Digital<\/span>\r\n <i data-lucide=\"graduation-cap\" class=\"w-5 h-5 text-gray-400\"><\/i>\r\n <\/div>\r\n <div class=\"text-sm text-gray-400 mb-4\">Digital Campus \u2022 2022 - 2025 (Valid\u00e9)<\/div>\r\n \r\n <div class=\"flex flex-col gap-2 pt-3 border-t border-white\/10\">\r\n <span class=\"text-[11px] leading-tight px-3 py-1.5 bg-[#1D1D1B] rounded border border-white\/10 text-gray-300 flex items-center gap-2 shadow-sm\">\r\n <i data-lucide=\"shield-check\" class=\"w-3.5 h-3.5 text-accent shrink-0\"><\/i> SecNumAcad\u00e9mie (Sensibilisation Cybers\u00e9curit\u00e9 ANSSI)\r\n <\/span>\r\n <span class=\"text-xs px-3 py-1.5 bg-[#1D1D1B] rounded border border-white\/10 text-gray-300 flex items-center gap-2 shadow-sm\">\r\n <i data-lucide=\"globe\" class=\"w-3.5 h-3.5 text-gray-400 shrink-0\"><\/i> Anglais professionnel \u2014 niveau C1\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Soft Skills -->\r\n <div class=\"p-6 bg-[#161615] border border-white\/5 rounded-lg shadow-lg\">\r\n <div class=\"flex items-center gap-3 mb-6\">\r\n <i data-lucide=\"brain\" class=\"w-6 h-6 text-accent\"><\/i>\r\n <span class=\"text-white font-bold text-xl\">Soft Skills<\/span>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-6\">\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"refresh-cw\" class=\"w-5 h-5 text-accent shrink-0\"><\/i>\r\n <span class=\"text-gray-300 font-medium text-sm\">Adaptabilit\u00e9<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"search\" class=\"w-5 h-5 text-accent shrink-0\"><\/i>\r\n <span class=\"text-gray-300 font-medium text-sm\">Curiosit\u00e9<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"puzzle\" class=\"w-5 h-5 text-accent shrink-0\"><\/i>\r\n <span class=\"text-gray-300 font-medium text-sm leading-tight\">R\u00e9solution de<br>probl\u00e8me<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"users\" class=\"w-5 h-5 text-accent shrink-0\"><\/i>\r\n <span class=\"text-gray-300 font-medium text-sm\">Esprit d'\u00e9quipe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bloc Comp\u00e9tences Techniques (R\u00e9organis\u00e9) -->\r\n <div>\r\n <div class=\"text-sm font-medium mb-5 uppercase tracking-wider text-gray-500 flex items-center gap-2\">\r\n <i data-lucide=\"cpu\" class=\"w-4 h-4\"><\/i> \u00c9cosyst\u00e8me, Outils & Techniques\r\n <\/div>\r\n \r\n <div class=\"grid sm:grid-cols-2 gap-4\">\r\n \r\n <!-- Acquisition & SEO -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"trending-up\" class=\"w-4 h-4 text-accent\"><\/i> Acquisition & Trafic\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs font-semibold text-accent px-1.5\">TECHNIQUES :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Acquisition<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Tracking<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">SEO<\/span>\r\n <div class=\"w-full h-px bg-white\/5 my-1\"><\/div>\r\n <span class=\"text-xs font-semibold text-gray-500 px-1.5\">OUTILS :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Google Ads<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Meta Ads<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Search Console<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CRM & Automation -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"workflow\" class=\"w-4 h-4 text-accent\"><\/i> CRM & Automation\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs font-semibold text-accent px-1.5\">TECHNIQUES :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">CRM \/ Automation<\/span>\r\n <div class=\"w-full h-px bg-white\/5 my-1\"><\/div>\r\n <span class=\"text-xs font-semibold text-gray-500 px-1.5\">OUTILS :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Salesforce<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Hubspot<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Sellsy<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Brevo<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Mailchimp<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Zapier<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Make<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Web & E-commerce -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4 text-accent\"><\/i> Web & Tech\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs font-semibold text-accent px-1.5\">TECHNIQUES :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Web<\/span>\r\n <div class=\"w-full h-px bg-white\/5 my-1\"><\/div>\r\n <span class=\"text-xs font-semibold text-gray-500 px-1.5\">OUTILS :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">WordPress<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Shopify<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">PrestaShop<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">JS<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">HTML\/CSS<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Strat\u00e9gie & Gestion -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"kanban\" class=\"w-4 h-4 text-accent\"><\/i> Strat\u00e9gie & Gestion\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs font-semibold text-accent px-1.5\">TECHNIQUES :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Gestion de projet<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Collaboration<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Reporting<\/span>\r\n <div class=\"w-full h-px bg-white\/5 my-1\"><\/div>\r\n <span class=\"text-xs font-semibold text-gray-500 px-1.5\">OUTILS :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Notion<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Trello<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Microsoft 365<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Design & Social Media -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"pen-tool\" class=\"w-4 h-4 text-accent\"><\/i> Cr\u00e9ation & Social\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs font-semibold text-accent px-1.5\">TECHNIQUES :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Cr\u00e9ation<\/span>\r\n <div class=\"w-full h-px bg-white\/5 my-1\"><\/div>\r\n <span class=\"text-xs font-semibold text-gray-500 px-1.5\">OUTILS :<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Figma<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Canva<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Suite Adobe<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">CapCut<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Meta Business Suite<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- IA -->\r\n <div class=\"bg-[#1D1D1B] p-4 rounded-lg border border-white\/5 hover:border-white\/10 transition-colors\">\r\n <div class=\"text-white font-medium text-sm mb-3 flex items-center gap-2\">\r\n <i data-lucide=\"bot\" class=\"w-4 h-4 text-accent\"><\/i> Intelligence Artificielle\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">ChatGPT<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Claude<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Gemini<\/span>\r\n <span class=\"text-xs px-2.5 py-1 bg-white\/5 text-gray-300 rounded border border-white\/5\">Workflows IA (prompting, contenu, automatisation, analyse)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 3: EXP\u00c9RIENCES PROFESSIONNELLES -->\r\n <section id=\"experience\" class=\"breakout-elementor min-h-screen py-16 md:py-24 px-6 md:px-20 bg-[var(--bg-main)] relative border-t border-white\/5\">\r\n <div class=\"max-w-5xl mx-auto w-full\">\r\n <div class=\"mb-16 reveal text-center md:text-left\">\r\n <div class=\"text-xs font-bold tracking-[0.2em] uppercase mb-2 text-accent\">Parcours<\/div>\r\n <div class=\"text-3xl md:text-4xl font-semibold text-white\">Exp\u00e9riences Professionnelles<\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-16 md:gap-24\">\r\n \r\n <!-- EXP\u00c9RIENCE 1 : MonthlyWeb & BabuCom -->\r\n <div class=\"relative\">\r\n <div class=\"hidden md:block absolute top-24 bottom-[-6rem] left-[15px] w-px bg-gradient-to-b from-accent to-white\/10 z-0\"><\/div>\r\n \r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end gap-2 md:gap-4 border-b border-white\/10 pb-6 mb-8 reveal relative z-10\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"hidden md:flex mt-2 w-8 h-8 rounded-full bg-accent\/20 border border-accent items-center justify-center shrink-0\">\r\n <div class=\"w-2 h-2 rounded-full bg-accent\"><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"text-2xl md:text-3xl font-semibold\">Cr\u00e9ateur & Consultant Digital<\/div>\r\n <div class=\"text-lg md:text-xl text-gray-400 mt-1\">MonthlyWeb & BabuCom <span class=\"text-sm font-light text-gray-500\">(Toulouse)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-sm px-3 py-1 bg-accent\/10 rounded border border-accent\/20 text-accent font-medium mt-2 md:mt-0\">\r\n Sept. 2025 - Pr\u00e9sent\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-12 gap-8 md:pl-12\">\r\n <div class=\"md:col-span-7 flex flex-col gap-6\">\r\n \r\n <p class=\"text-sm text-gray-400 font-light leading-relaxed reveal\">\r\n En parall\u00e8le de mon recrutement, je g\u00e8re un volume limit\u00e9 de clients via ces deux structures, une activit\u00e9 maintenue \u00e0 petite \u00e9chelle qui nourrit ma veille terrain et ma pratique quotidienne des outils.\r\n <\/p>\r\n\r\n <!-- Box MonthlyWeb -->\r\n <div class=\"bg-[var(--bg-secondary)] p-6 rounded-lg border border-white\/5 reveal\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i data-lucide=\"globe\" class=\"w-5 h-5 text-accent\"><\/i>\r\n <div class=\"text-lg font-medium text-white\">MonthlyWeb <span class=\"text-sm text-gray-500 font-light\">| Cr\u00e9ation Web<\/span><\/div>\r\n <\/div>\r\n <ul class=\"text-sm text-gray-400 space-y-3 pl-2\">\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>Location-Achat :<\/strong> Lancement d'une offre de cr\u00e9ation web par abonnement pour d\u00e9mocratiser l'acc\u00e8s au sur-mesure pour les TPE\/PME.<\/li>\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>Production 360\u00b0 :<\/strong> Analyse des besoins, conception de maquettes UX\/UI sur Figma, d\u00e9veloppement WordPress et maintenance continue.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Box BabuCom -->\r\n <div class=\"bg-[var(--bg-secondary)] p-6 rounded-lg border border-white\/5 reveal\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i data-lucide=\"smartphone\" class=\"w-5 h-5 text-accent\"><\/i>\r\n <div class=\"text-lg font-medium text-white\">BabuCom <span class=\"text-sm text-gray-500 font-light\">| Community Management<\/span><\/div>\r\n <\/div>\r\n <ul class=\"text-sm text-gray-400 space-y-3 pl-2\">\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>Strat\u00e9gie de Marque :<\/strong> Accompagnement de clients locaux dans l'am\u00e9lioration de leur visibilit\u00e9 digitale globale.<\/li>\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>R\u00e9seaux Sociaux :<\/strong> Cr\u00e9ation de contenus et gestion des communaut\u00e9s (Facebook, Instagram, TikTok, LinkedIn).<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 reveal\">\r\n <a href=\"https:\/\/www.monthlyweb.fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rounded-lg overflow-hidden border border-white\/5 relative group block cursor-pointer\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] via-transparent to-transparent opacity-80 z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/pres-monthlyweb.jpg\" alt=\"Aper\u00e7u MonthlyWeb\" class=\"w-full h-32 md:h-40 object-cover transform group-hover:scale-110 transition-transform duration-700\">\r\n <div class=\"absolute bottom-3 left-3 z-20 flex items-center gap-2\">\r\n <span class=\"text-sm font-medium text-white tracking-wider\">MonthlyWeb<\/span>\r\n <i data-lucide=\"external-link\" class=\"w-3 h-3 text-gray-400 group-hover:text-accent transition-colors\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/www.babucom.fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rounded-lg overflow-hidden border border-white\/5 relative group block cursor-pointer\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] via-transparent to-transparent opacity-80 z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/pres-site-internet-babucom.webp\" alt=\"Aper\u00e7u BabuCom\" class=\"w-full h-32 md:h-40 object-cover transform group-hover:scale-110 transition-transform duration-700\">\r\n <div class=\"absolute bottom-3 left-3 z-20 flex items-center gap-2\">\r\n <span class=\"text-sm font-medium text-white tracking-wider\">BabuCom<\/span>\r\n <i data-lucide=\"external-link\" class=\"w-3 h-3 text-gray-400 group-hover:text-accent transition-colors\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-5 reveal\">\r\n <div class=\"bg-gradient-to-br from-[#1D1D1B] to-[#10100f] p-6 md:p-8 rounded-xl border border-white\/10 h-full flex flex-col justify-between pulse-card relative overflow-hidden shadow-xl shadow-black\/40\">\r\n <div class=\"absolute -top-10 -right-10 w-32 h-32 bg-accent\/10 rounded-full blur-3xl gpu-accelerated\"><\/div>\r\n <div>\r\n <div class=\"text-sm font-bold uppercase tracking-widest mb-6 md:mb-8 text-gray-500 flex items-center gap-2\">\r\n <i data-lucide=\"bar-chart-2\" class=\"w-4 h-4 text-accent\"><\/i> \u00c9tude de Cas\r\n <\/div>\r\n <div class=\"space-y-6 relative z-10\">\r\n <div>\r\n <div class=\"text-4xl md:text-5xl font-bold text-white mb-2\">+17%<span class=\"text-2xl md:text-3xl text-gray-300 font-semibold\"> de CA<\/span><\/div>\r\n <div class=\"text-sm text-gray-400 font-medium leading-relaxed\">\r\n Croissance mesur\u00e9e sur 12 mois (2024-2025), via une strat\u00e9gie full-stack : refonte du site, SEO, et animation des r\u00e9seaux sociaux (LinkedIn, Instagram, Facebook).\r\n <\/div>\r\n <div class=\"mt-4 inline-block text-xs uppercase tracking-wider text-accent border border-accent\/20 bg-accent\/5 px-2 py-1 rounded\">Groupe Bonadei<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 pt-6 relative z-10 border-t border-white\/5\">\r\n <a href=\"https:\/\/www.groupebonadei.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full py-3 rounded bg-white\/5 hover:bg-white\/10 border border-white\/10 text-white text-center flex justify-center items-center gap-2 text-sm transition-all group\">\r\n Voir le site <i data-lucide=\"arrow-up-right\" class=\"w-4 h-4 group-hover:text-accent transition-colors\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- EXP\u00c9RIENCE 2 : Minipelle-Shop -->\r\n <div class=\"relative\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end gap-2 md:gap-4 border-b border-white\/10 pb-6 mb-8 reveal relative z-10\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"hidden md:flex mt-2 w-8 h-8 rounded-full bg-[#1D1D1B] border border-white\/20 items-center justify-center shrink-0\">\r\n <div class=\"w-2 h-2 rounded-full bg-gray-500\"><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"text-2xl md:text-3xl font-semibold\">Responsable P\u00f4le Digital<\/div>\r\n <div class=\"text-lg md:text-xl text-gray-400 mt-1\">Minipelle-Shop <span class=\"text-sm font-light text-gray-500\">(Martres-Tolosane)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-sm px-3 py-1 bg-white\/5 rounded border border-white\/10 text-gray-300 mt-2 md:mt-0\">\r\n Sept. 2023 - Sept. 2025\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-12 gap-8 md:pl-12\">\r\n <div class=\"md:col-span-7 flex flex-col gap-6\">\r\n <div class=\"bg-[var(--bg-secondary)] p-6 rounded-lg border border-white\/5 reveal\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5 text-accent\"><\/i>\r\n <div class=\"text-lg font-medium text-white\">Pilotage E-commerce & SEO<\/div>\r\n <\/div>\r\n <ul class=\"text-sm text-gray-400 space-y-3 pl-2\">\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>PrestaShop :<\/strong> Gestion compl\u00e8te du CMS et optimisation du tunnel de conversion.<\/li>\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>SEO & Data :<\/strong> Optimisation technique et s\u00e9mantique ; suivi via Google Search Console et Google Ads.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-[var(--bg-secondary)] p-6 rounded-lg border border-white\/5 reveal\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i data-lucide=\"users-2\" class=\"w-5 h-5 text-accent\"><\/i>\r\n <div class=\"text-lg font-medium text-white\">Management & Social Media<\/div>\r\n <\/div>\r\n <ul class=\"text-sm text-gray-400 space-y-3 pl-2\">\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>Management :<\/strong> Encadrement de stagiaires, alternants et pilotage de prestataires externes web.<\/li>\r\n <li class=\"flex gap-3\"><span class=\"text-accent shrink-0\">\u2022<\/span> <strong>Cr\u00e9ation :<\/strong> Production de contenus vid\u00e9o viraux (via CapCut) pour soutenir la croissance.<\/li>\r\n <\/ul>\r\n <div class=\"mt-4 pt-4 border-t border-white\/10 text-sm text-gray-400 font-light leading-relaxed\">\r\n D\u00e9veloppement d'une m\u00e9thode de contenu court format (d\u00e9monstrations d'outils, rythme punchy) ayant g\u00e9n\u00e9r\u00e9 jusqu'\u00e0 220 000 vues sur une vid\u00e9o et +4 000 abonn\u00e9s en 12 mois.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-5 reveal\">\r\n <div class=\"bg-gradient-to-br from-[#1D1D1B] to-[#10100f] p-6 md:p-8 rounded-xl border border-white\/10 h-full flex flex-col justify-between relative overflow-hidden shadow-xl shadow-black\/40\">\r\n <div class=\"absolute -bottom-10 -left-10 w-32 h-32 bg-accent\/5 rounded-full blur-3xl gpu-accelerated\"><\/div>\r\n <div>\r\n <div class=\"text-sm font-bold uppercase tracking-widest mb-6 md:mb-8 text-gray-500 flex items-center gap-2\">\r\n <i data-lucide=\"trophy\" class=\"w-4 h-4 text-accent\"><\/i> Impact Business\r\n <\/div>\r\n <div class=\"space-y-6 md:space-y-8 relative z-10\">\r\n <div>\r\n <div class=\"text-4xl md:text-5xl font-bold text-white mb-2\">+40%<span class=\"text-2xl md:text-3xl text-gray-300 font-semibold\"> de ventes<\/span><\/div>\r\n <div class=\"text-sm text-gray-400 font-medium\">Croissance accessoires<br>(sur 2 ans)<\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-4 pt-4 border-t border-white\/5\">\r\n <div>\r\n <div class=\"text-xl md:text-2xl font-bold text-white mb-1\">+9k<\/div>\r\n <div class=\"text-[10px] text-gray-500 uppercase tracking-wider leading-tight\">Abonn\u00e9s Cumul\u00e9s<br>R\u00e9seaux Sociaux<\/div>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <div class=\"flex flex-wrap gap-3 text-gray-400\">\r\n <!-- SVGs inject\u00e9s manuellement pour garantir l'affichage -->\r\n <svg class=\"w-5 h-5 fill-current hover:text-white transition-colors\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" title=\"Instagram\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current hover:text-white transition-colors\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" title=\"Facebook\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-1.11 9-5.53 9-10.95z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current hover:text-white transition-colors\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" title=\"LinkedIn\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current hover:text-white transition-colors\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" title=\"TikTok\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 pt-6 relative z-10\">\r\n <a href=\"https:\/\/www.minipelle-shop.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full py-3 rounded bg-white\/5 hover:bg-white\/10 border border-white\/10 text-white text-center flex justify-center items-center gap-2 text-sm transition-all group\">\r\n Voir la boutique <i data-lucide=\"arrow-up-right\" class=\"w-4 h-4 group-hover:text-accent transition-colors\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 4: PROJETS -->\r\n <section id=\"freelance\" class=\"breakout-elementor min-h-screen py-16 md:py-24 px-6 md:px-20 bg-[var(--bg-secondary)] border-t border-white\/5\">\r\n <div class=\"max-w-6xl mx-auto w-full\">\r\n <div class=\"mb-12 text-center md:text-left reveal\">\r\n <div class=\"text-xs font-bold tracking-[0.2em] uppercase mb-2 text-accent\">Portfolio<\/div>\r\n <div class=\"text-3xl md:text-4xl font-semibold text-white\">R\u00e9alisations & \u00c9tudes de Cas<\/div>\r\n <p class=\"text-gray-400 mt-4 max-w-2xl font-light leading-relaxed\">\r\n Aper\u00e7u de mes travaux r\u00e9cents, notamment via mes structures <strong>BabuCom<\/strong> et <strong>MonthlyWeb<\/strong> (cr\u00e9ation web par abonnement pour TPE\/PME).\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n <!-- Projet 1 -->\r\n <article class=\"project-card rounded-xl overflow-hidden flex flex-col h-full reveal group relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-accent to-transparent opacity-0 group-hover:opacity-100 transition-opacity z-10\"><\/div>\r\n <div class=\"w-full aspect-[16\/10] overflow-hidden relative border-b border-white\/5 bg-[#111111] flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/BONADEI-SAS.webp\" alt=\"Site Web Bonadei SAS\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 relative z-10\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1541888086425-d81bb19240f5?auto=format&fit=crop&q=80&w=800';\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] to-transparent z-0 opacity-20 pointer-events-none\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 md:p-8 flex-grow\">\r\n <div class=\"flex justify-between items-start mb-6\">\r\n <span class=\"px-3 py-1 text-xs font-medium rounded-full bg-blue-900\/20 text-blue-400 border border-blue-900\/30\">BTP \ud83c\udfd7\ufe0f<\/span>\r\n <i data-lucide=\"folder-git-2\" class=\"w-5 h-5 text-gray-600 group-hover:text-white transition-colors\"><\/i>\r\n <\/div>\r\n <div class=\"text-xl font-bold text-white mb-3 group-hover:text-accent transition-colors\">Bonadei SAS<\/div>\r\n <p class=\"text-sm text-gray-400 leading-relaxed mb-4\">\r\n Cr\u00e9ation du site internet et gestion de bout en bout de la communication B2B (SEO, LinkedIn, Facebook). Un accompagnement li\u00e9 \u00e0 une croissance globale de +17% de CA sur 12 mois.\r\n <\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-black\/20 mt-auto border-t border-white\/5\">\r\n <a href=\"https:\/\/www.groupebonadei.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-between text-sm text-gray-400 hover:text-white transition-colors\">\r\n <span>Voir le projet<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Projet 2 -->\r\n <article class=\"project-card rounded-xl overflow-hidden flex flex-col h-full reveal group relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-accent to-transparent opacity-0 group-hover:opacity-100 transition-opacity z-10\"><\/div>\r\n <div class=\"w-full aspect-[16\/10] overflow-hidden relative border-b border-white\/5 bg-[#111111] flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/MIRASPA.webp\" alt=\"Site Web Miraspa\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 relative z-10\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?auto=format&fit=crop&q=80&w=800';\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] to-transparent z-0 opacity-20 pointer-events-none\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 md:p-8 flex-grow\">\r\n <div class=\"flex justify-between items-start mb-6\">\r\n <span class=\"px-3 py-1 text-xs font-medium rounded-full bg-purple-900\/20 text-purple-400 border border-purple-900\/30\">Beaut\u00e9 \ud83d\udc86\u200d\u2640\ufe0f<\/span>\r\n <i data-lucide=\"folder-git-2\" class=\"w-5 h-5 text-gray-600 group-hover:text-white transition-colors\"><\/i>\r\n <\/div>\r\n <div class=\"text-xl font-bold text-white mb-3 group-hover:text-accent transition-colors\">Miraspa<\/div>\r\n <p class=\"text-sm text-gray-400 leading-relaxed\">\r\n Cr\u00e9ation technique d'un site vitrine pour un Studio Capillaire. Conception orient\u00e9e sur l'image de marque, l'\u00e9l\u00e9gance visuelle et la clart\u00e9 des services propos\u00e9s.\r\n <\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-black\/20 mt-auto border-t border-white\/5\">\r\n <a href=\"https:\/\/www.miraspa.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-between text-sm text-gray-400 hover:text-white transition-colors\">\r\n <span>Voir le projet<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Projet 3 -->\r\n <article class=\"project-card rounded-xl overflow-hidden flex flex-col h-full reveal group relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-accent to-transparent opacity-0 group-hover:opacity-100 transition-opacity z-10\"><\/div>\r\n <div class=\"w-full aspect-[16\/10] overflow-hidden relative border-b border-white\/5 bg-[#111111] flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/02\/MINIPELLE-SHOP.webp\" alt=\"Site Web Minipelle-Shop\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 relative z-10\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&fit=crop&q=80&w=800';\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] to-transparent z-0 opacity-20 pointer-events-none\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 md:p-8 flex-grow\">\r\n <div class=\"flex justify-between items-start mb-6\">\r\n <span class=\"px-3 py-1 text-xs font-medium rounded-full bg-orange-900\/20 text-orange-400 border border-orange-900\/30\">E-commerce \ud83d\ude9c<\/span>\r\n <i data-lucide=\"wrench\" class=\"w-5 h-5 text-gray-600 group-hover:text-white transition-colors\"><\/i>\r\n <\/div>\r\n <div class=\"text-xl font-bold text-white mb-3 group-hover:text-accent transition-colors\">Minipelle-Shop<\/div>\r\n <p class=\"text-sm text-gray-400 leading-relaxed mb-4\">\r\n Gestion op\u00e9rationnelle compl\u00e8te de la boutique PrestaShop, am\u00e9lioration UX\/UI du parcours client et mise en place d'une strat\u00e9gie de contenus vid\u00e9o performante.\r\n <\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-black\/20 mt-auto border-t border-white\/5\">\r\n <a href=\"https:\/\/www.minipelle-shop.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-between text-sm text-gray-400 hover:text-white transition-colors\">\r\n <span>Voir le projet<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Projet 4 -->\r\n <article class=\"project-card rounded-xl overflow-hidden flex flex-col h-full reveal group relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-accent to-transparent opacity-0 group-hover:opacity-100 transition-opacity z-10\"><\/div>\r\n <div class=\"w-full aspect-[16\/10] overflow-hidden relative border-b border-white\/5 bg-[#111111] flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.babuweb.fr\/wp-content\/uploads\/2026\/03\/Sans-titre-1920-x-1200-px-10.webp\" alt=\"Site Web Relais By Quenoce\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 relative z-10\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&q=80&w=800';\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#1D1D1B] to-transparent z-0 opacity-20 pointer-events-none\"><\/div>\r\n <\/div>\r\n <div class=\"p-6 md:p-8 flex-grow\">\r\n <div class=\"flex justify-between items-start mb-6\">\r\n <span class=\"px-3 py-1 text-xs font-medium rounded-full bg-green-900\/20 text-green-400 border border-green-900\/30\">Restaurant \ud83c\udf7d\ufe0f<\/span>\r\n <i data-lucide=\"utensils\" class=\"w-5 h-5 text-gray-600 group-hover:text-white transition-colors\"><\/i>\r\n <\/div>\r\n <div class=\"text-xl font-bold text-white mb-3 group-hover:text-accent transition-colors\">Relais By Quenoce<\/div>\r\n <p class=\"text-sm text-gray-400 leading-relaxed mb-4\">\r\n Projet freelance (Ch\u00e2teauneuf-de-Grasse). Design, d\u00e9veloppement web, mise en ligne et optimisation SEO local (Google Business Profile) avec pour objectif direct l'augmentation du nombre de couverts.\r\n <\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-black\/20 mt-auto border-t border-white\/5\">\r\n <a href=\"https:\/\/www.relaisbyquenoce.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-between text-sm text-gray-400 hover:text-white transition-colors\">\r\n <span>Voir le projet<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 5: CONTACT -->\r\n <section id=\"contact\" class=\"breakout-elementor min-h-[70vh] flex flex-col justify-center items-center py-16 md:py-24 px-6 relative bg-[var(--bg-main)] border-t border-white\/5 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-grid-subtle opacity-20 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 left-1\/2 -translate-x-1\/2 w-full max-w-3xl h-64 bg-accent\/5 rounded-full blur-[100px] pointer-events-none gpu-accelerated\"><\/div>\r\n\r\n <div class=\"max-w-4xl w-full text-center reveal z-10\">\r\n <div class=\"text-xs font-bold tracking-[0.3em] uppercase mb-6 text-accent\">Contact<\/div>\r\n <div class=\"text-3xl md:text-6xl font-bold mb-4 text-white\">Pr\u00eat \u00e0 m'embaucher ?<\/div>\r\n <p class=\"text-gray-400 mb-8 text-base md:text-lg font-light max-w-xl mx-auto\">\r\n Bas\u00e9 \u00e0 <strong class=\"text-white font-medium\">Saint-Jory (Occitanie)<\/strong>. Disponible imm\u00e9diatement \u00b7 Toulouse & alentours \u00b7 Ouvert au t\u00e9l\u00e9travail partiel.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto w-full\">\r\n <!-- Email Full Width -->\r\n <a href=\"mailto:axel.isely@gmail.com\" class=\"md:col-span-3 group relative overflow-hidden bg-[#161615] border border-white\/10 rounded-2xl p-6 md:p-8 hover:border-accent\/50 transition-all duration-300 hover:shadow-2xl hover:shadow-red-900\/10\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-accent\/0 via-accent\/5 to-accent\/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-1000\"><\/div>\r\n <div class=\"flex flex-col items-center gap-3 relative z-10\">\r\n <div class=\"p-3 bg-white\/5 rounded-full text-gray-400 group-hover:text-accent group-hover:bg-accent\/10 transition-colors\">\r\n <i data-lucide=\"mail\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl md:text-3xl font-light text-white group-hover:text-white transition-colors break-all md:break-normal\">axel.isely@gmail.com<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Phone -->\r\n <a href=\"tel:+33652670597\" class=\"group bg-[#161615] border border-white\/10 rounded-2xl p-6 hover:border-white\/30 transition-all duration-300 flex flex-col items-center justify-center gap-3 hover:-translate-y-1\">\r\n <i data-lucide=\"phone\" class=\"w-6 h-6 text-gray-500 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-gray-300 group-hover:text-white font-medium text-lg\">06 52 67 05 97<\/span>\r\n <\/a>\r\n\r\n <!-- LinkedIn -->\r\n <a href=\"https:\/\/www.linkedin.com\/in\/axel-isely\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group bg-[#161615] border border-white\/10 rounded-2xl p-6 hover:border-white\/30 transition-all duration-300 flex flex-col items-center justify-center gap-3 hover:-translate-y-1\">\r\n <svg class=\"w-6 h-6 fill-current text-gray-500 group-hover:text-white transition-colors\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" title=\"LinkedIn\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <span class=\"text-gray-300 group-hover:text-white font-medium text-lg\">LinkedIn<\/span>\r\n <\/a>\r\n\r\n <!-- Website -->\r\n <a href=\"https:\/\/babuweb.fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group bg-[#161615] border border-white\/10 rounded-2xl p-6 hover:border-white\/30 transition-all duration-300 flex flex-col items-center justify-center gap-3 hover:-translate-y-1\">\r\n <i data-lucide=\"globe\" class=\"w-6 h-6 text-gray-500 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-gray-300 group-hover:text-white font-medium text-lg\">babuweb.fr<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"mt-16 md:mt-24 pt-8 border-t border-white\/5 text-gray-600 text-xs flex flex-col items-center gap-2\">\r\n <span>\u00a9 2026 Axel Isely. Chef de Projet Digital.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Scripts -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <script>\r\n lucide.createIcons();\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Axel Isely | Chef de Projet Digital AXEL ISELY. Profil Exp\u00e9riences Projets Contact Me recruter Profil Exp\u00e9riences Projets Contact […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"disabled","ast-banner-title-visibility":"disabled","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":"disabled","footer-sml-layout":"disabled","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":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":47,"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/www.babuweb.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}