{"id":11,"date":"2026-04-01T08:12:46","date_gmt":"2026-04-01T08:12:46","guid":{"rendered":"http:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/?page_id=11"},"modified":"2026-04-14T14:19:29","modified_gmt":"2026-04-14T14:19:29","slug":"accueil","status":"publish","type":"page","link":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/accueil\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea908f3 e-flex e-con-boxed e-con e-parent\" data-id=\"ea908f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eea0552 elementor-widget elementor-widget-html\" data-id=\"eea0552\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Structure globale de l'accueil *\/\r\n    .home-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 100px 5% 50px 5%;\r\n        font-family: 'Inter', -apple-system, sans-serif;\r\n    }\r\n\r\n    \/* 1. ZONE HERO (Titre) *\/\r\n    .hero-zone {\r\n        text-align: center;\r\n        margin-bottom: 120px;\r\n    }\r\n    \r\n    .hero-name {\r\n        font-size: clamp(50px, 10vw, 100px);\r\n        font-weight: 900;\r\n        color: #111111;\r\n        margin: 0 0 10px 0;\r\n        letter-spacing: -0.05em;\r\n        line-height: 1;\r\n    }\r\n    \r\n    .hero-subtitle {\r\n        font-size: clamp(20px, 4vw, 32px);\r\n        color: #555555;\r\n        font-weight: 600;\r\n        margin: 0;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    \/* 2. ZONE PROJETS *\/\r\n    .projects-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .projects-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n        gap: 40px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    \/* Mise en forme interne des cartes *\/\r\n    .card-img {\r\n        width: 100%;\r\n        height: 250px;\r\n        object-fit: cover;\r\n        border-radius: 12px;\r\n        margin-bottom: 20px;\r\n        background-color: #e5e5e5; \/* Fond gris si l'image met du temps \u00e0 charger *\/\r\n    }\r\n    \r\n    .card-meta h3 {\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        margin: 0 0 10px 0;\r\n        color: #111;\r\n    }\r\n    \r\n    .card-meta p {\r\n        font-size: 16px;\r\n        color: #444;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .card-tag {\r\n        display: inline-block;\r\n        background: #111;\r\n        color: #fff;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        margin-bottom: 15px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* 3. BOUTON PERSONNALIS\u00c9 *\/\r\n    .btn-center {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 60px;\r\n    }\r\n    \r\n    .btn-html {\r\n        background-color: #111111;\r\n        color: #ffffff;\r\n        padding: 16px 36px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .btn-html:hover {\r\n        background-color: #0071e3;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 15px rgba(0, 113, 227, 0.2);\r\n        color: white;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"home-container\">\r\n    \r\n    <section class=\"hero-zone\">\r\n        <h1 class=\"hero-name\">Arthur Letohic<\/h1>\r\n        <p class=\"hero-subtitle\">\u00c9tudiant en BUT MMI<\/p>\r\n    <\/section>\r\n\r\n    <section class=\"projects-zone\">\r\n        \r\n        <div class=\"projects-header\">\r\n            <h2 class=\"titre-section\">Derni\u00e8res R\u00e9alisations<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"projects-grid\">\r\n            \r\n            <a href=\"\/projets\" class=\"carte-projet\" style=\"text-decoration:none; display:block;\">\r\n                <img decoding=\"async\" src=\"URL_IMAGE_1_ICI\" alt=\"Aper\u00e7u du CV cr\u00e9atif\" class=\"card-img\">\r\n                <div class=\"card-meta\">\r\n                    <span class=\"card-tag\">Web & Cr\u00e9ation<\/span>\r\n                    <h3>CV Num\u00e9rique Atypique<\/h3>\r\n                    <p>Conception et int\u00e9gration (HTML\/CSS) d'un CV au design d\u00e9structur\u00e9 et original pour marquer les esprits et repousser les codes classiques.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/projets\" class=\"carte-projet\" style=\"text-decoration:none; display:block;\">\r\n                <img decoding=\"async\" src=\"URL_IMAGE_2_ICI\" alt=\"Aper\u00e7u de la charte graphique\" class=\"card-img\">\r\n                <div class=\"card-meta\">\r\n                    <span class=\"card-tag\">Identit\u00e9 Visuelle<\/span>\r\n                    <h3>Charte Graphique<\/h3>\r\n                    <p>Cr\u00e9ation de l'univers visuel complet d'une marque (Coffee Shop), incluant la conception du logo et la strat\u00e9gie de positionnement.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"btn-center\">\r\n            <a href=\"\/projets\" class=\"btn-html\">Voir tous mes projets<\/a>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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>Arthur Letohic \u00c9tudiant en BUT MMI Derni\u00e8res R\u00e9alisations Web &#038; Cr\u00e9ation CV Num\u00e9rique Atypique Conception et int\u00e9gration (HTML\/CSS) d&rsquo;un CV au design d\u00e9structur\u00e9 et original pour marquer les esprits et repousser les codes classiques. Identit\u00e9 Visuelle Charte Graphique Cr\u00e9ation de l&rsquo;univers visuel complet d&rsquo;une marque (Coffee Shop), incluant la conception du logo et la strat\u00e9gie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":9,"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/pages\/11\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/site.arthur.letohic.mmi-velizy.fr\/wp\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}