{"id":485,"date":"2026-01-31T13:34:48","date_gmt":"2026-01-31T13:34:48","guid":{"rendered":"https:\/\/yanis-naud.ovh\/?page_id=485"},"modified":"2026-04-13T09:39:35","modified_gmt":"2026-04-13T09:39:35","slug":"contactez-moi","status":"publish","type":"page","link":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/","title":{"rendered":"Contactez-moi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"485\" class=\"elementor elementor-485\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e75d78 e-flex e-con-boxed e-con e-parent\" data-id=\"7e75d78\" 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-f82c441 elementor-widget elementor-widget-html\" data-id=\"f82c441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contactez-moi<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --primary: #705F21;       \/* Votre couleur Or *\/\r\n            --primary-hover: #8f7a30; \/* Une version plus claire pour le survol *\/\r\n            --bg-dark: #000000;       \/* Fond noir *\/\r\n            --bg-card: #111111;       \/* Fond du formulaire l\u00e9g\u00e8rement plus clair *\/\r\n            --text-white: #ffffff;\r\n            --text-muted: #a0a0a0;\r\n            --border-color: #333333;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Instrument Sans', sans-serif;\r\n            background-color: var(--bg-dark);\r\n            color: var(--text-white);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* Conteneur du formulaire *\/\r\n        .contact-container {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            background-color: var(--bg-card);\r\n            padding: 40px;\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(112, 95, 33, 0.2); \/* Bordure subtile dor\u00e9e *\/\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        \/* Titre *\/\r\n        h2 {\r\n            color: var(--primary);\r\n            font-size: 2rem;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        p.subtitle {\r\n            color: var(--text-muted);\r\n            margin-bottom: 30px;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* Groupes de champs *\/\r\n        .form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            color: var(--text-white);\r\n        }\r\n\r\n        \/* Champs de saisie *\/\r\n        input, textarea {\r\n            width: 100%;\r\n            padding: 15px;\r\n            background-color: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 8px;\r\n            color: var(--text-white);\r\n            font-family: 'Instrument Sans', sans-serif;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Effet quand on clique dans le champ *\/\r\n        input:focus, textarea:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n            background-color: rgba(112, 95, 33, 0.05);\r\n            box-shadow: 0 0 10px rgba(112, 95, 33, 0.1);\r\n        }\r\n\r\n        \/* Placeholder (le texte gris par d\u00e9faut) *\/\r\n        ::placeholder {\r\n            color: #555;\r\n        }\r\n\r\n        \/* Bouton Envoyer *\/\r\n        .submit-btn {\r\n            width: 100%;\r\n            padding: 15px;\r\n            background-color: var(--primary);\r\n            color: #ffffff; \/* Texte blanc pour contraste *\/\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            margin-top: 10px;\r\n            font-family: 'Instrument Sans', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background-color: var(--primary-hover);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(112, 95, 33, 0.2);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 600px) {\r\n            .contact-container {\r\n                padding: 30px 20px;\r\n            }\r\n            h2 {\r\n                font-size: 1.7rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"contact-container\">\r\n        <h2>Me Contacter<\/h2>\r\n        <p class=\"subtitle\">Un projet en t\u00eate ? Discutons-en.<\/p>\r\n\r\n        <form action=\"#\" method=\"POST\">\r\n            \r\n            <div class=\"form-group\">\r\n                <label for=\"name\">Nom complet<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Votre nom\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"email\">Adresse Email<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"exemple@email.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"subject\">Sujet<\/label>\r\n                <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"Demande de devis, Renseignements...\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"message\">Message<\/label>\r\n                <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"D\u00e9crivez votre projet...\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"submit-btn\">Envoyer le message<\/button>\r\n\r\n        <\/form>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>Contactez-moi Me Contacter Un projet en t\u00eate ? Discutons-en. Nom complet Adresse Email Sujet Message Envoyer le message<\/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-485","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contactez-moi - Portfolio Yanis NAUD<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contactez-moi - Portfolio Yanis NAUD\" \/>\n<meta property=\"og:description\" content=\"Contactez-moi Me Contacter Un projet en t\u00eate ? Discutons-en. Nom complet Adresse Email Sujet Message Envoyer le message\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/\" \/>\n<meta property=\"og:site_name\" content=\"Portfolio Yanis NAUD\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-13T09:39:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yanis-naud.ovh\\\/index.php\\\/contactez-moi\\\/\",\"url\":\"https:\\\/\\\/yanis-naud.ovh\\\/index.php\\\/contactez-moi\\\/\",\"name\":\"Contactez-moi - Portfolio Yanis NAUD\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yanis-naud.ovh\\\/#website\"},\"datePublished\":\"2026-01-31T13:34:48+00:00\",\"dateModified\":\"2026-04-13T09:39:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yanis-naud.ovh\\\/index.php\\\/contactez-moi\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yanis-naud.ovh\\\/index.php\\\/contactez-moi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yanis-naud.ovh\\\/index.php\\\/contactez-moi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/yanis-naud.ovh\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contactez-moi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yanis-naud.ovh\\\/#website\",\"url\":\"https:\\\/\\\/yanis-naud.ovh\\\/\",\"name\":\"Portfolio Yanis NAUD\",\"description\":\"Portfolio Marketing Digital\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yanis-naud.ovh\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contactez-moi - Portfolio Yanis NAUD","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/","og_locale":"fr_FR","og_type":"article","og_title":"Contactez-moi - Portfolio Yanis NAUD","og_description":"Contactez-moi Me Contacter Un projet en t\u00eate ? Discutons-en. Nom complet Adresse Email Sujet Message Envoyer le message","og_url":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/","og_site_name":"Portfolio Yanis NAUD","article_modified_time":"2026-04-13T09:39:35+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/","url":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/","name":"Contactez-moi - Portfolio Yanis NAUD","isPartOf":{"@id":"https:\/\/yanis-naud.ovh\/#website"},"datePublished":"2026-01-31T13:34:48+00:00","dateModified":"2026-04-13T09:39:35+00:00","breadcrumb":{"@id":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/yanis-naud.ovh\/index.php\/contactez-moi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/yanis-naud.ovh\/"},{"@type":"ListItem","position":2,"name":"Contactez-moi"}]},{"@type":"WebSite","@id":"https:\/\/yanis-naud.ovh\/#website","url":"https:\/\/yanis-naud.ovh\/","name":"Portfolio Yanis NAUD","description":"Portfolio Marketing Digital","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yanis-naud.ovh\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/pages\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":11,"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":1897,"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/pages\/485\/revisions\/1897"}],"wp:attachment":[{"href":"https:\/\/yanis-naud.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}