{"id":708,"date":"2025-11-27T10:54:07","date_gmt":"2025-11-27T08:54:07","guid":{"rendered":"https:\/\/adcommarketing.com\/?page_id=708"},"modified":"2025-11-27T23:10:13","modified_gmt":"2025-11-27T21:10:13","slug":"acceuil-test","status":"publish","type":"page","link":"https:\/\/adcommarketing.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- STYLE HERO ISOL\u00c9 --- *\/\n    .hero-wrapper {\n        \/* Variables locales *\/\n        --color-taupe: #b0a89c;\n        --color-dark: #222222;\n        --color-soft: #444444;\n        --bg-glass: rgba(255, 255, 255, 0.4);\n        --radius-card: 30px;\n        --radius-pill: 999px;\n        \n        font-family: 'Poppins', sans-serif;\n        color: var(--color-dark);\n        line-height: 1.5;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .hero-wrapper * { box-sizing: border-box; }\n\n    \/* Le conteneur principal *\/\n    .hero-section {\n        min-height: 80vh; \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 60px 20px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* La carte effet verre *\/\n    .hero-card {\n        background-color: var(--bg-glass);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        \n        border-radius: var(--radius-card);\n        max-width: 1000px;\n        width: 100%;\n        padding: 60px 40px;\n        \n        border: 1px solid rgba(176, 168, 156, 0.5);\n        box-shadow: 0 20px 50px -10px rgba(34, 34, 34, 0.05);\n    }\n\n    .hero-card h1 {\n        font-family: 'DM Serif Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        line-height: 1.15;\n        margin-top: 0;\n        margin-bottom: 24px;\n        font-weight: 400;\n        color: var(--color-dark);\n    }\n\n    .hero-card p {\n        font-size: 1.125rem;\n        color: var(--color-soft);\n        max-width: 600px;\n        margin: 0 auto 40px auto;\n    }\n\n    \/* Boutons *\/\n    .btn-group {\n        display: flex;\n        gap: 20px;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 16px 36px;\n        border-radius: var(--radius-pill);\n        text-decoration: none;\n        font-weight: 500;\n        font-size: 1rem;\n        transition: 0.3s;\n        font-family: 'Poppins', sans-serif;\n    }\n\n    .btn-primary {\n        background-color: var(--color-taupe);\n        color: #ffffff;\n        border: 1px solid var(--color-taupe);\n        box-shadow: 0 4px 15px rgba(176, 168, 156, 0.4);\n    }\n    \n    .btn-primary:hover {\n        background-color: var(--color-dark);\n        border-color: var(--color-dark);\n        transform: translateY(-2px);\n    }\n\n    .btn-secondary {\n        background-color: transparent;\n        color: var(--color-dark);\n        border: 2px solid var(--color-taupe);\n    }\n\n    .btn-secondary:hover {\n        background-color: var(--color-taupe);\n        color: #ffffff;\n        transform: translateY(-2px);\n    }\n\n    \/* Animation Fade Up *\/\n    .fade-up {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n    }\n    \n    .fade-up.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n        .hero-card { padding: 40px 25px; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n    <section class=\"hero-section fade-up\">\n        <div class=\"hero-card\">\n            <h1>Fais briller ton activit\u00e9 gr\u00e2ce \u00e0 une communication digitale claire, moderne et performante.<\/h1>\n            <p>Identit\u00e9 visuelle, site web, r\u00e9seaux sociaux et campagnes Google Ads : AdCom t\u2019aide \u00e0 \u00eatre vu, reconnu et choisi.<\/p>\n\n            <div class=\"btn-group\">\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/mes-realisations\/\" class=\"btn btn-secondary\">Mes r\u00e9alisations<\/a>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"btn btn-primary\">Demande un devis, c\u2019est gratuit !<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    const elements = document.querySelectorAll(\".fade-up\");\n    const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n            if(entry.isIntersecting){ \n                setTimeout(() => {\n                    entry.target.classList.add(\"visible\"); \n                }, 100);\n            }\n        });\n    }, { threshold: 0.1 });\n    elements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n<div style=\"height:3px; border-bottom: 5px solid #b0a89c; width:180px; margin:auto; margin-bottom:3px;\"><\/div>\n\n\n\n<style>\n    \/* --- STYLE ISOL\u00c9 --- *\/\n    .adcom-wrapper {\n        --color-taupe: #b0a89c;\n        --color-dark: #222222;\n        --color-text-soft: #444444;\n        --radius-card: 30px;\n        font-family: 'Poppins', sans-serif;\n        color: var(--color-dark);\n        line-height: 1.5;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    \n    .adcom-wrapper *, .adcom-wrapper *::before, .adcom-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    .adcom-section {\n        padding: 80px 20px;\n        width: 100%;\n    }\n\n    .adcom-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 60px;\n    }\n\n    .adcom-text-col { flex: 1; min-width: 300px; }\n    \n    .adcom-divider {\n        width: 60px; height: 4px; background-color: var(--color-taupe);\n        margin-bottom: 25px; border-radius: 2px;\n    }\n\n    .adcom-tag {\n        display: block; font-size: 0.85rem; font-weight: 600;\n        color: var(--color-taupe); letter-spacing: 2px;\n        text-transform: uppercase; margin-bottom: 10px;\n    }\n\n    .adcom-text-col h2 {\n        font-family: 'DM Serif Display', serif;\n        font-size: clamp(2.5rem, 5vw, 3.5rem);\n        line-height: 1.15; font-weight: 400; margin-top: 0; margin-bottom: 40px;\n        color: var(--color-taupe);\n    }\n\n    .adcom-features { list-style: none; padding: 0; margin: 0; }\n    \n    .adcom-features li {\n        display: flex; align-items: center; margin-bottom: 20px;\n        font-weight: 500; font-size: 1.1rem; color: var(--color-taupe);\n    }\n\n    .adcom-check-icon {\n        width: 24px; height: 24px; margin-right: 15px; flex-shrink: 0;\n        stroke: var(--color-taupe); stroke-width: 2.5;\n    }\n\n    .adcom-card-col { flex: 1; min-width: 320px; }\n\n    .adcom-card {\n        background-color: rgba(255, 255, 255, 0.4);\n        backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n        padding: 50px 40px; border-radius: var(--radius-card);\n        border: 2px solid var(--color-taupe);\n        box-shadow: 0 20px 50px -10px rgba(34, 34, 34, 0.05);\n    }\n\n    .adcom-card-header {\n        margin-bottom: 30px; border-bottom: 1px solid rgba(176, 168, 156, 0.2);\n        padding-bottom: 20px;\n    }\n\n    .adcom-card-title {\n        font-family: 'DM Serif Display', serif; font-size: 2rem;\n        line-height: 1.2; margin: 0; color: var(--color-dark);\n    }\n\n    .adcom-steps { display: flex; flex-direction: column; gap: 30px; }\n    .adcom-step { display: flex; gap: 20px; }\n    \n    .adcom-step-number {\n        font-family: 'DM Serif Display', serif; color: var(--color-taupe);\n        font-size: 1.5rem; line-height: 1; margin-top: 4px;\n    }\n\n    .adcom-step-content h4 {\n        margin: 0 0 5px 0; font-size: 1.1rem; font-weight: 600;\n        color: var(--color-dark); letter-spacing: 0.5px;\n    }\n    \n    .adcom-step-content p {\n        margin: 0; font-size: 0.95rem; color: var(--color-text-soft);\n        font-weight: 400; line-height: 1.5;\n    }\n\n    \/* Animation *\/\n    .fade-in-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }\n    .fade-in-up.visible { opacity: 1; transform: translateY(0); }\n\n    @media (max-width: 768px) {\n        .adcom-container { gap: 40px; flex-direction: column; }\n        .adcom-text-col, .adcom-card-col { width: 100%; }\n        .adcom-text-col h2 { font-size: 2.2rem; text-align: center; }\n        .adcom-divider { margin: 0 auto 25px auto; }\n        .adcom-tag { text-align: center; }\n        .adcom-features li { justify-content: center; }\n        .adcom-card { padding: 30px 25px; }\n    }\n<\/style>\n\n<div class=\"adcom-wrapper\">\n    <div class=\"adcom-section fade-in-up\">\n        <div class=\"adcom-container\">\n            <div class=\"adcom-text-col\">\n                <div class=\"adcom-divider\"><\/div>\n                <span class=\"adcom-tag\">POURQUOI ADCOM ?<\/span>\n                <h2>\u00ab\u00a0Tu me contactes, je m&rsquo;occupe de tout.\u00a0\u00bb<\/h2>\n                <ul class=\"adcom-features\">\n                    <li><svg class=\"adcom-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>Approche sur-mesure<\/li>\n                    <li><svg class=\"adcom-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>Transparence totale sur les co\u00fbts<\/li>\n                    <li><svg class=\"adcom-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>Interlocuteur unique (moi)<\/li>\n                    <li><svg class=\"adcom-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>Fini les abonnements cach\u00e9s<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"adcom-card-col\">\n                <div class=\"adcom-card\">\n                    <div class=\"adcom-card-header\"><h3 class=\"adcom-card-title\">Le Process AdCom<\/h3><\/div>\n                    <div class=\"adcom-steps\">\n                        <div class=\"adcom-step\"><div class=\"adcom-step-number\">01<\/div><div class=\"adcom-step-content\"><h4>Audit Gratuit<\/h4><p>On regarde ce qui va (et ce qui ne va pas).<\/p><\/div><\/div>\n                        <div class=\"adcom-step\"><div class=\"adcom-step-number\">02<\/div><div class=\"adcom-step-content\"><h4>Action Imm\u00e9diate<\/h4><p>Mise en ligne du site ou lancement des pubs.<\/p><\/div><\/div>\n                        <div class=\"adcom-step\"><div class=\"adcom-step-number\">03<\/div><div class=\"adcom-step-content\"><h4>Optimisation<\/h4><p>On analyse les retours et on am\u00e9liore le ROI.<\/p><\/div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    const elements = document.querySelectorAll(\".fade-in-up\");\n    const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n            if(entry.isIntersecting){ setTimeout(() => { entry.target.classList.add(\"visible\"); }, 100); }\n        });\n    }, { threshold: 0.1 });\n    elements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section Services &#8211; iOS 26 Dark<\/title>\n    \n    <style>\n        \/* --- IMPORTS & VARIABLES --- *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&display=swap');\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\n\n        :root {\n            \/* Palette conserv\u00e9e *\/\n            --beige: #b0a89c;\n            --noir: #222222;\n            --blanc: #ffffff;\n            \n            \/* Variables iOS 26 Dark *\/\n            --glass-surface: rgba(30, 30, 30, 0.5); \/* Surface verre sombre *\/\n            --glass-border: rgba(176, 168, 156, 0.15); \/* Bordure beige tr\u00e8s subtile *\/\n            --glass-highlight: rgba(255, 255, 255, 0.05); \/* Reflet haut *\/\n            --blur-strength: 40px;\n            --radius-hyper: 42px;\n            --radius-pill: 999px;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: transparent; \/* Fond transparent demand\u00e9 *\/\n            color: var(--blanc);\n            overflow-x: hidden;\n        }\n\n        \/* --- 2. WRAPPER PRINCIPAL --- *\/\n        .services-section-wrapper {\n            position: relative;\n            z-index: 1;\n            width: 100%;\n            padding: 80px 20px; \n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n        }\n\n        .services-container {\n            max-width: 1400px; \/* \u00c9largi pour faire tenir les 4 cartes *\/\n            width: 100%;\n        }\n\n        \/* --- 3. HEADER (Typo Spatiale) --- *\/\n        .services-intro {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n        }\n\n        .services-intro h2 {\n            font-family: 'DM Serif Display', serif;\n            font-size: clamp(3rem, 6vw, 5rem); \n            margin-bottom: 24px;\n            font-weight: 400;\n            line-height: 1.1;\n            \n            \/* MODIFICATION : Couleur beige unie au lieu du d\u00e9grad\u00e9 *\/\n            color: var(--beige);\n            \n            letter-spacing: -0.02em;\n        }\n\n        .services-intro p {\n            font-size: 1.2rem;\n            color: rgba(255, 255, 255, 0.7);\n            max-width: 600px;\n            margin: 0 auto;\n            font-weight: 300;\n            letter-spacing: 0.5px;\n        }\n\n        \/* --- 4. GRID BENTO --- *\/\n        .services-cards-grid {\n            display: grid;\n            \/* Force 4 colonnes de taille \u00e9gale *\/\n            grid-template-columns: repeat(4, 1fr); \n            gap: 20px;\n        }\n\n        \/* --- 5. CARTE \"DARK GLASS\" --- *\/\n        .service-card {\n            \/* Effet Verre Sombre *\/\n            background: var(--glass-surface);\n            backdrop-filter: blur(var(--blur-strength));\n            -webkit-backdrop-filter: blur(var(--blur-strength));\n            border: 1px solid var(--glass-border);\n            border-top: 1px solid rgba(255, 255, 255, 0.1); \n            \n            padding: 30px; \/* Padding l\u00e9g\u00e8rement r\u00e9duit pour que tout rentre *\/\n            border-radius: 30px; \/* Un peu moins arrondi pour gagner de la place *\/\n            \n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-height: 400px;\n            \n            transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n            cursor: default;\n            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.3);\n        }\n\n        \/* Effet de lueur interne au survol *\/\n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(176, 168, 156, 0.06), transparent 40%);\n            opacity: 0;\n            transition: opacity 0.5s;\n            pointer-events: none;\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            border-color: rgba(176, 168, 156, 0.4);\n            box-shadow: 0 40px 80px -20px rgba(0,0,0,0.5);\n            background: rgba(40, 40, 40, 0.6);\n        }\n        \n        .service-card:hover::before { opacity: 1; }\n\n        \/* HEADER CARTE *\/\n        .card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 24px;\n        }\n\n        .service-number {\n            font-family: 'DM Serif Display', serif;\n            font-size: 2rem;\n            color: var(--beige);\n            opacity: 0.2; \n            line-height: 1;\n        }\n\n        .icon-box {\n            width: 50px;\n            height: 50px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 16px; \n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            transition: 0.3s;\n        }\n\n        .service-icon {\n            width: 24px;\n            height: 24px;\n        }\n        .service-icon path { fill: var(--beige); }\n\n        .service-card:hover .icon-box {\n            background: var(--beige);\n            transform: rotate(-5deg);\n        }\n        .service-card:hover .service-icon path { fill: var(--noir); }\n\n        \/* TEXTES *\/\n        .service-card h3 {\n            font-family: 'DM Serif Display', serif;\n            font-size: 1.5rem; \/* Ajust\u00e9 pour tenir sur une ligne *\/\n            color: var(--blanc);\n            margin-bottom: 12px;\n            font-weight: 400;\n            line-height: 1.2;\n        }\n\n        .service-card p {\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.6);\n            line-height: 1.5;\n            margin-bottom: 20px;\n        }\n\n        \/* BOUTON CAPSULE *\/\n        .service-cta {\n            align-self: flex-start;\n            padding: 10px 20px;\n            border-radius: var(--radius-pill);\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(176, 168, 156, 0.3);\n            color: var(--beige);\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.85rem;\n            letter-spacing: 0.5px;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            margin-top: auto;\n        }\n\n        .service-cta span { margin-left: 8px; transition: 0.3s; }\n\n        .service-card:hover .service-cta {\n            background: var(--beige);\n            color: var(--noir);\n            border-color: var(--beige);\n        }\n        .service-card:hover .service-cta span { transform: translateX(4px); }\n\n        \/* Responsive : On empile quand m\u00eame sur mobile pour \u00e9viter que ce soit illisible *\/\n        @media (max-width: 1024px) {\n            .services-cards-grid {\n                grid-template-columns: repeat(2, 1fr); \/* 2 par ligne sur tablette *\/\n            }\n        }\n\n        @media (max-width: 768px) {\n            .services-cards-grid {\n                grid-template-columns: 1fr; \/* 1 par ligne sur mobile *\/\n            }\n            .services-intro h2 { font-size: 3rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"services-section-wrapper\">\n        <div class=\"services-container\">\n            \n            <div class=\"services-intro\">\n                <h2>Mes Expertises<\/h2>\n                <p>Une approche \u00e0 360\u00b0 pour construire et propulser votre image.<\/p>\n            <\/div>\n\n            <div class=\"services-cards-grid\">\n                \n                <div class=\"service-card\">\n                    <div class=\"card-header\">\n                        <div class=\"icon-box\">\n                            <svg class=\"service-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"service-number\">01<\/div>\n                    <\/div>\n                    <h3>Identit\u00e9 visuelle<\/h3>\n                    <p>Logo, charte et univers graphique sur-mesure pour une marque reconnaissable et premium d\u00e8s le premier regard.<\/p>\n                    <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"service-cta\">Me contacter <span>&rarr;<\/span><\/a>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"card-header\">\n                        <div class=\"icon-box\">\n                            <svg class=\"service-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"service-number\">02<\/div>\n                    <\/div>\n                    <h3>Cr\u00e9ation de site<\/h3>\n                    <p>Sites modernes, rapides et optimis\u00e9s pour le r\u00e9f\u00e9rencement. Une vitrine digitale pens\u00e9e pour convertir.<\/p>\n                    <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"service-cta\">Me contacter <span>&rarr;<\/span><\/a>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"card-header\">\n                        <div class=\"icon-box\">\n                            <svg class=\"service-icon\" viewBox=\"0 0 24 24\"><path d=\"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"service-number\">03<\/div>\n                    <\/div>\n                    <h3>R\u00e9seaux sociaux<\/h3>\n                    <p>Strat\u00e9gie, contenu et suivi pour d\u00e9velopper ta notori\u00e9t\u00e9 locale et construire une communaut\u00e9 engag\u00e9e.<\/p>\n                    <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"service-cta\">Me contacter <span>&rarr;<\/span><\/a>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"card-header\">\n                        <div class=\"icon-box\">\n                            <svg class=\"service-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"service-number\">04<\/div>\n                    <\/div>\n                    <h3>Google Ads (SEA)<\/h3>\n                    <p>Campagnes locales, ciblage pr\u00e9cis et optimisation du budget pour un maximum de r\u00e9sultats.<\/p>\n                    <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"service-cta\">Me contacter <span>&rarr;<\/span><\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.querySelectorAll('.service-card').forEach(card => {\n            card.addEventListener('mousemove', e => {\n                const rect = card.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                const y = e.clientY - rect.top;\n                card.style.setProperty('--mouse-x', `${x}px`);\n                card.style.setProperty('--mouse-y', `${y}px`);\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Section Tarifs &#8211; iOS 26 Dark<\/title>\n    \n    <style>\n        \/* --- IMPORTS --- *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&display=swap');\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\n\n        \/* --- VARIABLES --- *\/\n        :root {\n            --beige: #b0a89c;\n            --noir: #222222;\n            --blanc: #ffffff;\n            \n            \/* iOS 26 Dark Glass Theme *\/\n            --glass-bg: rgba(30, 30, 30, 0.5);\n            --glass-featured: rgba(176, 168, 156, 0.15); \/* Fond l\u00e9g\u00e8rement beige pour la carte centrale *\/\n            --glass-border: rgba(176, 168, 156, 0.2);\n            --blur: 40px;\n            --radius-card: 32px;\n            --radius-btn: 999px;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: transparent; \/* Fond transparent pour int\u00e9gration *\/\n            color: var(--blanc);\n            overflow-x: hidden;\n        }\n\n        \/* --- CONTENEUR PRINCIPAL --- *\/\n        .pricing-container-wrapper {\n            width: 100%;\n            padding: 80px 20px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        \/* T\u00caTE DE SECTION *\/\n        .pricing-header {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 700px;\n        }\n\n        .pricing-header h2 {\n            font-family: 'DM Serif Display', serif;\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            margin-bottom: 16px;\n            font-weight: 400;\n            \n            \/* MODIFICATION : Couleur beige unie *\/\n            color: var(--beige);\n        }\n\n        .pricing-header p {\n            font-size: 1.1rem;\n            opacity: 0.7;\n            color: var(--blanc);\n            font-weight: 300;\n        }\n\n        \/* --- GRILLE --- *\/\n        .pricing-grid {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center; \/* Important pour l'effet d'\u00e9chelle de la carte centrale *\/\n            gap: 30px;\n            max-width: 1200px;\n            width: 100%;\n        }\n\n        \/* --- CARTES STANDARDS --- *\/\n        .pricing-card {\n            flex: 1;\n            min-width: 300px;\n            max-width: 360px;\n            \n            \/* Style Glassmorphism *\/\n            background: var(--glass-bg);\n            backdrop-filter: blur(var(--blur));\n            -webkit-backdrop-filter: blur(var(--blur));\n            border: 1px solid var(--glass-border);\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            \n            border-radius: var(--radius-card);\n            padding: 40px 30px;\n            text-align: left;\n            position: relative;\n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n            \n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* --- CARTE FEATURED (CENTRALE) --- *\/\n        .pricing-card.featured {\n            background: rgba(40, 40, 40, 0.8); \/* Plus sombre\/opaque *\/\n            border-color: var(--beige); \/* Bordure beige marqu\u00e9e *\/\n            transform: scale(1.05); \/* Plus grande *\/\n            z-index: 2;\n            box-shadow: 0 20px 60px -10px rgba(176, 168, 156, 0.15); \/* Lueur beige *\/\n        }\n        \n        \/* Petit label \"Populaire\" optionnel sur la carte centrale *\/\n        .pricing-card.featured::after {\n            content: 'Recommand\u00e9';\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            font-size: 0.7rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            background: var(--beige);\n            color: var(--noir);\n            padding: 4px 10px;\n            border-radius: 20px;\n            font-weight: 700;\n        }\n\n        \/* Hover Effects *\/\n        .pricing-card:hover {\n            transform: translateY(-10px);\n            background: rgba(50, 50, 50, 0.7);\n        }\n        .pricing-card.featured:hover {\n            transform: scale(1.05) translateY(-10px);\n        }\n\n        \/* --- CONTENU CARTE --- *\/\n        .pricing-card h3 {\n            font-family: 'DM Serif Display', serif;\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            font-weight: 400;\n            color: var(--blanc);\n        }\n        \n        .pricing-card.featured h3 {\n            color: var(--beige);\n        }\n\n        \/* PRIX *\/\n        .price-box {\n            margin-bottom: 20px;\n            display: flex;\n            align-items: baseline;\n            gap: 5px;\n        }\n\n        .price-box .price {\n            font-family: 'DM Serif Display', serif;\n            font-size: 2.5rem;\n            color: var(--blanc);\n        }\n\n        .price-box .period {\n            font-size: 0.9rem;\n            opacity: 0.6;\n            font-weight: 300;\n        }\n\n        .price-description {\n            margin-bottom: 30px;\n            font-size: 0.95rem;\n            color: rgba(255,255,255,0.7);\n            font-style: italic;\n            min-height: 40px; \/* Aligner les listes *\/\n        }\n\n        \/* LISTE \u00c0 PUCES *\/\n        .features-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 40px 0;\n            flex-grow: 1; \/* Pousse le bouton vers le bas *\/\n        }\n\n        .features-list li {\n            position: relative;\n            padding-left: 25px;\n            margin-bottom: 15px;\n            font-size: 0.95rem;\n            color: rgba(255,255,255,0.9);\n            line-height: 1.4;\n        }\n\n        \/* Coche Beige *\/\n        .features-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 5px;\n            width: 6px;\n            height: 10px;\n            border: solid var(--beige);\n            border-width: 0 2px 2px 0;\n            transform: rotate(45deg);\n        }\n\n        \/* BOUTONS *\/\n        .pricing-btn {\n            display: block;\n            width: 100%;\n            padding: 14px;\n            text-align: center;\n            border-radius: var(--radius-btn);\n            text-decoration: none;\n            font-weight: 600;\n            text-transform: uppercase;\n            font-size: 0.85rem;\n            letter-spacing: 1px;\n            transition: all 0.3s ease;\n            margin-top: auto;\n        }\n\n        \/* Bouton Carte Standard : Contour Beige *\/\n        .pricing-card .pricing-btn {\n            background: transparent;\n            border: 1px solid var(--glass-border);\n            color: var(--beige);\n        }\n        .pricing-card .pricing-btn:hover {\n            background: var(--beige);\n            color: var(--noir);\n        }\n\n        \/* Bouton Carte Featured : Plein Beige *\/\n        .pricing-card.featured .pricing-btn {\n            background: var(--beige);\n            border: 1px solid var(--beige);\n            color: var(--noir);\n            box-shadow: 0 5px 20px rgba(176, 168, 156, 0.3);\n        }\n        .pricing-card.featured .pricing-btn:hover {\n            background: var(--blanc);\n            border-color: var(--blanc);\n            transform: scale(1.02);\n        }\n\n        .footer-note {\n            margin-top: 50px;\n            font-size: 0.85rem;\n            opacity: 0.5;\n            text-align: center;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 900px) {\n            .pricing-grid { flex-direction: column; }\n            .pricing-card { width: 100%; max-width: 100%; }\n            .pricing-card.featured { transform: scale(1); order: -1; } \/* Featured en premier sur mobile *\/\n            .pricing-card.featured:hover { transform: translateY(-5px); }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"pricing-container-wrapper\">\n        <div class=\"pricing-header\">\n            <h2>Investissement Clair<\/h2>\n            <p>Pas de devis \u00e0 rallonge. Des forfaits adapt\u00e9s aux ind\u00e9pendants.<\/p>\n        <\/div>\n\n        <div class=\"pricing-grid\">\n            \n            <div class=\"pricing-card\">\n                <h3>Google Ads<\/h3>\n                <div class=\"price-box\">\n                    <span class=\"price\">d\u00e8s 99\u20ac<\/span> <span class=\"period\">\/mois<\/span>\n                <\/div>\n                <p class=\"price-description\">Gestion compl\u00e8te de tes campagnes publicitaires.<\/p>\n                <ul class=\"features-list\">\n                    <li>Cr\u00e9ation des annonces<\/li>\n                    <li>Ciblage g\u00e9ographique pr\u00e9cis<\/li>\n                    <li>Suivi des appels\/devis<\/li>\n                    <li>Rapport mensuel simple<\/li>\n                <\/ul>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"pricing-btn\">Choisir<\/a>\n            <\/div>\n\n            <div class=\"pricing-card featured\">\n                <h3>Site Vitrine<\/h3>\n                <div class=\"price-box\">\n                    <span class=\"price\">d\u00e8s 1 050\u20ac<\/span> <span class=\"period\">(One Shot)<\/span>\n                <\/div>\n                <p class=\"price-description\">Ta pr\u00e9sence professionnelle en ligne cl\u00e9 en main.<\/p>\n                <ul class=\"features-list\">\n                    <li>Design Premium unique<\/li>\n                    <li>Optimis\u00e9 Mobile &#038; SEO<\/li>\n                    <li>Formulaire de contact<\/li>\n                    <li>Formation prise en main incluse<\/li>\n                <\/ul>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"pricing-btn\">Choisir<\/a>\n            <\/div>\n\n            <div class=\"pricing-card\">\n                <h3>Pack Local<\/h3>\n                <div class=\"price-box\">\n                    <span class=\"price\">240\u20ac<\/span> <span class=\"period\">+ 49\u20ac\/mois<\/span>\n                <\/div>\n                <p class=\"price-description\">Domine ta zone g\u00e9ographique.<\/p>\n                <ul class=\"features-list\">\n                    <li>Optimisation Google Business<\/li>\n                    <li>Gestion des avis clients<\/li>\n                    <li>Posts mensuels<\/li>\n                    <li>Photos pros incluses<\/li>\n                <\/ul>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"pricing-btn\">Choisir<\/a>\n            <\/div>\n\n        <\/div>\n\n        <p class=\"footer-note\">Tarifs indicatifs HT. Devis personnalis\u00e9 sur demande.<\/p>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Portfolio \u00c9ditorial &#8211; iOS 26<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&#038;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- VARIABLES --- *\/\n        :root {\n            --beige: #b0a89c;\n            --noir: #222222;\n            --blanc: #ffffff;\n            \n            \/* Glass System *\/\n            --glass-bg: rgba(20, 20, 20, 0.6); \/* Fond tr\u00e8s sombre mais transparent *\/\n            --glass-border: rgba(176, 168, 156, 0.2);\n            --blur: 30px;\n            --radius: 32px;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: transparent; \n            color: var(--blanc);\n            overflow-x: hidden;\n        }\n\n        .portfolio-section {\n            padding: 100px 20px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* HEADER *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 100px;\n        }\n        \n        .section-header h2 {\n            font-family: 'DM Serif Display', serif;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            margin: 0 0 20px 0;\n            color: var(--beige);\n        }\n\n        .section-header p {\n            font-size: 1.1rem;\n            color: rgba(255,255,255,0.7);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* --- PROJET ROW (L'\u00e9l\u00e9ment cl\u00e9) --- *\/\n        .project-row {\n            display: flex;\n            align-items: center;\n            margin-bottom: 120px; \/* Espace entre les projets *\/\n            position: relative;\n        }\n\n        \/* L'IMAGE *\/\n        .project-visual {\n            flex: 0 0 65%; \/* Prend 65% de la largeur *\/\n            height: 500px;\n            border-radius: var(--radius);\n            overflow: hidden;\n            position: relative;\n            z-index: 1;\n            box-shadow: 0 30px 60px -20px rgba(0,0,0,0.5);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .project-visual img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n            filter: grayscale(20%); \/* Un peu d\u00e9satur\u00e9 pour le style *\/\n        }\n\n        .project-row:hover .project-visual img {\n            transform: scale(1.05);\n            filter: grayscale(0%);\n        }\n\n        \/* LA CARTE TEXTE (Overlapping) *\/\n        .project-content {\n            flex: 0 0 45%; \/* Prend 45% *\/\n            background: var(--glass-bg);\n            backdrop-filter: blur(var(--blur));\n            -webkit-backdrop-filter: blur(var(--blur));\n            border: 1px solid var(--glass-border);\n            padding: 50px;\n            border-radius: var(--radius);\n            z-index: 2; \/* Passe au-dessus de l'image *\/\n            \n            \/* L'effet de superposition magique *\/\n            margin-left: -10%; \n            box-shadow: 0 20px 50px -10px rgba(0,0,0,0.3);\n            transition: transform 0.4s ease;\n        }\n\n        .project-row:hover .project-content {\n            transform: translateY(-10px);\n            border-color: var(--beige);\n        }\n\n        \/* CONTENU TEXTE *\/\n        .project-meta {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--beige);\n            font-weight: 600;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .project-title {\n            font-family: 'DM Serif Display', serif;\n            font-size: 2.5rem;\n            margin: 0 0 20px 0;\n            line-height: 1.1;\n            color: var(--blanc);\n        }\n\n        .project-desc {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: rgba(255,255,255,0.8);\n            margin-bottom: 30px;\n        }\n\n        \/* STATS (Le petit d\u00e9tail pro) *\/\n        .project-stats {\n            display: flex;\n            gap: 30px;\n            padding-top: 20px;\n            border-top: 1px solid rgba(255,255,255,0.1);\n        }\n\n        .stat-item h4 {\n            font-size: 1.5rem;\n            color: var(--beige);\n            margin: 0;\n            font-weight: 600;\n        }\n        .stat-item span {\n            font-size: 0.8rem;\n            color: rgba(255,255,255,0.5);\n            text-transform: uppercase;\n        }\n\n        \/* BOUTON LIEN *\/\n        .project-link {\n            display: inline-flex;\n            align-items: center;\n            margin-top: 30px;\n            color: var(--blanc);\n            text-decoration: none;\n            font-weight: 600;\n            transition: 0.3s;\n        }\n        .project-link span { margin-left: 10px; color: var(--beige); transition: 0.3s; }\n        .project-link:hover span { transform: translateX(5px); }\n\n        \/* --- VERSION INVERS\u00c9E (Projet 2) --- *\/\n        .project-row.reverse {\n            flex-direction: row-reverse;\n        }\n\n        .project-row.reverse .project-content {\n            margin-left: 0;\n            margin-right: -10%; \/* Superposition invers\u00e9e *\/\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            .project-row, .project-row.reverse {\n                flex-direction: column;\n                margin-bottom: 80px;\n            }\n            \n            .project-visual {\n                width: 100%;\n                height: 350px;\n                margin-bottom: -40px; \/* Chevauchement vertical sur mobile *\/\n            }\n\n            .project-content, .project-row.reverse .project-content {\n                width: 90%;\n                margin: 0; \/* Reset margins *\/\n            }\n            \n            .project-title { font-size: 2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"portfolio-section\">\n        \n        <div class=\"section-header\">\n            <h2>R\u00e9alisations<\/h2>\n            <p>Des projets concrets, des r\u00e9sultats visibles.<\/p>\n        <\/div>\n\n        <div class=\"project-row\">\n            <div class=\"project-visual\">\n                <img decoding=\"async\" src=\"http:\/\/adcommarketing.com\/wp-content\/uploads\/2025\/10\/Capture-decran-2025-10-31-a-17.21.34-scaled.png\" alt=\"Site Web LEXPO\">\n            <\/div>\n            \n            <div class=\"project-content\">\n                <span class=\"project-meta\">Site Vitrine \u2022 SEO Local<\/span>\n                <h3 class=\"project-title\">LEXPO Carrelage &#038; Bain<\/h3>\n                <p class=\"project-desc\">\n                    Cr\u00e9ation compl\u00e8te du site internet pour un showroom sp\u00e9cialis\u00e9. \n                    Mise en valeur du catalogue produits via un design premium et optimisation du r\u00e9f\u00e9rencement pour attirer une client\u00e8le locale en magasin.\n                <\/p>\n                <div class=\"project-stats\">\n                    <div class=\"stat-item\">\n                        <h4>Premium<\/h4>\n                        <span>Design<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <h4>Top 1<\/h4>\n                        <span>Google<\/span>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/lexpocarrelageetbain.com\/\" class=\"project-link\">Voir le site <span>&rarr;<\/span><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-row reverse\">\n            <div class=\"project-visual\">\n                <img decoding=\"async\" src=\"http:\/\/adcommarketing.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_387gxt387gxt387g.png\" alt=\"Campagne Google Ads\">\n            <\/div>\n            \n            <div class=\"project-content\">\n                <span class=\"project-meta\">SEA \u2022 Acquisition<\/span>\n                <h3 class=\"project-title\">Campagne Google Ads<\/h3>\n                <p class=\"project-desc\">\n                    Mise en place d&rsquo;une strat\u00e9gie d&rsquo;acquisition cibl\u00e9e.\n                    Optimisation des mots-cl\u00e9s et des annonces pour maximiser le taux de clic et r\u00e9duire le co\u00fbt par acquisition. Des r\u00e9sultats imm\u00e9diats et mesurables.\n                <\/p>\n                <div class=\"project-stats\">\n                    <div class=\"stat-item\">\n                        <h4>Cibl\u00e9<\/h4>\n                        <span>Trafic<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <h4>ROI<\/h4>\n                        <span>Positif<\/span>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"project-link\">En savoir plus <span>&rarr;<\/span><\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-row\">\n            <div class=\"project-visual\">\n                <img decoding=\"async\" src=\"http:\/\/adcommarketing.com\/wp-content\/uploads\/2025\/11\/7FBCBBE1-65A5-4F7F-94D0-D0382712F291-scaled.jpeg\" alt=\"Strat\u00e9gie de Communication\">\n            <\/div>\n            \n            <div class=\"project-content\">\n                <span class=\"project-meta\">Branding \u2022 Strat\u00e9gie 360\u00b0<\/span>\n                <h3 class=\"project-title\">Communication Globale<\/h3>\n                <p class=\"project-desc\">\n                    D\u00e9veloppement d&rsquo;une identit\u00e9 de marque forte.\n                    Cr\u00e9ation de supports visuels coh\u00e9rents (r\u00e9seaux sociaux, print, web) pour assurer une pr\u00e9sence professionnelle et m\u00e9morable aupr\u00e8s de votre audience.\n                <\/p>\n                <div class=\"project-stats\">\n                    <div class=\"stat-item\">\n                        <h4>Unique<\/h4>\n                        <span>Identit\u00e9<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <h4>100%<\/h4>\n                        <span>Sur-mesure<\/span>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/adcommarketing.com\/index.php\/contacte-moi\/\" class=\"project-link\">Me contacter <span>&rarr;<\/span><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Fais briller ton activit\u00e9 gr\u00e2ce \u00e0 une communication digitale claire, moderne et performante. Identit\u00e9 visuelle, site web, r\u00e9seaux sociaux et [&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-708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/708","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=708"}],"version-history":[{"count":26,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":767,"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/708\/revisions\/767"}],"wp:attachment":[{"href":"https:\/\/adcommarketing.com\/index.php\/wp-json\/wp\/v2\/media?parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}