From d709287206692eb9d3df864a59f58621d9969404 Mon Sep 17 00:00:00 2001
From: RoxaneRossetto <roxanerossetto@rocketmail.com>
Date: Fri, 27 Jun 2025 15:57:39 +0200
Subject: [PATCH] rework des images, et ajustement de certains textes

---
 index.html | 112 ++++++++++++++++++++---------------------------------
 1 file changed, 42 insertions(+), 70 deletions(-)

diff --git a/index.html b/index.html
index 42de20a..3941781 100644
--- a/index.html
+++ b/index.html
@@ -19,18 +19,18 @@
   <main class="container">
     <div class="row">
       <aside class="col-md-4 mb-4 text-center bg-white p-4 rounded shadow" aria-label="Informations personnelles">
-        <img src="/containers/roxanerossetto-portfolio3a/images/pinou_logo.png" class="img-fluid rounded-circle mb-3" alt="Portrait de Roxane assise a coté de son chien, au sommet d'une montagne." >
+        <img src="/containers/roxanerossetto-portfolio3a/images/pinou_logo.png" class="img-fluid rounded-circle mb-3" alt="Portrait de Roxane avec son chien" style="max-width: 250px;">
         <h2 class="h5">Roxane Rossetto</h2>
         <p class="text-muted">Développeuse IA en alternance<br>BUT Informatique 3e année</p>
         <nav aria-label="Liens professionnels">
           <ul class="list-unstyled">
             <li class="mb-2">
-              <a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" class="btn btn-outline-primary w-100" target="_blank" rel="noopener">
+              <a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" class="btn btn-outline-primary w-100" target="_blank">
                 <img src="/containers/roxanerossetto-portfolio3a/images/logo.png" alt="CodeFirst" class="me-2" width="20">CodeFirst
               </a>
             </li>
             <li class="mb-2">
-              <a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211" class="btn btn-outline-primary w-100" target="_blank" rel="noopener">
+              <a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211" class="btn btn-outline-primary w-100" target="_blank">
                 <img src="/containers/roxanerossetto-portfolio3a/images/logo-linkedin-rond.png" alt="LinkedIn" class="me-2" width="20">LinkedIn
               </a>
             </li>
@@ -43,7 +43,6 @@
         </nav>
       </aside>
 
-      <!-- Main content with tabs -->
       <section class="col-md-8">
         <ul class="nav nav-tabs mb-4" id="portfolioTabs" role="tablist">
           <li class="nav-item" role="presentation">
@@ -63,83 +62,55 @@
         <div class="tab-content" id="portfolioTabsContent">
           <div class="tab-pane fade show active" id="a-propos" role="tabpanel" aria-labelledby="apropos-tab">
             <h2>À propos de moi</h2>
-            <img src="/containers/roxanerossetto-portfolio3a/images/forge.jpg" class="img-fluid rounded mb-3" alt="Photo de Roxane devant le feu d'une des plus anciennes forges de France, en train de faire chauffer un lopin de fer.">
-            <p>Avant de me lancer dans le domaine de l'informatique, j’ai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui m’a appris la rigueur, la persévérance, 
-et le goût du travail bien fait. Mais au fil du temps, une autre curiosité s’est imposée à moi : celle de la technologie, du numérique, et un peu plus tard celle pour l'intelligence artificielle.
-Ce désir de reconversion n’est pas né d’un hasard, mais d’un vrai besoin de challenge intellectuel, et d’un attrait profond pour les innovations qui transforment notre monde.J’ai alors fait le choix d’entamer 
-une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la persévérance qu'il faut pour mener à bien ce projet.</p>
-            <img src="/containers/roxanerossetto-portfolio3a/images/rox_dev.png" class="img-fluid rounded mb-3" alt="Photo de profil professionnelle de Roxane" style="width: 100%; max-width: 300px;">
-            <p>Ces trois années de formation, ponctuées par deux années d’alternance, ont confirmé que j’avais trouvé ma voie. J’ai pu combiner mon sens pratique avec une approche technique et humaine des projets, en 
-particulier dans le domaine de l’IA. Mon objectif aujourd’hui : continuer à évoluer dans ce secteur passionnant, en contribuant à des projets concrets et utiles.
-À travers ce portfolio, je souhaite partager ce parcours atypique mais cohérent, illustré par des expériences concrètes, des projets que j’ai menés, et des compétences que j’ai consolidées. Je crois profondément que ce sont les croisements d’univers – artisanat et technologie, 
-rigueur et curiosité – qui font la richesse de mon profil. Et c’est ce que je souhaite continuer à cultiver.</p>
+            <div class="row mb-3">
+              <div class="col-md-6">
+                <img src="/containers/roxanerossetto-portfolio3a/images/forge.jpg" class="img-fluid rounded mb-3" alt="Forge">
+                <p>Avant de me lancer dans le domaine de l'informatique, j’ai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui m’a appris la rigueur, la persévérance, 
+                et le goût du travail bien fait. Mais au fil du temps, une autre curiosité s’est imposée à moi : celle de la technologie, du numérique, et un peu plus tard celle pour l'intelligence artificielle.
+                Ce désir de reconversion n’est pas né d’un hasard, mais d’un vrai besoin de challenge intellectuel, et d’un attrait profond pour les innovations qui transforment notre monde.J’ai alors fait le choix d’entamer 
+                une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la persévérance qu'il faut pour mener à bien ce projet.</p>              </div>
+              <div class="col-md-6">
+                <img src="/containers/roxanerossetto-portfolio3a/images/rox_dev.png" class="img-fluid rounded mb-3" alt="Développeuse">
+                <p>Ces trois années de formation, ponctuées par deux années d’alternance, ont confirmé que j’avais trouvé ma voie. J’ai pu combiner mon sens pratique avec une approche technique et humaine des projets, en 
+                particulier dans le domaine de l’IA. Mon objectif aujourd’hui : continuer à évoluer dans ce secteur passionnant, en contribuant à des projets concrets et utiles.
+                À travers ce portfolio, je souhaite partager ce parcours atypique mais cohérent, illustré par des expériences concrètes, des projets que j’ai menés, et des compétences que j’ai consolidées. Je crois profondément que ce sont les croisements d’univers – artisanat et technologie, 
+                rigueur et curiosité – qui font la richesse de mon profil. Et c’est ce que je souhaite continuer à cultiver.</p>              </div>
+            </div>
           </div>
 
           <div class="tab-pane fade" id="experience" role="tabpanel" aria-labelledby="experience-tab">
             <h2>Expérience professionnelle</h2>
             <p>Durant mes deux années d’alternance, j’ai eu l’opportunité d’évoluer au sein d’environnements stimulants, où j’ai pu mettre en pratique mes compétences en développement tout en me spécialisant progressivement dans les projets liés à l’intelligence artificielle.</p>
-            <div>
-Entreprise : Akkodis <br>
-Période : 2 années de Septembre 2023 à Septembre2025 <br>
-Poste : Développeuse IA en alternance <br>
-<br>
-
-Missions principales durant la première année: <br><br>
-
-    Participation à la recherche et au développement de modules liés aux problèmes d'optimisation combinatoire ainsi qu'à l'architecture de prototype utilisant de l'IA agentique.
-
-    Contribution à l’amélioration de la qualité du code (tests, documentation)
-
-Ce que j’en retiens :
+            <h3>Première année d'alternance chez Akkodis</h3>
+            <p>Participation à la recherche et au développement de modules liés à l’optimisation combinatoire, à l’architecture de prototypes IA agentiques, et amélioration de la qualité du code (tests, documentation). 
+              Cette première immersion m’a permis d'acquérir les bonnes pratiques du développement en entreprise, et de monter en compétences dans le domaine de l'IA, en particulier le développement de prototypes en Python. J’ai expérimenté différents aspects de l’IA :</p>
+            <ul>
+              <li>Systèmes à agents autonomes pour simuler des comportements intelligents</li>
+              <li>Problèmes d'optimisation combinatoire dans des environnements dynamiques</li>
+              <li>Tests de différentes approches algorithmiques : heuristiques, recherche de chemin, etc.</li>
+            </ul>
+            <h3>Seconde année d'alternance chez Akkodis</h3>
+            <p>Cette seconde année d’alternance a marqué une transition décisive dans mon parcours : Au sein d'Akkodis, j’ai été pleinement impliquée dans un projet de preuve de concept (POC) autour de l’IA.
+              Mon rôle ne s’est pas limité au développement : j’ai été chargée de piloter le POC, d’en définir les objectifs fonctionnels et techniques, et de jouer un rôle d’interface entre les équipes techniques et les interlocuteurs métier. Mes missions :</p>
+            <ul>
+              <li>Cadrage du besoin avec client et équipes internes</li>
+              <li>Développement de prototypes avec intégration IA</li>
+              <li>Présentations régulières et ajustements</li>
+              <li>Coordination avec les développeurs, documentation</li>
+            </ul>
+            <p>À l’issue de cette mission, l’entreprise m’a exprimé son souhait de m’intégrer à plein temps, probablement sur un poste orienté gestion de projets IA. Ce type de rôle, à la croisée du pilotage, de la communication technique, et de la compréhension des enjeux IA, correspond pleinement à mes aspirations actuelles. 
+              Je suis aujourd’hui prête à consolider cette expérience en évoluant sur des projets d’envergure, toujours dans le domaine de l’intelligence artificielle.</p>
+          </div>
 
-    Cette première immersion m’a permis d'acquérir les bonnes pratiques du développement en entreprise, et de monter rapidement en compétences dans le domaine de l'IA, le développement de prototype en python et l’autonomie dans l'exécution des tâches.
-    Au cours de cette première année, j’ai eu l’opportunité d’explorer différents aspects de l’intelligence artificielle, tout en expérimentant ces nombreuses facettes. <br> Cette année m’a permis de : <br>
-          <ul>
-            <li>
-                M’initier aux systèmes à agents autonomes, notamment pour la simulation de comportements intelligents dans des environnements dynamiques
-            </li>
-            <li>
-              Expérimenter la résolution de problèmes d'optimlisation combinatoire sur les systèmes dynamiques (par exemple : adaptation de stratégie, apprentissage de règles à la volée)
-            </li>
-            <li>
-            Tester différentes approches algorithmiques (heuristiques, recherche de chemin, logique floue, etc.)
-            </li>
-          </ul>
-        </div>
-Cette seconde année d’alternance a marqué une transition décisive dans mon parcours : Au sein d'Akkodis, j’ai été pleinement impliquée dans un projet de preuve de concept (POC) autour de l’IA.
-Mon rôle ne s’est pas limité au développement : j’ai été chargée de piloter le POC, d’en définir les objectifs fonctionnels et techniques, et de jouer un rôle d’interface entre les équipes techniques et les interlocuteurs métier.
-Ce que j’en retiens : <br>
-Cette seconde année a été très riche d'apprentissage. Le fait de pouvoir suivre tout le long de l'année un projet unique, et de participé a chacune des étapes qui le compose  a été pour moi une experience très enrichissante, a laquelle j'ai adoré participé. <br> 
-Mes principales mission durant cette deuxième année étaient de : <br>
-              <ul>
-            <li>
-               Participaer au cadrage du besoin avec les équipes internes et le client final
-            </li>
-            <li>
-              Conception et développement de prototypes avec intégration IA
-            </li>
-            <li>
-            Présentation des avancées, ajustement en fonction des retours terrain
-            </li>
-            <li>
-              Coordination avec les développeurs : découpage des tâches, alignement technique, documentation
-            </li>
-          </ul>
-<br>
-        À l’issue de cette mission, l’entreprise m’a exprimé son souhait de m’intégrer à plein temps, probablement sur un poste orienté gestion de projets IA. Ce type de rôle, à la croisée du pilotage, de la communication technique, et de la compréhension des enjeux IA, correspond pleinement à mes aspirations actuelles. 
-        Je suis aujourd’hui prête à consolider cette expérience en évoluant sur des projets d’envergure, toujours dans le domaine de l’intelligence artificielle.
-                  </div>
-      </div>
           <div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
             <h2>Formation</h2>
-            <p>Je suis en fin de 3e année de BUT informatique à Clermont-Ferrand. Durant cette formation j'ai pu faire de multiple projets, que l'on appelle SAE. La SAE de 3A portait sur un projet d'editeur de texte dans lequel j'ai pu m'occuper de l'utilisation de l'IA via l'application Ollama. J’ai pu exploiter mon expérience en entreprise pour développer cette application intégrant de l’IA. 
-              Cette expérience m’a permis de renforcer mes compétences techniques et mon intérêt pour la gestion de projet en IA ainsi que dans le developpement d'application en collaboration avec une équipe informatique.</p>
-              <img src="/containers/roxanerossetto-portfolio3a/images/inkspire.png" alt="">
-            </div>
+            <p>En 3e année de BUT informatique à Clermont-Ferrand. Projet de SAE autour d’un éditeur de texte intégrant l’IA via Ollama. Ce projet m’a permis de mobiliser mes compétences en développement d'application, gestion de projet et collaboration au sein d'une équipe informatique.</p>
+            <img src="/containers/roxanerossetto-portfolio3a/images/inkspire.png" class="img-fluid rounded mb-3" alt="Inkspire">
+          </div>
 
           <div class="tab-pane fade" id="cv" role="tabpanel" aria-labelledby="cv-tab">
             <h2>Mon CV</h2>
-            <img src="/containers/roxanerossetto-portfolio3a/images/cv_updated.jpg" alt="CV de Roxane Rossetto" class="img-fluid rounded shadow mb-3">
+            <img src="/containers/roxanerossetto-portfolio3a/images/cv_updated.jpg" class="img-fluid rounded shadow mb-3" alt="CV">
           </div>
         </div>
       </section>
@@ -154,4 +125,5 @@ Mes principales mission durant cette deuxième année étaient de : <br>
 
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 </body>
+
 </html>