{"id":10,"date":"2025-01-20T23:07:24","date_gmt":"2025-01-20T22:07:24","guid":{"rendered":"https:\/\/emilesnyersdeveloppeur.ovh\/?page_id=10"},"modified":"2025-11-03T01:43:40","modified_gmt":"2025-11-03T00:43:40","slug":"accueil","status":"publish","type":"page","link":"https:\/\/emilesnyersdeveloppeur.ovh\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:720px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient\" style=\"background:linear-gradient(35deg,rgb(6,0,151) 0%,rgb(130,4,255) 73%,rgb(193,15,255) 100%)\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"inherit-container-width wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:auto 43%\"><div class=\"wp-block-media-text__content\">\n<h1 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\">Bienvenue<\/h1>\n\n\n\n<p>Ce site a \u00e9t\u00e9 con\u00e7u avec WordPress afin d\u2019apprendre \u00e0 exploiter cet outil, d\u2019en explorer les fonctionnalit\u00e9s et, \u00e9ventuellement, d\u2019en acqu\u00e9rir la ma\u00eetrise.<\/p>\n\n\n\n<p>Il est pr\u00e9sent de mani\u00e8re provisoire et sera ult\u00e9rieurement remplac\u00e9 par un site vitrine complet et finalis\u00e9.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/mon-cv-en-ligne\/\">Mon CV en ligne<\/a><\/div>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/hero-img.svg\" alt=\"\" class=\"wp-image-118 size-full\"\/><\/figure><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<!-- \u00c0 placer dans un bloc HTML personnalis\u00e9 WordPress -->\n\n<style>\n    \/* Container principal pour isoler les styles *\/\n    .emile-portfolio-container {\n        position: relative;\n        min-height: 100vh;\n        font-family: Arial, sans-serif;\n        color: #000; \/* Texte en noir *\/\n    }\n    \n    \/* Animation particles.js *\/\n    .emile-particles-js {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(45deg, #1e3c72, #2a5298);\n        z-index: -1;\n        top: 0;\n        left: 0;\n    }\n    \n    .emile-overlay {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: #2a5298;\n        z-index: -1;\n    }\n    \n    .emile-toggleAnimation {\n        position: fixed;\n        top: 10px;\n        right: 10px;\n        background: rgba(255, 255, 255, 0.2);\n        border: none;\n        color: white;\n        padding: 5px 10px;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 12px;\n        transition: background 0.3s ease;\n        z-index: 100;\n    }\n    \n    .emile-toggleAnimation:hover {\n        background: rgba(255, 255, 255, 0.3);\n    }\n\n    \/* Style des panneaux *\/\n    .emile-content {\n        position: relative;\n        z-index: 1;\n        max-width: 800px;\n        margin: 50px auto;\n        padding: 20px;\n        background: rgba(255, 255, 255, 0.95); \/* Fond blanc opaque *\/\n        border-radius: 10px;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        backdrop-filter: blur(5px);\n    }\n\n    .emile-content h1 {\n        text-align: center;\n        color: #1e3c72; \/* Titre en bleu fonc\u00e9 *\/\n        margin-bottom: 30px;\n        text-shadow: 0 0 10px rgba(100, 255, 218, 0.3);\n    }\n\n    .emile-panel-container {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .emile-panel {\n        background: rgba(255, 255, 255, 0.9);\n        border: 1px solid rgba(30, 60, 114, 0.2);\n        border-radius: 10px;\n        padding: 20px;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        position: relative;\n    }\n\n    .emile-panel:hover {\n        background: rgba(240, 248, 255, 1);\n        box-shadow: 0 4px 12px rgba(30, 60, 114, 0.2);\n    }\n\n    .emile-panel h2 {\n        margin: 0;\n        color: #1e3c72; \/* Titres en bleu fonc\u00e9 *\/\n        text-shadow: none;\n    }\n\n    .emile-panel h2 a {\n        color: #1e3c72;\n        text-decoration: none;\n    }\n\n    .emile-panel a:hover {\n        text-decoration: underline;\n        color: #2a5298;\n    }\n\n    .emile-panel p {\n        line-height: 1.6;\n        transition: all 0.3s ease;\n        color: #333; \/* Texte en gris fonc\u00e9 *\/\n    }\n\n    .emile-panel p:hover {\n        transform: scale(1.02);\n        background: rgba(100, 255, 218, 0.1);\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n    .emile-panel .emile-full-description {\n        display: none;\n        margin-top: 15px;\n    }\n\n    .emile-panel.expanded .emile-full-description {\n        display: block;\n    }\n\n    .emile-panel.expanded .emile-short-description,\n    .emile-panel.expanded .emile-show-more {\n        display: none;\n    }\n\n    .emile-show-more {\n        color: #1e3c72;\n        cursor: pointer;\n        margin-top: 10px;\n        display: inline-block;\n        font-weight: bold;\n    }\n\n    .emile-panel .emile-btn-3d {\n        display: inline-block;\n        background-color: #1e3c72;\n        color: #fff;\n        padding: 10px 20px;\n        margin-top: 15px;\n        font-size: 16px;\n        font-weight: bold;\n        text-align: center;\n        border-radius: 5px;\n        box-shadow: 0 5px #0d1f3a;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n        text-decoration: none;\n    }\n\n    .emile-panel .emile-btn-3d:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px #0d1f3a;\n        background-color: #2a5298;\n        color: #fff;\n    }\n\n    .emile-warning {\n        color: #d9534f;\n        font-weight: bold;\n    }\n\n    .emile-success {\n        color: #5cb85c;\n        font-weight: bold;\n    }\n\n    .emile-private {\n        color: #f0ad4e;\n        font-weight: bold;\n    }\n    \n    \/* Panneau de navigation en bas *\/\n    .emile-panneau-background-discret {\n        position: relative;\n        background-color: rgba(255, 255, 255, 0.95); \n        padding: 20px;\n        border-radius: 10px;\n        margin: 20px auto;\n        max-width: 800px;\n        backdrop-filter: blur(5px);\n        text-align: center;\n    }\n\n    .emile-boutons-gauche, .emile-boutons-droite {\n        display: inline-block;\n        width: 45%;\n        text-align: center;\n    }\n\n    .emile-bouton {\n        display: inline-block;\n        padding: 10px 20px;\n        background-color: #1e3c72;\n        color: #fff;\n        text-decoration: none;\n        border-radius: 5px;\n        transition: background 0.3s ease, transform 0.3s ease;\n    }\n\n    .emile-bouton:hover {\n        background-color: #2a5298;\n        transform: scale(1.05);\n        color: #fff;\n    }\n\n    \/* Responsive *\/\n    @media only screen and (max-width: 600px) {\n        .emile-boutons-gauche, .emile-boutons-droite {\n            display: block;\n            width: 100%;\n            margin-bottom: 10px;\n        }\n        \n        .emile-content {\n            margin: 20px auto;\n            padding: 15px;\n        }\n        \n        .emile-content h1 {\n            font-size: 24px;\n        }\n        \n        .emile-panel {\n            padding: 15px;\n        }\n        \n        .emile-panel h2 {\n            font-size: 18px;\n        }\n    }\n\n    @media only screen and (max-width: 400px) {\n        .emile-content {\n            padding: 10px;\n        }\n        \n        .emile-toggleAnimation {\n            font-size: 10px;\n            padding: 3px 6px;\n        }\n    }\n\n    @media only screen and (min-width: 1200px) {\n        .emile-content {\n            max-width: 1000px;\n        }\n    }\n<\/style>\n\n<div class=\"emile-portfolio-container\">\n    <!-- Animation particles.js -->\n    <div class=\"emile-particles-js\" id=\"emile-particles-js\"><\/div>\n    <div class=\"emile-overlay\" id=\"emile-overlay\"><\/div>\n    <button class=\"emile-toggleAnimation\" id=\"emile-toggleAnimation\">D\u00e9sactiver l&#8217;animation<\/button>\n    \n    <div class=\"emile-content\">\n        <h1>\ud83d\udcda Liste de mes sites web<\/h1>\n        <div class=\"emile-panel-container\">\n            \n            <!-- Projet 1 : M\u00e9t\u00e9o -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83c\udf24\ufe0f <a href=\"https:\/\/emilesnyersmeteo.ovh\/\" target=\"_blank\">Site web m\u00e9t\u00e9o avec API<\/a><\/h2>\n                <p class=\"emile-short-description emile-success\">\u2705 En ligne et op\u00e9rationnel<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Site web offrant les pr\u00e9visions m\u00e9t\u00e9orologiques pour plus de 150 villes, r\u00e9alis\u00e9 durant mes ann\u00e9es d&#8217;\u00e9tudes. Ce projet propose des informations d\u00e9taill\u00e9es telles que les conditions climatiques, la vitesse et la direction du vent, ainsi que les horaires de lever et coucher du soleil. Enti\u00e8rement gratuit et accessible \u00e0 tous.<\/p>\n                    <p>Ce site web a \u00e9t\u00e9 cr\u00e9\u00e9 dans le but d&#8217;apprendre \u00e0 ma\u00eetriser et utiliser des API pour connecter diff\u00e9rents sites web.<\/p>\n                    <a href=\"https:\/\/emilesnyersmeteo.ovh\/\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Projet 2 : GLPI -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udcbb <a href=\"https:\/\/glpi.emilesnyersipi.ovh\/\" target=\"_blank\">Cr\u00e9ation d&#8217;un GLPI sur un serveur OVH<\/a><\/h2>\n                <p class=\"emile-short-description emile-success\">\u2705 D\u00e9ploy\u00e9 et fonctionnel<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>D\u00e9ploiement et configuration compl\u00e8te d&#8217;un outil GLPI (Gestion Libre de Parc Informatique) h\u00e9berg\u00e9 sur un serveur OVH. Ce projet, r\u00e9alis\u00e9 dans le cadre de mes \u00e9tudes, comprenait l&#8217;installation de divers plugins, notamment le plugin Formulaire, pour \u00e9tendre les fonctionnalit\u00e9s de l&#8217;outil.<\/p>\n                    <p>GLPI est un logiciel open source de gestion de parc informatique que j&#8217;ai d\u00e9couvert lors de mes \u00e9tudes \u00e0 l&#8217;\u00e9cole IPI, pendant l&#8217;\u00e9preuve appel\u00e9e &#8220;bureau d&#8217;\u00e9tude&#8221;. J&#8217;ai pris une semaine de cong\u00e9s pour pouvoir me consacrer pleinement \u00e0 son apprentissage. J&#8217;ai pu explorer quasiment toutes les fonctions et fonctionnalit\u00e9s du logiciel.<\/p>\n                    <a href=\"https:\/\/glpi.emilesnyersipi.ovh\/\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 3 : Convertisseur -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udd22 <a href=\"https:\/\/emile-snyers-chiffre-en-lettre.ovh\" target=\"_blank\">Convertisseur de Nombres en Lettres<\/a><\/h2>\n                <p class=\"emile-short-description emile-success\">\u2705 En ligne et gratuit<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Site web permettant de convertir des chiffres en lettres. C&#8217;est un outil gratuit et pratique pour tous vos besoins de conversion.<\/p>\n                    <p>D\u00e9veloppement d&#8217;un site web permettant de convertir un chiffre en sa version \u00e9crite en lettres. Plusieurs formats sont propos\u00e9s, incluant des options comme l&#8217;ajout d&#8217;espaces, de tirets ou de centimes \u00e0 la fin.<\/p>\n                    <a href=\"https:\/\/emile-snyers-chiffre-en-lettre.ovh\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 4 : SPOT -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udeb0 <a href=\"https:\/\/eas.ovh\/\" target=\"_blank\">SPOT &#8211; Simulation et Pr\u00e9paration d&#8217;Ouvrages de Tuyauterie<\/a><\/h2>\n                <p class=\"emile-short-description emile-success\">\u2705 Op\u00e9rationnel<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>La simulation interactive de r\u00e9seaux de tuyaux ! Un outil pour faire des plans 2D de tuyau avec la possibilit\u00e9 d&#8217;avoir une animation pour comprendre comment l&#8217;eau se d\u00e9place \u00e0 l&#8217;int\u00e9rieur.<\/p>\n                    <p>Vous pouvez ajouter des sources d&#8217;eau, des vannes et autres \u00e9l\u00e9ments. Cet outil contient plus de 15 types de tuyaux diff\u00e9rents pour cr\u00e9er des configurations complexes.<\/p>\n                    <a href=\"https:\/\/eas.ovh\/\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 5 : Outil de calcul de temps -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\u23f1\ufe0f <a href=\"https:\/\/emilesnyers-outil-de-calcul-de-duree.ovh\/\" target=\"_blank\">Outil de Calcul de Temps<\/a><\/h2>\n                <p class=\"emile-short-description emile-success\">\u2705 En ligne<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Un calculateur de temps avanc\u00e9 permettant d&#8217;effectuer des op\u00e9rations complexes sur des dur\u00e9es avec une pr\u00e9cision maximale.<\/p>\n                    <p>Cet outil permet d&#8217;additionner, soustraire et manipuler des dur\u00e9es de mani\u00e8re intuitive. Id\u00e9al pour les calculs de temps de travail, de projets ou toute autre application n\u00e9cessitant une gestion pr\u00e9cise du temps.<\/p>\n                    <a href=\"https:\/\/emilesnyers-outil-de-calcul-de-duree.ovh\/\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 6 : Site de partage -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udcda <a href=\"https:\/\/www.emilesnyersipi.ovh\/\" target=\"_blank\">Site Web de Partage de Connaissances<\/a><\/h2>\n                <p class=\"emile-short-description emile-warning\">\ud83d\udee0\ufe0f En cours de cr\u00e9ation<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Site non termin\u00e9, qui a \u00e9t\u00e9 commenc\u00e9 pendant ma formation scolaire. Un projet en cours de d\u00e9veloppement pour le partage de ressources \u00e9ducatives.<\/p>\n                    <p>D\u00e9veloppement d&#8217;un site web destin\u00e9 au partage de connaissances en programmation et en langages informatiques. Ce projet vise \u00e0 proposer des astuces, tutoriels et contenus techniques sous un angle personnel.<\/p>\n                    <p>Le site web a \u00e9t\u00e9 cr\u00e9\u00e9 avec Obsidian et h\u00e9berg\u00e9 gratuitement avec My Garden. Le probl\u00e8me, c&#8217;est que je n&#8217;ai plus acc\u00e8s \u00e0 cause de GitHub, qui servait d&#8217;interm\u00e9diaire entre les deux pour le site web.<\/p>\n                    <a href=\"https:\/\/www.emilesnyersipi.ovh\/\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Projet 7 : Windows 95 -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udda5\ufe0f Reproduction du Syst\u00e8me Windows 95<\/h2>\n                <p class=\"emile-short-description emile-warning\">\u23f3 En attente d&#8217;h\u00e9bergement<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Cr\u00e9ation d&#8217;un site web interactif reproduisant l&#8217;interface et les fonctionnalit\u00e9s du syst\u00e8me Windows 95, incluant menus, barres d&#8217;outils et fen\u00eatres.<\/p>\n                    <p>Le but de ce projet \u00e9tait de pratiquer et d&#8217;apprendre \u00e0 cr\u00e9er un site web enti\u00e8rement inspir\u00e9 de Windows 95, avec les menus, les barres, les diff\u00e9rentes fen\u00eatres, et autres. Nous avons r\u00e9ussi \u00e0 partager diff\u00e9rentes lignes de code ou programmes que j&#8217;avais cr\u00e9\u00e9s.<\/p>\n                    <p>Il sera remis en ligne avec un nouveau nom de domaine plus adapt\u00e9, toujours chez OVH.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 8 : Gestion BDD -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\uddc4\ufe0f Outil de Gestion de Base de Donn\u00e9es<\/h2>\n                <p class=\"emile-short-description emile-warning\">\u23f8\ufe0f Temporairement inactif<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>D\u00e9velopp\u00e9 dans le cadre de cours de Java et de gestion de bases de donn\u00e9es. Permet simplement d&#8217;afficher les bases de donn\u00e9es en ligne et de les modifier \u00e0 distance. Quelque chose de plut\u00f4t simple, fait pour un exercice scolaire.<\/p>\n                    <p>Cr\u00e9\u00e9 durant les cours de Java et de gestion de bases de donn\u00e9es, cet outil facilitait la gestion d&#8217;une base de donn\u00e9es en ligne. Initialement h\u00e9berg\u00e9 sur OVH, il a servi dans un autre projet avant d&#8217;\u00eatre finalement d\u00e9sactiv\u00e9. Il sera r\u00e9activ\u00e9 d&#8217;ici la fin de l&#8217;ann\u00e9e.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 9 : PRISEM -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83c\udfe2 Projet PRISEM<\/h2>\n                <p class=\"emile-short-description emile-warning\">\u23f8\ufe0f En attente<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>PRISEM (Premi\u00e8re Repr\u00e9sentation d&#8217;une Interface de Syst\u00e8me et d&#8217;\u00c9quipement Manag\u00e9rial) &#8211; Un projet de gestion et de repr\u00e9sentation de syst\u00e8mes complexes.<\/p>\n                    <p>PRISEM serait un Portail de Ressources d\u00e9di\u00e9 \u00e0 l&#8217;Inventaire et \u00e0 la Supervision des Machines et \u00c9quipements de l&#8217;entreprise. Ce syst\u00e8me pourrait inventorier les ressources, suivre l&#8217;\u00e9tat et la maintenance, enregistrer l&#8217;historique des interventions, permettre une supervision \u00e0 distance et g\u00e9n\u00e9rer des rapports analytiques.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 10 : Ressources Histoire-G\u00e9o -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udcd6 Ressources Histoire-G\u00e9o<\/h2>\n                <p class=\"emile-short-description emile-warning\">\ud83d\udee0\ufe0f Cr\u00e9ation en cours<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Ce projet a \u00e9t\u00e9 command\u00e9 par un professeur d&#8217;histoire-g\u00e9ographie \ud83d\udc68\u200d\ud83c\udfeb de l&#8217;\u00c9ducation nationale. L&#8217;objectif est de proposer un petit site web pour partager plus facilement ses documents de cours (PDF, Word, Excel) avec ses \u00e9l\u00e8ves.<\/p>\n                    <p>Au-del\u00e0 du simple partage de fichiers \ud83d\udcc4, nous aimerions offrir une exp\u00e9rience plus ludique et motivante, notamment gr\u00e2ce \u00e0 un syst\u00e8me de QCM int\u00e9gr\u00e9s \ud83c\udfaf.<\/p>\n                    <p>Nous d\u00e9veloppons actuellement une maquette POC (Proof of Concept) \u26a1. Les \u00e9l\u00e8ves pourront r\u00e9pondre \u00e0 des QCM li\u00e9s aux cours, et chaque bonne r\u00e9ponse leur rapportera quelques points \u2b50, \u00e0 la mani\u00e8re d&#8217;un syst\u00e8me de succ\u00e8s.<\/p>\n                    <p>Objectif 2027 pour un prototype totalement fonctionnel \u2728!<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Projet 11 : QCM -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udcdd <a href=\"https:\/\/qcm.ovh\" target=\"_blank\">Cr\u00e9ation d&#8217;un site de QCM interactif et responsive<\/a><\/h2>\n                <p class=\"emile-short-description emile-warning\">\ud83d\ude80 Projet en cours \u2013 lancement imminent ! \u2728<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>\ud83c\udf10 Ce projet vise \u00e0 mettre en ligne un site web simple, rapide et efficace pour cr\u00e9er, g\u00e9rer et partager des QCM personnalis\u00e9s.<\/p>\n                    <p>\ud83d\udcf1 Il est con\u00e7u pour \u00eatre accessible sur tous les appareils (mobile, tablette, PC) et offrir une interface claire pour les utilisateurs.<\/p>\n                    <p>\ud83d\udcca Une base de donn\u00e9es est pr\u00e9vue pour enregistrer les r\u00e9ponses, analyser les r\u00e9sultats et sugg\u00e9rer des contenus adapt\u00e9s aux visiteurs.<\/p>\n                    <p>\ud83d\udca1 Les utilisateurs peuvent proposer leurs id\u00e9es via un formulaire interactif et voir les nouveaut\u00e9s en avant-premi\u00e8re.<\/p>\n                    <p>\ud83c\udfae Le site est en d\u00e9veloppement actif et promet une exp\u00e9rience ludique, \u00e9ducative et professionnelle. \u00c0 suivre de tr\u00e8s pr\u00e8s ! \ud83c\udf1f<\/p>\n                    <p>\ud83d\udc68\u200d\ud83c\udfeb En collaboration avec des professionnels de l&#8217;\u00e9ducation, nous cr\u00e9ons un outil qui r\u00e9pond aux besoins r\u00e9els des enseignants et des apprenants ! \ud83d\udcda<\/p>\n                    <a href=\"https:\/\/qcm.ovh\" target=\"_blank\" class=\"emile-btn-3d\">Visiter le site<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 12 : Arborescence (priv\u00e9) -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83c\udf33 Outil de Visualisation d&#8217;Arborescence<\/h2>\n                <p class=\"emile-short-description emile-private\">\ud83d\udd12 Projet priv\u00e9<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Un outil permettant de visualiser une interconnexion entre diff\u00e9rents \u00e9l\u00e9ments, offrant des options de recherche par saisie de texte ainsi que des fonctionnalit\u00e9s de filtrage pour personnaliser l&#8217;affichage.<\/p>\n                    <p>Chaque \u00e9l\u00e9ment est associ\u00e9 \u00e0 un code couleur correspondant \u00e0 une cat\u00e9gorie et dispose d&#8217;un menu contextuel fournissant des d\u00e9tails suppl\u00e9mentaires. Le programme int\u00e8gre \u00e9galement un historique.<\/p>\n                    <p><strong>Ce projet est r\u00e9serv\u00e9 \u00e0 un usage priv\u00e9 et n&#8217;est pas accessible au public.<\/strong><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Projet 13 : Animation 3D (priv\u00e9) -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83c\udfa8 Animation 3D pour \u00c9cran d&#8217;Accueil<\/h2>\n                <p class=\"emile-short-description emile-private\">\ud83d\udd12 Projet priv\u00e9<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>Une animation 3D repr\u00e9sentant un motif am\u00e9rindien tourne sur une page de connexion. Une autre version, destin\u00e9e \u00e0 un usage priv\u00e9, propose une page de contenu religieux, qui reste n\u00e9anmoins esth\u00e9tiquement attrayante pour le public.<\/p>\n                    <p>De nombreux d\u00e9tails ont \u00e9t\u00e9 ajout\u00e9s, notamment des couleurs vives et un effet visuel travaill\u00e9.<\/p>\n                    <p><strong>Ce projet est r\u00e9serv\u00e9 \u00e0 un usage priv\u00e9 et n&#8217;est pas accessible au public.<\/strong><\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Projet 14 : Autres projets -->\n            <div class=\"emile-panel\" onclick=\"emileTogglePanel(this)\">\n                <h2>\ud83d\udd10 Et d&#8217;autres projets sites web non diffus\u00e9s au grand public<\/h2>\n                <p class=\"emile-short-description emile-warning\">\u26a0\ufe0f Ceci n&#8217;est pas une liste compl\u00e8te<\/p>\n                <span class=\"emile-show-more\">Afficher plus de d\u00e9tails \u2b07\ufe0f<\/span>\n                <div class=\"emile-full-description\">\n                    <p>La liste ici n&#8217;est pas compl\u00e8te. D&#8217;autres projets qui sont r\u00e9serv\u00e9s uniquement \u00e0 mon entreprise de travail ou qui ne rel\u00e8vent en aucun cas de la sph\u00e8re publique ne sont pas mentionn\u00e9s ici.<\/p>\n                    <p>Il y a notamment une grande quantit\u00e9 de sites qui ont \u00e9t\u00e9 mis \u00e0 jour apr\u00e8s le 20 septembre 2024. De nombreux contrats avec OVH sont arriv\u00e9s \u00e0 terme et sont en cours de migration vers de nouveaux h\u00e9bergements moins chers pour l&#8217;ann\u00e9e \u00e0 venir.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n<!-- Scripts -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/particles.js\/2.0.0\/particles.min.js\"><\/script>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Configuration de particles.js\n        if (typeof particlesJS !== 'undefined') {\n            particlesJS(\"emile-particles-js\", {\n                particles: {\n                    number: { value: 80, density: { enable: true, value_area: 800 } },\n                    color: { \n                        value: [\"#64ffda\", \"#ff6b6b\", \"#feca57\", \"#54a0ff\", \"#5f27cd\", \"#ffffff\"]\n                    },\n                    shape: { \n                        type: [\"circle\", \"triangle\", \"edge\", \"polygon\"],\n                        polygon: { nb_sides: 5 }\n                    },\n                    opacity: { value: 0.7, random: true, anim: { enable: true, speed: 1, opacity_min: 0.3, sync: false } },\n                    size: { value: 4, random: true, anim: { enable: true, speed: 2, size_min: 0.3, sync: false } },\n                    line_linked: { \n                        enable: true, \n                        distance: 150, \n                        opacity: 0.5, \n                        width: 1,\n                        color: \"#ffffff\"\n                    },\n                    move: { \n                        enable: true, \n                        speed: 2, \n                        direction: \"none\", \n                        random: true, \n                        straight: false, \n                        out_mode: \"out\", \n                        bounce: false\n                    }\n                },\n                interactivity: {\n                    detect_on: \"canvas\",\n                    events: { \n                        onhover: { enable: true, mode: \"bubble\" }, \n                        onclick: { enable: true, mode: \"push\" }, \n                        resize: true \n                    },\n                    modes: { \n                        bubble: { distance: 100, size: 7, duration: 2, opacity: 0.8, speed: 3 },\n                        push: { particles_nb: 4 } \n                    }\n                },\n                retina_detect: true\n            });\n        }\n\n        \/\/ Gestion du bouton pour activer\/d\u00e9sactiver l'animation\n        const toggleButton = document.getElementById('emile-toggleAnimation');\n        const overlay = document.getElementById('emile-overlay');\n        let isAnimationActive = true;\n\n        if (toggleButton && overlay) {\n            toggleButton.addEventListener('click', function() {\n                if (isAnimationActive) {\n                    overlay.style.display = 'block';\n                    toggleButton.textContent = 'Activer l\\'animation';\n                } else {\n                    overlay.style.display = 'none';\n                    toggleButton.textContent = 'D\u00e9sactiver l\\'animation';\n                }\n                isAnimationActive = !isAnimationActive;\n            });\n        }\n    });\n    \n    \/\/ Fonction pour les panneaux d\u00e9pliants\n    function emileTogglePanel(panel) {\n        panel.classList.toggle('expanded');\n    }\n<\/script>\n\n\n\n<div class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-94d206d0 wp-block-group-is-layout-constrained\" id=\"about\" style=\"padding-top:143px;padding-bottom:144px\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center\" style=\"border-style:none;border-width:0px\"><figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DAFB3F1.png\" alt=\"\" class=\"wp-image-31 size-full\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DAFB3F1.png 1024w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DAFB3F1-300x300.png 300w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DAFB3F1-150x150.png 150w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DAFB3F1-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-container-core-group-is-layout-47ce07ec wp-block-group-is-layout-constrained\" style=\"padding-right:80px\">\n<h2 class=\"wp-block-heading\" style=\"padding-right:40px\">\u00e0 propos de moi<\/h2>\n\n\n\n<p>Le principal objectif de ce site web est d&#8217;utiliser WordPress. Comme il porte mon nom et pr\u00e9nom, il servira \u00e9galement de portfolio en ligne, ce qui me permet de choisir un sujet relativement simple tout en profitant de l&#8217;occasion pour me pr\u00e9senter.<\/p>\n\n\n\n<p>Je pr\u00e9senterai mon CV, mais \u00e9galement mes r\u00e9alisations, mes passions et ma motivation \u00e0 travers ce site web con\u00e7u avec WordPress.<\/p>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-notre-teepee-et-votre-teepee wp-block-embed-notre-teepee-et-votre-teepee\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"GARhllnzpz\"><a href=\"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/mon-cv-en-ligne-2\/\">Mon CV En ligne<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u00ab\u00a0Mon CV En ligne\u00a0\u00bb &#8212; Notre TeePee et votre TeePee\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/mon-cv-en-ligne-2\/embed\/#?secret=e2SJyJ3PWk#?secret=GARhllnzpz\" data-secret=\"GARhllnzpz\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-9cedb757 wp-block-group-is-layout-constrained\" style=\"padding-bottom:0px\">\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-00723822 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/building.svg\" alt=\"\" class=\"wp-image-134\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\" style=\"margin-top:16px\">HTML<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Acc\u00e9der \u00e0 tous les projets r\u00e9alis\u00e9s en HTML<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/shopping-bag.svg\" alt=\"\" class=\"wp-image-135\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\" style=\"margin-top:16px\">CMB<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Acc\u00e9der \u00e0 tous les projets r\u00e9alis\u00e9s sur CMB<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/blog.svg\" alt=\"\" class=\"wp-image-136\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\" style=\"margin-top:16px\">Python<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Acc\u00e9der \u00e0 tous les projets r\u00e9alis\u00e9s sur Python<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/portfolio.svg\" alt=\"\" class=\"wp-image-137\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\" style=\"margin-top:16px\">Portfolio<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Acc\u00e9der \u00e0 mon portfolio fait sur WordPress.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-45b0ac4f wp-block-group-is-layout-constrained\" id=\"services\" style=\"padding-top:144px;padding-bottom:0px\">\n<h2 class=\"wp-block-heading\">Mes comp\u00e9tences<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-60cbf9bb wp-block-columns-is-layout-flex\" style=\"margin-top:50px\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DALL\u00b7E-2024-07-22-23.31.png\" alt=\"\" class=\"wp-image-33\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DALL\u00b7E-2024-07-22-23.31.png 1024w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DALL\u00b7E-2024-07-22-23.31-300x300.png 300w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DALL\u00b7E-2024-07-22-23.31-150x150.png 150w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/DALL\u00b7E-2024-07-22-23.31-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">Branding Design<\/h3>\n\n\n\n<p>Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1229\" height=\"1639\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Emile-dans-une-salle-des-serveurs-avec-TeePee-2.png\" alt=\"\" class=\"wp-image-37\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Emile-dans-une-salle-des-serveurs-avec-TeePee-2.png 1229w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Emile-dans-une-salle-des-serveurs-avec-TeePee-2-225x300.png 225w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Emile-dans-une-salle-des-serveurs-avec-TeePee-2-768x1024.png 768w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Emile-dans-une-salle-des-serveurs-avec-TeePee-2-1152x1536.png 1152w\" sizes=\"(max-width: 1229px) 100vw, 1229px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">Graphic Design<\/h3>\n\n\n\n<p>Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA8B1F1.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA8B1F1.png 1024w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA8B1F1-300x300.png 300w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA8B1F1-150x150.png 150w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA8B1F1-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">Web Development<\/h3>\n\n\n\n<p>Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-94d206d0 wp-block-group-is-layout-constrained\" id=\"about\" style=\"padding-top:143px;padding-bottom:144px\">\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center\"><div class=\"wp-block-media-text__content\">\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-container-core-group-is-layout-47ce07ec wp-block-group-is-layout-constrained\" style=\"padding-right:80px\">\n<h2 class=\"wp-block-heading\" style=\"padding-right:40px\">Si vous avez aim\u00e9, sachez que j&#8217;ai ador\u00e9 cr\u00e9er ce site, et ce n&#8217;est que le d\u00e9but !<\/h2>\n\n\n\n<p>Le site est en cours de construction et gr\u00e2ce \u00e0 celui-l\u00e0 j&#8217;ai pu \u00e9tudier WordPress \u00e7a m&#8217;a plu et je compte bien continuer.<\/p>\n\n\n\n<p>Cet outil est v\u00e9ritablement incroyable, offrant de nombreuses possibilit\u00e9s. Je l&#8217;imagine parfaitement adapt\u00e9 pour cr\u00e9er des sites Web et les publier facilement sur WordPress gr\u00e2ce \u00e0 Nice Page.<\/p>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/ra-4--1024x575.jpg\" alt=\"\" class=\"wp-image-40 size-full\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/ra-4--1024x575.jpg 1024w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/ra-4--300x168.jpg 300w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/ra-4--768x431.jpg 768w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/ra-4-.jpg 1368w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-ast-global-color-4-background-color has-background is-layout-constrained wp-container-core-group-is-layout-6a2cfb7b wp-block-group-is-layout-constrained\" id=\"reviews\">\n<p class=\"has-text-align-center\" style=\"font-size:22px;line-height:1.6\">\u201cLa satisfaction du travail accompli vaut toujours mieux que celle d\u2019un bonbon d\u00e9gust\u00e9.\u201d<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Wade Warren<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-3fee123f wp-block-group-is-layout-constrained\" id=\"whyus\" style=\"padding-top:144px;padding-bottom:144px\">\n<h2 class=\"wp-block-heading\">Ce que \u00e0 ce site de sp\u00e9cial ( pas plus que les autres en fait).<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-29aadeec wp-block-columns-is-layout-flex\" style=\"margin-top:60px\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/passionate.svg\" alt=\"\" class=\"wp-image-162\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">Passionate<\/h3>\n\n\n\n<p>C&#8217;est par passion que j&#8217;ai fait ce site<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/professional.svg\" alt=\"\" class=\"wp-image-163\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">Professional<\/h3>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6b73ce23 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/support.svg\" alt=\"\" class=\"wp-image-164\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:16px\">En cours de formation<\/h3>\n\n\n\n<p>J&#8217;apprends r\u00e9guli\u00e8rement et constamment, comme en t\u00e9moigne ce site, qui est l&#8217;un des nombreux projets que j&#8217;ai r\u00e9alis\u00e9s.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-cfcca693 wp-block-group-is-layout-constrained\" id=\"contact\" style=\"background:linear-gradient(35deg,rgb(6,0,151) 0%,rgb(130,4,255) 64%,rgb(193,15,255) 98%);padding-top:104px;padding-bottom:104px\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color:#ffffff\">Get a professional website today!<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignwide is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-bba8380a wp-block-buttons-is-layout-flex\" style=\"margin-top:50px\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Make a Website<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9sactiver l&#8217;animation \ud83d\udcda Liste de mes sites web \ud83c\udf24\ufe0f Site web m\u00e9t\u00e9o avec API \u2705 En ligne et op\u00e9rationnel Afficher [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"","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":"enabled","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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":14,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}