{"id":584,"date":"2025-11-19T13:25:32","date_gmt":"2025-11-19T11:25:32","guid":{"rendered":"https:\/\/adcommarketing.com\/?page_id=584"},"modified":"2025-12-05T16:29:34","modified_gmt":"2025-12-05T14:29:34","slug":"qui-je-suis","status":"publish","type":"page","link":"https:\/\/adcommarketing.com\/index.php\/qui-je-suis\/","title":{"rendered":"Qui je suis ?"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: { sans: ['Poppins', 'sans-serif'], display: ['DM Serif Display', 'serif'] },\n                colors: { adcom: { dark: '#222222', taupe: '#b0a89c', soft: '#444444', light: '#e5e5e5' } },\n                animation: { 'spin-slow': 'spin 15s linear infinite' }\n            }\n        }\n    }\n<\/script>\n<style>\n    \/* Effet Outline *\/\n    .text-outline { -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2); color: transparent; transition: all 0.5s ease; }\n    .text-outline:hover { -webkit-text-stroke: 1px #b0a89c; color: transparent; }\n<\/style>\n\n<section class=\"relative min-h-[90vh] flex flex-col justify-center px-6 pt-10 pb-20 bg-adcom-dark overflow-hidden\">\n    <div class=\"absolute top-20 right-10 w-96 h-96 border border-adcom-taupe\/10 rounded-full animate-spin-slow opacity-30 hidden md:block\"><\/div>\n    <div class=\"absolute bottom-20 left-10 w-64 h-64 border border-adcom-taupe\/10 rotate-45 opacity-30 hidden md:block\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto w-full z-10\">\n        <div class=\"mb-6 flex items-center gap-4\">\n            <span class=\"h-[1px] w-16 bg-adcom-taupe\"><\/span>\n            <span class=\"text-adcom-taupe uppercase tracking-[0.3em] text-xs font-semibold font-sans\">\u00c9tudiant &#038; Entrepreneur<\/span>\n        <\/div>\n\n        <h1 class=\"font-display font-medium italic text-[14vw] leading-[0.85] tracking-tight text-white\">\n            <div class=\"not-italic\">ELIOT<\/div>\n            <span class=\"text-outline block hover:text-white transition-colors duration-700 cursor-default\">OFFREDO<\/span>\n        <\/h1>\n\n        <div class=\"grid md:grid-cols-12 gap-8 mt-16 md:mt-24 items-end\">\n            <div class=\"md:col-span-6 text-lg md:text-xl font-light text-gray-400 leading-relaxed font-sans\">\n                <p>Je ne suis pas une agence. Je suis un \u00e9tudiant passionn\u00e9 en qu\u00eate de projet.<\/p>\n            <\/div>\n            <div class=\"md:col-span-6 flex justify-start md:justify-end gap-4\">\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"px-8 py-4 bg-adcom-taupe text-adcom-dark font-bold font-sans uppercase tracking-widest text-sm hover:bg-white transition-colors duration-300\">\n                    Collaborer\n                <\/a>\n                <a href=\"https:\/\/www.linkedin.com\/in\/eliot-offredo\/\" target=\"_blank\" class=\"px-8 py-4 border border-white\/10 hover:border-adcom-taupe\/50 text-white font-sans uppercase tracking-widest text-sm transition-colors duration-300\">\n                    LinkedIn\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: { sans: ['Poppins', 'sans-serif'], display: ['DM Serif Display', 'serif'] },\n                colors: { adcom: { dark: '#222222', taupe: '#b0a89c' } },\n                animation: { 'marquee': 'marquee 30s linear infinite' },\n                keyframes: { marquee: { '0%': { transform: 'translateX(0%)' }, '100%': { transform: 'translateX(-100%)' } } }\n            }\n        }\n    }\n<\/script>\n<style>\n    .text-stroke-dark { -webkit-text-stroke: 1px #222222; }\n<\/style>\n\n<div class=\"py-10 bg-adcom-taupe -rotate-1 scale-105 border-y border-adcom-dark overflow-hidden relative z-20\">\n    <div class=\"flex whitespace-nowrap animate-marquee items-center\">\n        <span class=\"text-5xl font-display italic text-adcom-dark mx-8\">NO BULLSHIT<\/span>\n        <div class=\"w-4 h-4 rounded-full bg-adcom-dark mx-4\"><\/div>\n        <span class=\"text-5xl font-display italic text-transparent stroke-adcom-dark mx-8 text-stroke-dark\">STRAT\u00c9GIE<\/span>\n        <div class=\"w-4 h-4 rounded-full border border-adcom-dark mx-4\"><\/div>\n        <span class=\"text-5xl font-display italic text-adcom-dark mx-8\">RESULTATS<\/span>\n        <div class=\"w-4 h-4 rounded-full bg-adcom-dark mx-4\"><\/div>\n        <span class=\"text-5xl font-display italic text-transparent stroke-adcom-dark mx-8 text-stroke-dark\">DIGITAL<\/span>\n        <div class=\"w-4 h-4 rounded-full border border-adcom-dark mx-4\"><\/div>\n        \n        <span class=\"text-5xl font-display italic text-adcom-dark mx-8\">NO BULLSHIT<\/span>\n        <div class=\"w-4 h-4 rounded-full bg-adcom-dark mx-4\"><\/div>\n        <span class=\"text-5xl font-display italic text-transparent stroke-adcom-dark mx-8 text-stroke-dark\">STRAT\u00c9GIE<\/span>\n        <div class=\"w-4 h-4 rounded-full border border-adcom-dark mx-4\"><\/div>\n        <span class=\"text-5xl font-display italic text-adcom-dark mx-8\">RESULTATS<\/span>\n    <\/div>\n<\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: { sans: ['Poppins', 'sans-serif'], display: ['DM Serif Display', 'serif'] },\n                colors: { adcom: { dark: '#222222', taupe: '#b0a89c', soft: '#444444' } }\n            }\n        }\n    }\n<\/script>\n<style>\n    \/* Indispensable pour l'effet d'empilement *\/\n    .card-stack-item { position: sticky; top: 15vh; margin-bottom: 10vh; box-shadow: 0 -10px 40px rgba(0,0,0,0.3); }\n<\/style>\n\n<section class=\"py-32 px-4 md:px-10 relative\">\n    <div class=\"max-w-5xl mx-auto\">\n        <div class=\"mb-24 text-center md:text-left\">\n            <span class=\"text-adcom-taupe font-sans text-xs tracking-[0.2em] uppercase mb-2 block\">Parcours &#038; Exp\u00e9riences<\/span>\n            <h2 class=\"font-display italic text-5xl md:text-7xl text-white\">MA CARRI\u00c8RE<\/h2>\n        <\/div>\n\n        <div class=\"card-stack-item bg-adcom-dark border border-white\/5 p-8 md:p-12 rounded-sm flex flex-col md:flex-row gap-10 items-start group\">\n            <div class=\"w-full md:w-1\/3 relative\">\n                <span class=\"text-9xl font-display italic text-white\/5 absolute -top-8 -left-6 z-0 group-hover:text-adcom-taupe\/10 transition-colors duration-500\">01<\/span>\n                <div class=\"relative z-10 text-adcom-taupe mb-4\"><i data-lucide=\"clapperboard\" class=\"w-10 h-10\"><\/i><\/div>\n                <h3 class=\"text-3xl font-display text-white relative z-10\">R\u00e9gie &#038; Production<\/h3>\n                <p class=\"text-gray-500 font-sans text-xs mt-2 uppercase tracking-wide relative z-10\">TelS\u00e8te &#038; Capa Drama<\/p>\n            <\/div>\n            <div class=\"w-full md:w-2\/3 border-l border-white\/10 pl-0 md:pl-10 pt-4 md:pt-0\">\n                <p class=\"text-lg text-gray-300 leading-relaxed font-sans font-light\">\n                    De la gestion logistique sur <em>Demain Nous Appartient<\/em> au management de figurants sur <em>ASKIP<\/em>. Une \u00e9cole de la rigueur, de l&rsquo;impr\u00e9vu et de l&rsquo;organisation millim\u00e9tr\u00e9e.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"card-stack-item bg-[#262626] border border-white\/5 p-8 md:p-12 rounded-sm flex flex-col md:flex-row gap-10 items-start group\">\n            <div class=\"w-full md:w-1\/3 relative\">\n                 <span class=\"text-9xl font-display italic text-white\/5 absolute -top-8 -left-6 z-0 group-hover:text-adcom-taupe\/10 transition-colors duration-500\">02<\/span>\n                <div class=\"relative z-10 text-adcom-taupe mb-4\"><i data-lucide=\"briefcase\" class=\"w-10 h-10\"><\/i><\/div>\n                <h3 class=\"text-3xl font-display text-white relative z-10\">Business Dev<\/h3>\n                <p class=\"text-gray-500 font-sans text-xs mt-2 uppercase tracking-wide relative z-10\">JobMe<\/p>\n            <\/div>\n            <div class=\"w-full md:w-2\/3 border-l border-white\/10 pl-0 md:pl-10 pt-4 md:pt-0\">\n                <p class=\"text-lg text-gray-300 leading-relaxed font-sans font-light\">\n                    Chasse de t\u00eates et d\u00e9veloppement de portefeuille clients B2B. Cr\u00e9ation de processus de prospection et suivi commercial \u00e0 l&rsquo;\u00e9chelle nationale.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"card-stack-item bg-[#2a2a2a] border border-white\/5 p-8 md:p-12 rounded-sm flex flex-col md:flex-row gap-10 items-start group\">\n            <div class=\"w-full md:w-1\/3 relative\">\n                 <span class=\"text-9xl font-display italic text-white\/5 absolute -top-8 -left-6 z-0 group-hover:text-adcom-taupe\/10 transition-colors duration-500\">03<\/span>\n                <div class=\"relative z-10 text-adcom-taupe mb-4\"><i data-lucide=\"anchor\" class=\"w-10 h-10\"><\/i><\/div>\n                <h3 class=\"text-3xl font-display text-white relative z-10\">Strat\u00e9gie Commerciale dans la Mar\u00e9e<\/h3>\n                <p class=\"text-gray-500 font-sans text-xs mt-2 uppercase tracking-wide relative z-10\">P\u00eacherie Cettoise<\/p>\n            <\/div>\n            <div class=\"w-full md:w-2\/3 border-l border-white\/10 pl-0 md:pl-10 pt-4 md:pt-0\">\n                <p class=\"text-lg text-gray-300 leading-relaxed font-sans font-light\">\n                    N\u00e9gociation terrain (grossiste) et pilotage strat\u00e9gique (Salons SIPRHO, Community Management, cr\u00e9ation d&rsquo;identit\u00e9 visuelle et gestion des stocks).\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"card-stack-item bg-[#2e2e2e] border border-white\/5 p-8 md:p-12 rounded-sm flex flex-col md:flex-row gap-10 items-start group\">\n            <div class=\"w-full md:w-1\/3 relative\">\n                 <span class=\"text-9xl font-display italic text-white\/5 absolute -top-8 -left-6 z-0 group-hover:text-adcom-taupe\/10 transition-colors duration-500\">04<\/span>\n                <div class=\"relative z-10 text-adcom-taupe mb-4\"><i data-lucide=\"layers\" class=\"w-10 h-10\"><\/i><\/div>\n                <h3 class=\"text-3xl font-display text-white relative z-10\">Responsable Marketing<\/h3>\n                <p class=\"text-gray-500 font-sans text-xs mt-2 uppercase tracking-wide relative z-10\">LEXPO Carrelage et Bain<\/p>\n            <\/div>\n            <div class=\"w-full md:w-2\/3 border-l border-white\/10 pl-0 md:pl-10 pt-4 md:pt-0\">\n                <p class=\"text-lg text-gray-300 leading-relaxed font-sans font-light\">\n                    Pilotage complet du d\u00e9veloppement commercial et de la strat\u00e9gie marketing. Gestion de l&rsquo;image de marque et vente technique en showroom.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"card-stack-item bg-white text-adcom-dark border border-white\/5 p-8 md:p-12 rounded-sm flex flex-col md:flex-row gap-10 items-start group\">\n            <div class=\"w-full md:w-1\/3 relative\">\n                 <span class=\"text-9xl font-display italic text-adcom-dark\/5 absolute -top-8 -left-6 z-0 group-hover:text-adcom-taupe\/20 transition-colors duration-500\">05<\/span>\n                <div class=\"relative z-10 text-adcom-dark mb-4\"><i data-lucide=\"trending-up\" class=\"w-10 h-10\"><\/i><\/div>\n                <h3 class=\"text-3xl font-display relative z-10\">Aujourd&rsquo;hui<\/h3>\n                <p class=\"text-adcom-soft font-sans text-xs mt-2 uppercase tracking-wide relative z-10\">Freelance &#038; \u00c9tudiant<\/p>\n            <\/div>\n            <div class=\"w-full md:w-2\/3 border-l border-adcom-dark\/10 pl-0 md:pl-10 pt-4 md:pt-0\">\n                <p class=\"text-lg text-adcom-soft leading-relaxed font-sans\">\n                    Je combine la vision strat\u00e9gique de mon Master avec la r\u00e9alit\u00e9 du terrain pour propulser vos projets.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <script>lucide.createIcons();<\/script>\n<\/section>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: { sans: ['Poppins', 'sans-serif'], display: ['DM Serif Display', 'serif'] },\n                colors: { adcom: { dark: '#222222', taupe: '#b0a89c', soft: '#444444' } }\n            }\n        }\n    }\n<\/script>\n\n<section class=\"py-32 px-6 bg-adcom-dark text-white border-t border-white\/5\">\n    <div class=\"max-w-7xl mx-auto\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[1px] bg-white\/10 border border-white\/10\">\n            \n            <div class=\"bg-adcom-dark p-12 h-full hover:bg-[#252525] transition-all group duration-500 flex flex-col justify-between\">\n                <div>\n                    <i data-lucide=\"graduation-cap\" class=\"w-8 h-8 mb-8 text-adcom-taupe\"><\/i>\n                    <h3 class=\"text-3xl font-display italic mb-6\">Le Bagage<\/h3>\n                    <p class=\"text-gray-400 leading-relaxed mb-4 font-sans font-light text-sm\">\n                        Actuellement en Master Ing\u00e9nierie d&rsquo;Affaires.\n                    <\/p>\n                    <p class=\"text-gray-400 leading-relaxed mb-8 font-sans font-light text-sm\">\n                       J&rsquo;ai obtenu un Bachelor Marketing &#038; Business ainsi qu&rsquo;un Bachelor en Gestion Financi\u00e8re. Mon parcours a d\u00e9but\u00e9 par l&rsquo;obtention d&rsquo;un BTS NDRC.\n                    <\/p>\n                <\/div>\n                <div class=\"w-12 h-[2px] bg-adcom-taupe mb-6 group-hover:w-full transition-all duration-500\"><\/div>\n            <\/div>\n\n            <div class=\"bg-adcom-dark p-12 h-full hover:bg-[#252525] transition-all group duration-500 flex flex-col justify-between\">\n                <div>\n                    <i data-lucide=\"dumbbell\" class=\"w-8 h-8 mb-8 text-adcom-taupe\"><\/i>\n                    <h3 class=\"text-3xl font-display italic mb-6\">Le Mental<\/h3>\n                    <p class=\"text-gray-400 leading-relaxed mb-4 font-sans font-light text-sm\">\n                       Rythm\u00e9 par l&rsquo;exigence du CrossFit et de l&rsquo;athl\u00e9tisme.\n                    <\/p>\n                    <p class=\"text-gray-400 leading-relaxed mb-8 font-sans font-light text-sm\">\n                       Cette discipline, je l&rsquo;ai transmise en tant que coach b\u00e9n\u00e9vole en athl\u00e9tisme (enfants &#038; handisport). Une exp\u00e9rience humaine qui m&rsquo;a appris la p\u00e9dagogie, l&rsquo;\u00e9coute et l&rsquo;art de s&rsquo;adapter \u00e0 chaque individu.\n                    <\/p>\n                <\/div>\n                <div class=\"w-12 h-[2px] bg-adcom-taupe mb-6 group-hover:w-full transition-all duration-500\"><\/div>\n            <\/div>\n\n            <div class=\"bg-adcom-dark p-12 h-full hover:bg-[#252525] transition-all group duration-500 lg:col-span-1 md:col-span-2 flex flex-col justify-between\">\n                <div>\n                    <i data-lucide=\"fingerprint\" class=\"w-8 h-8 mb-8 text-adcom-taupe\"><\/i>\n                    <h3 class=\"text-3xl font-display italic mb-6\">L&rsquo;Humain<\/h3>\n                    <p class=\"text-gray-400 leading-relaxed mb-4 font-sans font-light text-sm\">\n                       Une ouverture d&rsquo;esprit forg\u00e9e par les voyages (USA, \u00c9mirats, Maroc&#8230;) et une grande capacit\u00e9 d&rsquo;adaptation.\n                    <\/p>\n                    <p class=\"text-gray-400 leading-relaxed mb-8 font-sans font-light text-sm\">\n                        Je privil\u00e9gie l&rsquo;\u00e9coute active et le relationnel direct. Pas de jargon inutile, juste des \u00e9changes constructifs et transparents.\n                    <\/p>\n                <\/div>\n                <div class=\"w-12 h-[2px] bg-adcom-taupe mb-6 group-hover:w-full transition-all duration-500\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <script>lucide.createIcons();<\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9tudiant &#038; Entrepreneur ELIOT OFFREDO Je ne suis pas une agence. Je suis un \u00e9tudiant passionn\u00e9 en qu\u00eate de projet. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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-584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":48,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/584\/revisions"}],"predecessor-version":[{"id":794,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/584\/revisions\/794"}],"wp:attachment":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/media?parent=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}