Portfolio<\/title>\n <style>\n \/* Styles g\u00e9n\u00e9raux *\/\n body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: #333;\n line-height: 1.6;\n }\n \n .portfolio-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 30px 20px;\n }\n\n \/* Navigation par onglets *\/\n .portfolio-tabs {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n flex-wrap: wrap;\n gap: 15px;\n }\n\n .tab-button {\n padding: 18px 35px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-size: 18px;\n font-weight: 600;\n transition: all 0.3s ease;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1px;\n background: linear-gradient(135deg, #1e90ff, #3742fa);\n box-shadow: 0 4px 15px rgba(30, 144, 255, 0.3);\n min-width: 250px;\n }\n\n .tab-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(55, 66, 250, 0.4);\n }\n\n .tab-button.active {\n background: linear-gradient(135deg, #5352ed, #1e90ff);\n transform: translateY(-2px);\n }\n\n \/* Contenu des onglets *\/\n .tab-content {\n width: 100%;\n }\n\n .tab-pane {\n display: none;\n }\n\n .tab-pane.active {\n display: block;\n animation: fadeIn 0.5s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Style des cr\u00e9ations *\/\n .creation-item {\n width: 100%;\n margin-bottom: 60px;\n border-radius: 8px;\n overflow: hidden;\n transition: transform 0.3s ease;\n }\n\n .creation-item:hover {\n transform: translateY(-5px);\n }\n\n .creation-image {\n width: 100%;\n }\n\n .creation-image img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .creation-text {\n padding: 30px;\n background: white;\n box-shadow: 0 5px 25px rgba(0,0,0,0.1);\n border-radius: 0 0 8px 8px;\n }\n\n .creation-text h3 {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: #333;\n }\n\n .creation-text p {\n font-size: 1.1rem;\n color: #555;\n margin-bottom: 15px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .portfolio-tabs {\n flex-direction: column;\n align-items: center;\n }\n \n .tab-button {\n width: 100%;\n max-width: 300px;\n margin-bottom: 10px;\n padding: 15px 25px;\n font-size: 16px;\n }\n\n .creation-text {\n padding: 20px;\n }\n\n .creation-text h3 {\n font-size: 1.5rem;\n }\n\n .creation-text p {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"portfolio-container\">\n \n <div class=\"portfolio-tabs\">\n <button class=\"tab-button active\" data-tab=\"graphic-design\">Cr\u00e9ations Graphiques<\/button>\n <button class=\"tab-button\" data-tab=\"marketing\">Marketing & Communication<\/button>\n <button class=\"tab-button\" data-tab=\"web-dev\">D\u00e9veloppement Web<\/button>\n <\/div>\n\n \n <div class=\"tab-content\">\n \n <div id=\"graphic-design\" class=\"tab-pane active\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Cr\u00e9ations de posts pour une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/05\/Design-sans-titre-1.jpg\" alt=\"Projet graphique 2\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer)<br> \n<strong> Logiciel <\/strong> : Photoshop <br>\n<strong> Description <\/strong> :\nCr\u00e9ation de posts instagram pour une marque en respectant son identit\u00e9 visuelle.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Logo et charte graphique d’une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator.png\" alt=\"Projet graphique 2\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Analyse & Strat\u00e9gie (Comprendre), Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer)<br> \n<strong> Logiciel <\/strong> : Illustrator <br>\n<strong> Description <\/strong> :\nR\u00e9alisation d’un logo vectoris\u00e9 sur Illustrator d’une marque de jouets invent\u00e9e. Cr\u00e9ation de l’identit\u00e9 visuelle de cette marque contenant les r\u00e8gles d’usages du logo, la typographie utilis\u00e9e et les couleurs de la marque.<\/p>\n <\/div>\n <\/div>\n\n\n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>D\u00e9cor pour un niveau de jeu vid\u00e9o<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/RASOLOMANANA-Gaelle-Fond-Jeu-vierge.jpg\" alt=\"Description du projet\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer) <br>\n<strong> Logiciel <\/strong> : Photoshop <br>\n<strong> Description <\/strong> :\nFond r\u00e9alis\u00e9 avec Photoshop avec l’utilisation des outils de s\u00e9lection, de duplication et de d\u00e9grad\u00e9.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n <\/div>\n \n\n \n <div id=\"marketing\" class=\"tab-pane\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n<h3>Strat\u00e9gie de marketing pour une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator-1.png\" alt=\"Projet marketing 1\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : Gestion de Projet & Collaboration (Entreprendre) <br>\n<strong> Logiciels <\/strong> : Canva, Photoshop <br>\n<strong> Description <\/strong> :\nElaboration d’une strat\u00e9gie de marketing pour une marque fictive avec l’analyse de la concurrence, mapping, SWOT, KPI et planning de publication sur les r\u00e9seaux sociaux.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n<h3>Strat\u00e9gie de communication pour un \u00e9v\u00e8nement<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/05\/Design-sans-titre-2.jpg\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : Gestion de Projet & Collaboration (Entreprendre) <br>\n<strong> Logiciels <\/strong> : Canva, Photoshop <br>\n<strong> Description <\/strong> :\nCr\u00e9ation de planning et de post de contenus pour un concert\u00a0\u00bb.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"web-dev\" class=\"tab-pane\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Capture-decran-2025-04-09-a-10.40.50.png\" alt=\"Projet web 1\">\n <\/div>\n <div class=\"creation-text\">\n <h3>Site Web<\/h3>\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : HTML, CSS <br>\n<strong> Description <\/strong> :\nSite internet CV\/Portfolio cr\u00e9\u00e9 en anglais avec uniquement du HTML et du CSS. H\u00e9berg\u00e9 sur o2switch. Adresse du site : http:\/\/gaelle.rasolomanana.mmi-velizy.fr\/index.html<\/p>\n <\/div>\n <\/div>\n \n \n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Jeu vid\u00e9o<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/image-7.png\" alt=\"Description de l'image\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : HTML, CSS, Javascript <br>\n<strong> Description <\/strong> :\nCr\u00e9ation d’un jeu vid\u00e9o en Javascript. Le but est de ramasser tous les cristaux pr\u00e9sents sur le d\u00e9cor pour gagner la partie. Adresse vers le site du jeu : http:\/\/jeu.gaelle.rasolomanana.mmi-velizy.fr\/<\/p>\n <\/div>\n<\/div>\n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Cr\u00e9ation d’un formulaire<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator.jpg\" alt=\"Description de l'image\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : SQL <br>\n<strong> Description <\/strong> :\nCr\u00e9ation d’un formulaire reli\u00e9 \u00e0 une base de donn\u00e9es avec du langage php et SQL.<\/p>\n <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Script pour la navigation par onglets\n document.addEventListener('DOMContentLoaded', function() {\n const tabButtons = document.querySelectorAll('.tab-button');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Retirer la classe active\n document.querySelectorAll('.tab-button').forEach(btn => {\n btn.classList.remove('active');\n });\n \n document.querySelectorAll('.tab-pane').forEach(pane => {\n pane.classList.remove('active');\n });\n \n \/\/ Ajouter la classe active\n this.classList.add('active');\n \n \/\/ Afficher le panneau correspondant\n const tabId = this.getAttribute('data-tab');\n document.getElementById(tabId).classList.add('active');\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Cr\u00e9ations Graphiques Marketing & Communication D\u00e9veloppement Web Cr\u00e9ations de posts pour une marque Comp\u00e9tence : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer) Logiciel : Photoshop Description : Cr\u00e9ation de posts instagram pour une marque en respectant son identit\u00e9 visuelle. Logo et charte graphique d’une marque Comp\u00e9tence : Analyse & Strat\u00e9gie (Comprendre), Cr\u00e9ation de Contenus […]<\/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-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":28,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":34,"date":"2025-04-01T18:27:26","date_gmt":"2025-04-01T16:27:26","guid":{"rendered":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/?page_id=34"},"modified":"2025-05-08T12:24:23","modified_gmt":"2025-05-08T10:24:23","slug":"creations","status":"publish","type":"page","link":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/creations\/","title":{"rendered":"Cr\u00e9ations"},"content":{"rendered":"\n\n\n\n \n \n Portfolio<\/title>\n <style>\n \/* Styles g\u00e9n\u00e9raux *\/\n body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: #333;\n line-height: 1.6;\n }\n \n .portfolio-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 30px 20px;\n }\n\n \/* Navigation par onglets *\/\n .portfolio-tabs {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n flex-wrap: wrap;\n gap: 15px;\n }\n\n .tab-button {\n padding: 18px 35px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-size: 18px;\n font-weight: 600;\n transition: all 0.3s ease;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1px;\n background: linear-gradient(135deg, #1e90ff, #3742fa);\n box-shadow: 0 4px 15px rgba(30, 144, 255, 0.3);\n min-width: 250px;\n }\n\n .tab-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(55, 66, 250, 0.4);\n }\n\n .tab-button.active {\n background: linear-gradient(135deg, #5352ed, #1e90ff);\n transform: translateY(-2px);\n }\n\n \/* Contenu des onglets *\/\n .tab-content {\n width: 100%;\n }\n\n .tab-pane {\n display: none;\n }\n\n .tab-pane.active {\n display: block;\n animation: fadeIn 0.5s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Style des cr\u00e9ations *\/\n .creation-item {\n width: 100%;\n margin-bottom: 60px;\n border-radius: 8px;\n overflow: hidden;\n transition: transform 0.3s ease;\n }\n\n .creation-item:hover {\n transform: translateY(-5px);\n }\n\n .creation-image {\n width: 100%;\n }\n\n .creation-image img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .creation-text {\n padding: 30px;\n background: white;\n box-shadow: 0 5px 25px rgba(0,0,0,0.1);\n border-radius: 0 0 8px 8px;\n }\n\n .creation-text h3 {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: #333;\n }\n\n .creation-text p {\n font-size: 1.1rem;\n color: #555;\n margin-bottom: 15px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .portfolio-tabs {\n flex-direction: column;\n align-items: center;\n }\n \n .tab-button {\n width: 100%;\n max-width: 300px;\n margin-bottom: 10px;\n padding: 15px 25px;\n font-size: 16px;\n }\n\n .creation-text {\n padding: 20px;\n }\n\n .creation-text h3 {\n font-size: 1.5rem;\n }\n\n .creation-text p {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"portfolio-container\">\n \n <div class=\"portfolio-tabs\">\n <button class=\"tab-button active\" data-tab=\"graphic-design\">Cr\u00e9ations Graphiques<\/button>\n <button class=\"tab-button\" data-tab=\"marketing\">Marketing & Communication<\/button>\n <button class=\"tab-button\" data-tab=\"web-dev\">D\u00e9veloppement Web<\/button>\n <\/div>\n\n \n <div class=\"tab-content\">\n \n <div id=\"graphic-design\" class=\"tab-pane active\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Cr\u00e9ations de posts pour une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/05\/Design-sans-titre-1.jpg\" alt=\"Projet graphique 2\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer)<br> \n<strong> Logiciel <\/strong> : Photoshop <br>\n<strong> Description <\/strong> :\nCr\u00e9ation de posts instagram pour une marque en respectant son identit\u00e9 visuelle.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Logo et charte graphique d’une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator.png\" alt=\"Projet graphique 2\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Analyse & Strat\u00e9gie (Comprendre), Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer)<br> \n<strong> Logiciel <\/strong> : Illustrator <br>\n<strong> Description <\/strong> :\nR\u00e9alisation d’un logo vectoris\u00e9 sur Illustrator d’une marque de jouets invent\u00e9e. Cr\u00e9ation de l’identit\u00e9 visuelle de cette marque contenant les r\u00e8gles d’usages du logo, la typographie utilis\u00e9e et les couleurs de la marque.<\/p>\n <\/div>\n <\/div>\n\n\n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>D\u00e9cor pour un niveau de jeu vid\u00e9o<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/RASOLOMANANA-Gaelle-Fond-Jeu-vierge.jpg\" alt=\"Description du projet\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tence <\/strong> : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer) <br>\n<strong> Logiciel <\/strong> : Photoshop <br>\n<strong> Description <\/strong> :\nFond r\u00e9alis\u00e9 avec Photoshop avec l’utilisation des outils de s\u00e9lection, de duplication et de d\u00e9grad\u00e9.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n <\/div>\n \n\n \n <div id=\"marketing\" class=\"tab-pane\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n<h3>Strat\u00e9gie de marketing pour une marque<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator-1.png\" alt=\"Projet marketing 1\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : Gestion de Projet & Collaboration (Entreprendre) <br>\n<strong> Logiciels <\/strong> : Canva, Photoshop <br>\n<strong> Description <\/strong> :\nElaboration d’une strat\u00e9gie de marketing pour une marque fictive avec l’analyse de la concurrence, mapping, SWOT, KPI et planning de publication sur les r\u00e9seaux sociaux.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n<h3>Strat\u00e9gie de communication pour un \u00e9v\u00e8nement<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/05\/Design-sans-titre-2.jpg\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : Gestion de Projet & Collaboration (Entreprendre) <br>\n<strong> Logiciels <\/strong> : Canva, Photoshop <br>\n<strong> Description <\/strong> :\nCr\u00e9ation de planning et de post de contenus pour un concert\u00a0\u00bb.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"web-dev\" class=\"tab-pane\">\n \n <div class=\"creation-item\">\n <div class=\"creation-image\">\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Capture-decran-2025-04-09-a-10.40.50.png\" alt=\"Projet web 1\">\n <\/div>\n <div class=\"creation-text\">\n <h3>Site Web<\/h3>\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : HTML, CSS <br>\n<strong> Description <\/strong> :\nSite internet CV\/Portfolio cr\u00e9\u00e9 en anglais avec uniquement du HTML et du CSS. H\u00e9berg\u00e9 sur o2switch. Adresse du site : http:\/\/gaelle.rasolomanana.mmi-velizy.fr\/index.html<\/p>\n <\/div>\n <\/div>\n \n \n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Jeu vid\u00e9o<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/image-7.png\" alt=\"Description de l'image\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : HTML, CSS, Javascript <br>\n<strong> Description <\/strong> :\nCr\u00e9ation d’un jeu vid\u00e9o en Javascript. Le but est de ramasser tous les cristaux pr\u00e9sents sur le d\u00e9cor pour gagner la partie. Adresse vers le site du jeu : http:\/\/jeu.gaelle.rasolomanana.mmi-velizy.fr\/<\/p>\n <\/div>\n<\/div>\n<div class=\"creation-item\">\n <div class=\"creation-image\">\n <h3>Cr\u00e9ation d’un formulaire<\/h3>\n <img decoding=\"async\" src=\"http:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-content\/uploads\/2025\/04\/Logo-realise-sur-Illustrator.jpg\" alt=\"Description de l'image\">\n <\/div>\n <div class=\"creation-text\">\n <p><strong> Comp\u00e9tences <\/strong> : D\u00e9veloppement Web & Interactivit\u00e9 (D\u00e9velopper) <br>\n<strong> Logiciel <\/strong> : Visual Studio Code <br>\n<strong> Language de programmation <\/strong> : SQL <br>\n<strong> Description <\/strong> :\nCr\u00e9ation d’un formulaire reli\u00e9 \u00e0 une base de donn\u00e9es avec du langage php et SQL.<\/p>\n <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Script pour la navigation par onglets\n document.addEventListener('DOMContentLoaded', function() {\n const tabButtons = document.querySelectorAll('.tab-button');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ Retirer la classe active\n document.querySelectorAll('.tab-button').forEach(btn => {\n btn.classList.remove('active');\n });\n \n document.querySelectorAll('.tab-pane').forEach(pane => {\n pane.classList.remove('active');\n });\n \n \/\/ Ajouter la classe active\n this.classList.add('active');\n \n \/\/ Afficher le panneau correspondant\n const tabId = this.getAttribute('data-tab');\n document.getElementById(tabId).classList.add('active');\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Cr\u00e9ations Graphiques Marketing & Communication D\u00e9veloppement Web Cr\u00e9ations de posts pour une marque Comp\u00e9tence : Cr\u00e9ation de Contenus & Identit\u00e9 Visuelle (Exprimer) Logiciel : Photoshop Description : Cr\u00e9ation de posts instagram pour une marque en respectant son identit\u00e9 visuelle. Logo et charte graphique d’une marque Comp\u00e9tence : Analyse & Strat\u00e9gie (Comprendre), Cr\u00e9ation de Contenus […]<\/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-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":28,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/pages\/34\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/portfolio.gaelle.rasolomanana.mmi-velizy.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}