add new cvs

public/cv/cv-comymedia.md

@@ -0,0 +1,72 @@
+# Valère BRON
+
+**Webdesigner / Développeur Front | Vue.js, Nuxt, WordPress, UI/UX**
+
+Développeur front depuis plus de 12 ans, je combine expertise technique et sens du design pour créer des interfaces web performantes, accessibles et attractives. Passionné par l’expérience utilisateur, je transforme les concepts graphiques en sites web fonctionnels et optimisés.
+
+📞 06 81 84 77 37  
+📧 contact@valere.dev  
+🔗 [LinkedIn](https://www.linkedin.com/in/valere-bron/)  
+💻 [GitHub](https://github.com/valerebron)  
+🎨 Portfolio : [valere.dev/portfolio](https://valere.dev/portfolio)
+
+---
+
+## 💡 Compétences
+
+- **Front-end & CMS :** Vue.js, Nuxt, React.js, HTML, CSS, JavaScript, WordPress, PrestaShop, WooCommerce, Divi, Elementor
+- **Graphisme & UI :** Photoshop, Illustrator, InDesign, XD, Tailwind, SCSS
+- **SEO & marketing digital :** Optimisation SEO, Google Ads, newsletters, intégration de chartes graphiques
+- **Méthodes & outils :** Git, GitLab, Jira, Agile/Scrum, tests E2E, CI/CD
+- **Soft skills :** Autonomie, créativité, sens du détail, communication et travail en équipe
+
+---
+
+## 🏢 Expériences
+
+### 2025 – Groupama | Développeur Vue.js
+
+- Développement d’applications Vue 3, optimisation UX et accessibilité
+- Collaboration étroite avec les équipes métier et design
+- Participation à la conception et aux tests fonctionnels
+
+### 2024 – Fitarena | Développeur Vue.js / UI
+
+- Création d’un agenda interactif Vue 3 & Pinia
+- Développement de composants UI sur-mesure et intégration front
+
+### 2021–2023 – Potager City | Développeur Front
+
+- Développement et maintenance d’une application Vue 2 avec focus accessibilité
+- Mise en place de tests E2E et optimisation SEO
+- Développement d’éléments graphiques pour campagnes emailing
+
+### 2020–2021 – MassiveMusic | Développeur Fullstack & Designer UI
+
+- Création d’un réseau social de streaming musical
+- Intégration de composants Vue avec Atomic Design
+- Design et prototypage d’interfaces utilisateur
+
+### 2019 – Euronews | Intégrateur Front
+
+- Intégration SCSS normalisée (ITCSS) pour la V3 du site
+
+### 2018 – Tyredating | Développeur Front
+
+- Création de composants Vue et intégration responsive
+- Réalisation de maquettes et d’éléments graphiques
+
+---
+
+## 🎓 Diplômes
+
+- 2011 – Licence Ingénierie de l’Internet
+- 2010 – BTS Communication et Industries Graphiques
+
+---
+
+## 🚀 Projets personnels
+
+- Développement de paquets npm et extensions Web
+- Projets WordPress et PrestaShop pour clients et expérimentations personnelles
+- Création de kits UI/UX pour applications web internes et prototypes interactifs

public/cv/cv-jalis.md

@@ -0,0 +1,79 @@
+# Valère BRON — Développeur Front-End & UX/UI
+
+Marseille / Freelance • Vue.js / React.js • Interfaces web accessibles et performantes
+
+📞 06 81 84 77 37  
+📧 contact@valere.dev  
+🔗 [LinkedIn](https://www.linkedin.com/in/valere-bron/)  
+💻 [GitHub](https://github.com/valerebron)
+
+---
+
+## Profil
+
+Développeur front-end expérimenté avec 12 ans d’expérience, spécialisé dans la création d’interfaces web modernes, accessibles et performantes.  
+Passionné par l’expérience utilisateur, j’ai conçu des applications interactives et responsives, en intégrant des principes UX/UI et en travaillant étroitement avec les équipes design et produit.  
+Je souhaite évoluer vers le design d’interfaces et l’optimisation des parcours utilisateurs au sein d’une agence innovante.
+
+---
+
+## Compétences
+
+**UX/UI & Design :** Wireframes, prototypes interactifs, parcours utilisateurs multi-devices, accessibilité (WCAG), tests A/B, design system
+
+**Front-End :** Vue.js, React.js, TypeScript, JavaScript ES6+, HTML5, CSS3, Tailwind, SCSS, Storybook
+
+**Outils & logiciels :** Figma, Adobe Suite (Photoshop, Illustrator, XD), Git, npm, Docker
+
+**Méthodologie :** Agile (Scrum / Kanban), collaboration produit et design, veille technologique
+
+---
+
+## Expériences professionnelles
+
+### Développeur Front-End — Freelance
+
+**ESN & clients grands comptes — Lyon & Marseille • 2013–2025**
+
+- Développement d’interfaces interactives et responsives en Vue.js et React.js
+- Intégration et maintenance de design systems pour simplifier le workflow design → dev
+- Création de composants réutilisables et tests d’accessibilité
+- Collaboration avec équipes UX/UI pour optimiser parcours utilisateurs et performances
+- Mise en place de prototypes et validation de concepts avant production
+
+**Projets notables :**
+
+- Web TV synchronisée et plateforme interactive pour événement culturel
+- Applications SaaS et e-commerce avec intégration marketing et analytics
+- Systèmes front back orchestrés via Docker et CI/CD pour livraison rapide
+
+---
+
+## Projets personnels / démonstrateurs techniques
+
+- Kit front-end interactif avec Vue/React pour prototypage rapide
+- Microservices Docker pour apps web expérimentales
+- Web TV auto-hébergée et traitement d’images/vidéo en front et back
+
+---
+
+## Formation
+
+- Licence Ingénierie de l’Internet (2011)
+- Formation continue autodidacte en UX/UI, Figma, Adobe Suite
+- Veille constante sur design web, accessibilité et bonnes pratiques front-end
+
+---
+
+## Langues
+
+- Français : natif
+- Anglais : professionnel (documentation technique, échanges dev/design)
+
+---
+
+## Contact
+
+**Valère BRON**  
+Disponible freelance / CDD  
+Malt • LinkedIn • valere.dev

public/cv/cv-otoremote.md

@@ -0,0 +1,94 @@
+---
+title: "Valère BRON — Développeur Front-End / TypeScript orienté Full-Stack"
+author: "Valère BRON"
+geometry: margin=2cm
+fontsize: 11pt
+---
+
+# Valère BRON
+
+**Développeur Front-End / TypeScript orienté Full-Stack**  
+Marseille • Freelance • Vue.js / TypeScript / NestJS • Intérêt pour la santé numérique
+
+📞 06 81 84 77 37  
+📧 contact@valere.dev  
+🔗 [LinkedIn](https://www.linkedin.com/in/valere-bron/)  
+💻 [GitHub](https://github.com/valerebron)
+
+---
+
+## Profil
+
+Développeur front-end depuis 12 ans, spécialisé dans la construction d’interfaces web modernes, accessibles et performantes.  
+Je me positionne aujourd’hui comme **Front-End avancé** avec montée en compétences sur **NestJS, PostgreSQL et GraphQL**.  
+Attiré par les applications à impact (santé, culture, sciences) et les environnements agiles où l’on collabore directement avec les équipes produit et techniques.
+
+---
+
+## Compétences
+
+**Front-End :** Vue.js / Nuxt 3, TypeScript, HTML5, CSS3, Tailwind, Accessibilité (WCAG), State management (Pinia, VueUse), Tests (Vitest, Vue Test Utils)
+
+**Full-Stack (en progression) :** NestJS, Node.js, PostgreSQL, Prisma, REST / GraphQL, Auth, services, architecture modulaire
+
+**DevOps & outils :** Docker / docker-web, GitLab (Git Flow), CI/CD, Gitea, Linux
+
+**Méthodologie & UX :** Collaboration produit / UX, culture data, documentation technique, environnement Agile
+
+---
+
+## Expériences professionnelles
+
+### Développeur Front-End — Freelance
+
+**ESN & clients grands comptes — Lyon & Marseille • 2013–2025**
+
+- Intégration d’interfaces complexes et responsives
+- Composants UI sur-mesure en Vue.js / TypeScript
+- Optimisation performance front et audit accessibilité
+- Mise en place d’outils internes (design systems, librairies front)
+- Contribution ponctuelle à des API en Node/NestJS
+- Industrialisation via Docker, CI/CD, automatisations
+
+---
+
+## Projets personnels / démonstrateurs techniques
+
+- **PushToRecord (Android – Kotlin)** : App en arrière-plan pour enregistrement audio → flux asynchrone, permissions, architecture modulaire
+- **Web TV auto-hébergée** : Player synchronisé, génération dynamique de flux HLS → intégration front + backend, orchestration Docker
+- **Outil de superposition vidéo** : Extraction de frames, fusion, rendu via interface web → API simples, traitement d’image, micro-services Docker
+- **docker-web** : CLI d’orchestration Docker pour apps web → gestion images, automatisation, scripts Bash
+
+---
+
+## Formation
+
+- Autodidacte avancé • 12 ans d'expérience front, montée full-stack
+- Veille continue sur NestJS, PostgreSQL, GraphQL, perf front, UX
+- Ateliers OpenClassrooms / Udemy : NestJS & Prisma (2024-2025)
+
+---
+
+## Valeur ajoutée pour OTOREMOTE
+
+- Forte expérience interface/utilisation
+- Culture UX/UI et accessibilité
+- Capacité front immédiate
+- Montée en compétence NestJS déjà entamée
+- Travail propre, documenté, orienté qualité
+- Appétence forte pour projets à impact humain
+
+---
+
+## Langues
+
+- Français : natif
+- Anglais : technique courant (documentation, échanges dev)
+
+---
+
+## Contact
+
+**Valère BRON**  
+Marseille / Lyon — disponible en freelance et CDD  
+Malt • LinkedIn • valere.dev

public/cv/html/cv-comymedia.html

@@ -0,0 +1,237 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<h1>Valère BRON</h1>
+<p><strong>Webdesigner / Développeur Front | Vue.js, Nuxt, WordPress, UI/UX</strong></p>
+<p>Développeur front depuis plus de 12 ans, je combine expertise technique et sens du design pour créer des interfaces web performantes, accessibles et attractives. Passionné par l’expérience utilisateur, je transforme les concepts graphiques en sites web fonctionnels et optimisés.</p>
+<p>📞 06 81 84 77 37<br>
+📧 contact@valere.dev<br>
+🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
+💻 <a href="https://github.com/valerebron">GitHub</a><br>
+🎨 Portfolio : <a href="https://valere.dev/portfolio">valere.dev/portfolio</a></p>
+<hr>
+<h2>💡 Compétences</h2>
+<ul>
+<li><strong>Front-end &amp; CMS :</strong> Vue.js, Nuxt, React.js, HTML, CSS, JavaScript, WordPress, PrestaShop, WooCommerce, Divi, Elementor</li>
+<li><strong>Graphisme &amp; UI :</strong> Photoshop, Illustrator, InDesign, XD, Tailwind, SCSS</li>
+<li><strong>SEO &amp; marketing digital :</strong> Optimisation SEO, Google Ads, newsletters, intégration de chartes graphiques</li>
+<li><strong>Méthodes &amp; outils :</strong> Git, GitLab, Jira, Agile/Scrum, tests E2E, CI/CD</li>
+<li><strong>Soft skills :</strong> Autonomie, créativité, sens du détail, communication et travail en équipe</li>
+</ul>
+<hr>
+<h2>🏢 Expériences</h2>
+<h3>2025 – Groupama | Développeur Vue.js</h3>
+<ul>
+<li>Développement d’applications Vue 3, optimisation UX et accessibilité</li>
+<li>Collaboration étroite avec les équipes métier et design</li>
+<li>Participation à la conception et aux tests fonctionnels</li>
+</ul>
+<h3>2024 – Fitarena | Développeur Vue.js / UI</h3>
+<ul>
+<li>Création d’un agenda interactif Vue 3 &amp; Pinia</li>
+<li>Développement de composants UI sur-mesure et intégration front</li>
+</ul>
+<h3>2021–2023 – Potager City | Développeur Front</h3>
+<ul>
+<li>Développement et maintenance d’une application Vue 2 avec focus accessibilité</li>
+<li>Mise en place de tests E2E et optimisation SEO</li>
+<li>Développement d’éléments graphiques pour campagnes emailing</li>
+</ul>
+<h3>2020–2021 – MassiveMusic | Développeur Fullstack &amp; Designer UI</h3>
+<ul>
+<li>Création d’un réseau social de streaming musical</li>
+<li>Intégration de composants Vue avec Atomic Design</li>
+<li>Design et prototypage d’interfaces utilisateur</li>
+</ul>
+<h3>2019 – Euronews | Intégrateur Front</h3>
+<ul>
+<li>Intégration SCSS normalisée (ITCSS) pour la V3 du site</li>
+</ul>
+<h3>2018 – Tyredating | Développeur Front</h3>
+<ul>
+<li>Création de composants Vue et intégration responsive</li>
+<li>Réalisation de maquettes et d’éléments graphiques</li>
+</ul>
+<hr>
+<h2>🎓 Diplômes</h2>
+<ul>
+<li>2011 – Licence Ingénierie de l’Internet</li>
+<li>2010 – BTS Communication et Industries Graphiques</li>
+</ul>
+<hr>
+<h2>🚀 Projets personnels</h2>
+<ul>
+<li>Développement de paquets npm et extensions Web</li>
+<li>Projets WordPress et PrestaShop pour clients et expérimentations personnelles</li>
+<li>Création de kits UI/UX pour applications web internes et prototypes interactifs</li>
+</ul>
+
+</body>
+</html>

public/cv/html/cv-jalis.html

@@ -0,0 +1,232 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<h1>Valère BRON — Développeur Front-End &amp; UX/UI</h1>
+<p>Marseille / Freelance • Vue.js / React.js • Interfaces web accessibles et performantes</p>
+<p>📞 06 81 84 77 37<br>
+📧 contact@valere.dev<br>
+🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
+💻 <a href="https://github.com/valerebron">GitHub</a></p>
+<hr>
+<h2>Profil</h2>
+<p>Développeur front-end expérimenté avec 12 ans d’expérience, spécialisé dans la création d’interfaces web modernes, accessibles et performantes.<br>
+Passionné par l’expérience utilisateur, j’ai conçu des applications interactives et responsives, en intégrant des principes UX/UI et en travaillant étroitement avec les équipes design et produit.<br>
+Je souhaite évoluer vers le design d’interfaces et l’optimisation des parcours utilisateurs au sein d’une agence innovante.</p>
+<hr>
+<h2>Compétences</h2>
+<p><strong>UX/UI &amp; Design :</strong> Wireframes, prototypes interactifs, parcours utilisateurs multi-devices, accessibilité (WCAG), tests A/B, design system</p>
+<p><strong>Front-End :</strong> Vue.js, React.js, TypeScript, JavaScript ES6+, HTML5, CSS3, Tailwind, SCSS, Storybook</p>
+<p><strong>Outils &amp; logiciels :</strong> Figma, Adobe Suite (Photoshop, Illustrator, XD), Git, npm, Docker</p>
+<p><strong>Méthodologie :</strong> Agile (Scrum / Kanban), collaboration produit et design, veille technologique</p>
+<hr>
+<h2>Expériences professionnelles</h2>
+<h3>Développeur Front-End — Freelance</h3>
+<p><strong>ESN &amp; clients grands comptes — Lyon &amp; Marseille • 2013–2025</strong></p>
+<ul>
+<li>Développement d’interfaces interactives et responsives en Vue.js et React.js</li>
+<li>Intégration et maintenance de design systems pour simplifier le workflow design → dev</li>
+<li>Création de composants réutilisables et tests d’accessibilité</li>
+<li>Collaboration avec équipes UX/UI pour optimiser parcours utilisateurs et performances</li>
+<li>Mise en place de prototypes et validation de concepts avant production</li>
+</ul>
+<p><strong>Projets notables :</strong></p>
+<ul>
+<li>Web TV synchronisée et plateforme interactive pour événement culturel</li>
+<li>Applications SaaS et e-commerce avec intégration marketing et analytics</li>
+<li>Systèmes front back orchestrés via Docker et CI/CD pour livraison rapide</li>
+</ul>
+<hr>
+<h2>Projets personnels / démonstrateurs techniques</h2>
+<ul>
+<li>Kit front-end interactif avec Vue/React pour prototypage rapide</li>
+<li>Microservices Docker pour apps web expérimentales</li>
+<li>Web TV auto-hébergée et traitement d’images/vidéo en front et back</li>
+</ul>
+<hr>
+<h2>Formation</h2>
+<ul>
+<li>Licence Ingénierie de l’Internet (2011)</li>
+<li>Formation continue autodidacte en UX/UI, Figma, Adobe Suite</li>
+<li>Veille constante sur design web, accessibilité et bonnes pratiques front-end</li>
+</ul>
+<hr>
+<h2>Langues</h2>
+<ul>
+<li>Français : natif</li>
+<li>Anglais : professionnel (documentation technique, échanges dev/design)</li>
+</ul>
+<hr>
+<h2>Contact</h2>
+<p><strong>Valère BRON</strong><br>
+Disponible freelance / CDD<br>
+Malt • LinkedIn • valere.dev</p>
+
+</body>
+</html>

public/cv/html/cv-otoremote.html

@@ -0,0 +1,244 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<hr>
+<h2>title: “Valère BRON — Développeur Front-End / TypeScript orienté Full-Stack”
+author: “Valère BRON”
+geometry: margin=2cm
+fontsize: 11pt</h2>
+<h1>Valère BRON</h1>
+<p><strong>Développeur Front-End / TypeScript orienté Full-Stack</strong><br>
+Marseille • Freelance • Vue.js / TypeScript / NestJS • Intérêt pour la santé numérique</p>
+<p>📞 06 81 84 77 37<br>
+📧 contact@valere.dev<br>
+🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
+💻 <a href="https://github.com/valerebron">GitHub</a></p>
+<hr>
+<h2>Profil</h2>
+<p>Développeur front-end depuis 12 ans, spécialisé dans la construction d’interfaces web modernes, accessibles et performantes.<br>
+Je me positionne aujourd’hui comme <strong>Front-End avancé</strong> avec montée en compétences sur <strong>NestJS, PostgreSQL et GraphQL</strong>.<br>
+Attiré par les applications à impact (santé, culture, sciences) et les environnements agiles où l’on collabore directement avec les équipes produit et techniques.</p>
+<hr>
+<h2>Compétences</h2>
+<p><strong>Front-End :</strong> Vue.js / Nuxt 3, TypeScript, HTML5, CSS3, Tailwind, Accessibilité (WCAG), State management (Pinia, VueUse), Tests (Vitest, Vue Test Utils)</p>
+<p><strong>Full-Stack (en progression) :</strong> NestJS, Node.js, PostgreSQL, Prisma, REST / GraphQL, Auth, services, architecture modulaire</p>
+<p><strong>DevOps &amp; outils :</strong> Docker / docker-web, GitLab (Git Flow), CI/CD, Gitea, Linux</p>
+<p><strong>Méthodologie &amp; UX :</strong> Collaboration produit / UX, culture data, documentation technique, environnement Agile</p>
+<hr>
+<h2>Expériences professionnelles</h2>
+<h3>Développeur Front-End — Freelance</h3>
+<p><strong>ESN &amp; clients grands comptes — Lyon &amp; Marseille • 2013–2025</strong></p>
+<ul>
+<li>Intégration d’interfaces complexes et responsives</li>
+<li>Composants UI sur-mesure en Vue.js / TypeScript</li>
+<li>Optimisation performance front et audit accessibilité</li>
+<li>Mise en place d’outils internes (design systems, librairies front)</li>
+<li>Contribution ponctuelle à des API en Node/NestJS</li>
+<li>Industrialisation via Docker, CI/CD, automatisations</li>
+</ul>
+<hr>
+<h2>Projets personnels / démonstrateurs techniques</h2>
+<ul>
+<li><strong>PushToRecord (Android – Kotlin)</strong> : App en arrière-plan pour enregistrement audio → flux asynchrone, permissions, architecture modulaire</li>
+<li><strong>Web TV auto-hébergée</strong> : Player synchronisé, génération dynamique de flux HLS → intégration front + backend, orchestration Docker</li>
+<li><strong>Outil de superposition vidéo</strong> : Extraction de frames, fusion, rendu via interface web → API simples, traitement d’image, micro-services Docker</li>
+<li><strong>docker-web</strong> : CLI d’orchestration Docker pour apps web → gestion images, automatisation, scripts Bash</li>
+</ul>
+<hr>
+<h2>Formation</h2>
+<ul>
+<li>Autodidacte avancé • 12 ans d’expérience front, montée full-stack</li>
+<li>Veille continue sur NestJS, PostgreSQL, GraphQL, perf front, UX</li>
+<li>Ateliers OpenClassrooms / Udemy : NestJS &amp; Prisma (2024-2025)</li>
+</ul>
+<hr>
+<h2>Valeur ajoutée pour OTOREMOTE</h2>
+<ul>
+<li>Forte expérience interface/utilisation</li>
+<li>Culture UX/UI et accessibilité</li>
+<li>Capacité front immédiate</li>
+<li>Montée en compétence NestJS déjà entamée</li>
+<li>Travail propre, documenté, orienté qualité</li>
+<li>Appétence forte pour projets à impact humain</li>
+</ul>
+<hr>
+<h2>Langues</h2>
+<ul>
+<li>Français : natif</li>
+<li>Anglais : technique courant (documentation, échanges dev)</li>
+</ul>
+<hr>
+<h2>Contact</h2>
+<p><strong>Valère BRON</strong><br>
+Marseille / Lyon — disponible en freelance et CDD<br>
+Malt • LinkedIn • valere.dev</p>
+
+</body>
+</html>

public/cv/html/motivatiob-jalis.html

@@ -0,0 +1,189 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<p>Valère BRON
+Marseille
+📧 contact@valere.dev</p>
+<p>📞 06 81 84 77 37</p>
+<hr>
+<p>À l’attention du service recrutement JALIS
+Objet : Candidature au poste de Designer UX/UI Senior</p>
+<hr>
+<p>Madame, Monsieur,</p>
+<p>Développeur front-end depuis plus de 12 ans, j’ai acquis une solide expérience dans la conception et l’intégration d’interfaces web performantes, accessibles et centrées sur l’expérience utilisateur. Travaillant étroitement avec des équipes design et produit, j’ai toujours eu à cœur de transformer des concepts en parcours utilisateurs clairs et engageants, tout en veillant à la maintenabilité et la qualité du code.</p>
+<p>Passionné par l’UX/UI et le design interactif, j’ai développé des prototypes et des interfaces pour des applications web, des plateformes SaaS et des projets culturels, en intégrant les principes d’accessibilité et en optimisant l’expérience multi-devices. Ma maîtrise de Vue.js, React.js, HTML, CSS et Tailwind me permet de traduire les concepts graphiques en interfaces fonctionnelles et réactives, en collaboration avec les designers et les équipes produit.</p>
+<p>Rigoureux, curieux et force de proposition, je souhaite aujourd’hui évoluer vers un rôle de Designer UX/UI, afin de mettre pleinement mon expertise front et mon sens du design au service de projets innovants. Rejoindre JALIS serait pour moi l’opportunité de contribuer à la création d’interfaces modernes et performantes pour une agence reconnue pour son excellence et son innovation, tout en collaborant avec une équipe pluridisciplinaire passionnée.</p>
+<p>Je serais ravi de pouvoir échanger avec vous pour détailler mes compétences et la valeur que je peux apporter à vos projets.</p>
+<p>Je vous remercie pour votre attention et reste à votre disposition pour un entretien.</p>
+<p>Cordialement,
+Valère BRON</p>
+
+</body>
+</html>

public/cv/html/motivation-comymedia.html

@@ -0,0 +1,187 @@
+<html><head>
+            <link rel="preconnect" href="https://fonts.googleapis.com">
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+            <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
+            <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;display=swap" rel="stylesheet">                   
+            <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
+            <style>
+                /* Default styles */
+                pre {
+                    background: #2d2d2d;
+                    border-radius: 4px;
+                    margin: 0.5em 0;
+                }
+                code {
+                    font-family: 'Fira Code', Consolas, Monaco, monospace;
+                }
+                /* Custom CSS */
+                /* ====== Markdown PDF Pro Theme ====== */
+
+@page {
+  margin: 25mm 20mm;
+  margin-top: 0mm;
+}
+
+body {
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  color: #333;
+  background: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 60px;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 600;
+  margin-top: 2em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+  color: #222;
+}
+
+h1 {
+  font-size: 24pt;
+  border-bottom: 2px solid #000;
+  /* accent color */
+  padding-bottom: 0.3em;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  border-left: 4px solid #000;
+  padding-left: 0.5em;
+}
+
+h3 {
+  font-size: 14pt;
+  color: #444;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+  color: #555;
+}
+
+/* Paragraphs */
+p {
+  margin: 0.5em 0;
+  text-align: justify;
+}
+
+/* Links */
+a {
+  color: #1e7fce;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Lists */
+ul,
+ol {
+  margin: 0.5em 0 0.5em 2em;
+}
+
+li {
+  margin-bottom: 0.3em;
+}
+
+/* Blockquote */
+blockquote {
+  border-left: 4px solid #0078D7;
+  margin: 1em 0;
+  padding: 0.5em 1em;
+  color: #555;
+  background: #f9f9f9;
+  font-style: italic;
+}
+
+/* Code */
+code {
+  font-family: "Fira Code", "Consolas", monospace;
+  background: #f4f4f4;
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-size: 0.95em;
+}
+
+pre {
+  background: #1e1e1e;
+  color: #dcdcdc;
+  padding: 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.4;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+  font-size: 0.95em;
+}
+
+th,
+td {
+  border: 1px solid #ccc;
+  padding: 0.6em 0.8em;
+  text-align: left;
+}
+
+th {
+  background: #f0f0f0;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+/* Horizontal rule */
+hr {
+  border: none;
+  border-top: 2px solid #eee;
+  margin: 2em 0;
+}
+            </style>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
+        </head>
+<body>
+<h1>Lettre de motivation – Valère BRON</h1>
+<p><strong>Objet : Candidature au poste de Webdesigner / Développeur Front – Lyon</strong></p>
+<p>Madame, Monsieur,</p>
+<p>Fort de plus de 12 ans d’expérience en développement front-end et intégration d’interfaces web, je souhaite mettre mes compétences au service de votre agence afin de contribuer à la création et à la maintenance de sites internet performants et esthétiques pour vos clients.</p>
+<p>Passionné par l’expérience utilisateur, je combine expertise technique et sens du design pour transformer les concepts graphiques en interfaces fonctionnelles et accessibles. Mon parcours m’a permis de travailler sur des projets variés, du développement d’applications Vue.js et Nuxt à l’intégration de sites WordPress et PrestaShop, en passant par la réalisation de newsletters et l’optimisation SEO.</p>
+<p>Mon profil polyvalent me permet de gérer à la fois le design, l’intégration et la maintenance technique, tout en restant force de proposition sur l’ergonomie, l’accessibilité et la performance. Je maîtrise les outils de création graphique tels que Photoshop, Illustrator, InDesign et XD, et je sais les mettre en pratique dans le cadre de projets web complexes.</p>
+<p>Intégrer votre agence représente pour moi l’opportunité de contribuer à des projets ambitieux dans un environnement créatif et collaboratif, tout en continuant à enrichir mes compétences et à relever de nouveaux challenges techniques et graphiques.</p>
+<p>Je serais ravi de pouvoir vous présenter mon portfolio et discuter de la manière dont je pourrais apporter ma valeur ajoutée à votre équipe.</p>
+<p>Je vous remercie par avance pour l’attention portée à ma candidature et reste à votre disposition pour un entretien.</p>
+<p>Cordialement,<br>
+<strong>Valère BRON</strong><br>
+📞 06 81 84 77 37<br>
+📧 contact@valere.dev<br>
+🔗 <a href="https://valere.dev/portfolio">Portfolio</a></p>
+
+</body>
+</html>

public/cv/motivatiob-jalis.md

@@ -0,0 +1,27 @@
+Valère BRON
+Marseille
+📧 contact@valere.dev
+
+📞 06 81 84 77 37
+
+---
+
+À l’attention du service recrutement JALIS
+Objet : Candidature au poste de Designer UX/UI Senior
+
+---
+
+Madame, Monsieur,
+
+Développeur front-end depuis plus de 12 ans, j’ai acquis une solide expérience dans la conception et l’intégration d’interfaces web performantes, accessibles et centrées sur l’expérience utilisateur. Travaillant étroitement avec des équipes design et produit, j’ai toujours eu à cœur de transformer des concepts en parcours utilisateurs clairs et engageants, tout en veillant à la maintenabilité et la qualité du code.
+
+Passionné par l’UX/UI et le design interactif, j’ai développé des prototypes et des interfaces pour des applications web, des plateformes SaaS et des projets culturels, en intégrant les principes d’accessibilité et en optimisant l’expérience multi-devices. Ma maîtrise de Vue.js, React.js, HTML, CSS et Tailwind me permet de traduire les concepts graphiques en interfaces fonctionnelles et réactives, en collaboration avec les designers et les équipes produit.
+
+Rigoureux, curieux et force de proposition, je souhaite aujourd’hui évoluer vers un rôle de Designer UX/UI, afin de mettre pleinement mon expertise front et mon sens du design au service de projets innovants. Rejoindre JALIS serait pour moi l’opportunité de contribuer à la création d’interfaces modernes et performantes pour une agence reconnue pour son excellence et son innovation, tout en collaborant avec une équipe pluridisciplinaire passionnée.
+
+Je serais ravi de pouvoir échanger avec vous pour détailler mes compétences et la valeur que je peux apporter à vos projets.
+
+Je vous remercie pour votre attention et reste à votre disposition pour un entretien.
+
+Cordialement,
+Valère BRON

public/cv/motivation-comymedia.md

@@ -0,0 +1,23 @@
+# Lettre de motivation – Valère BRON
+
+**Objet : Candidature au poste de Webdesigner / Développeur Front – Lyon**
+
+Madame, Monsieur,
+
+Fort de plus de 12 ans d’expérience en développement front-end et intégration d’interfaces web, je souhaite mettre mes compétences au service de votre agence afin de contribuer à la création et à la maintenance de sites internet performants et esthétiques pour vos clients.
+
+Passionné par l’expérience utilisateur, je combine expertise technique et sens du design pour transformer les concepts graphiques en interfaces fonctionnelles et accessibles. Mon parcours m’a permis de travailler sur des projets variés, du développement d’applications Vue.js et Nuxt à l’intégration de sites WordPress et PrestaShop, en passant par la réalisation de newsletters et l’optimisation SEO.
+
+Mon profil polyvalent me permet de gérer à la fois le design, l’intégration et la maintenance technique, tout en restant force de proposition sur l’ergonomie, l’accessibilité et la performance. Je maîtrise les outils de création graphique tels que Photoshop, Illustrator, InDesign et XD, et je sais les mettre en pratique dans le cadre de projets web complexes.
+
+Intégrer votre agence représente pour moi l’opportunité de contribuer à des projets ambitieux dans un environnement créatif et collaboratif, tout en continuant à enrichir mes compétences et à relever de nouveaux challenges techniques et graphiques.
+
+Je serais ravi de pouvoir vous présenter mon portfolio et discuter de la manière dont je pourrais apporter ma valeur ajoutée à votre équipe.
+
+Je vous remercie par avance pour l’attention portée à ma candidature et reste à votre disposition pour un entretien.
+
+Cordialement,  
+**Valère BRON**  
+📞 06 81 84 77 37  
+📧 contact@valere.dev  
+🔗 [Portfolio](https://valere.dev/portfolio)