From 1216da3fc089776235eefeda1b6159e253eb9536 Mon Sep 17 00:00:00 2001
From: hugo <hugo.creneau@etu.uca.fr>
Date: Wed, 5 Jun 2024 15:22:04 +0200
Subject: [PATCH] codesmell

---
 index.html | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 31b2e95..f459ae1 100644
--- a/index.html
+++ b/index.html
@@ -25,12 +25,12 @@
                 <span></span>
             </div>
             <ul class="nav">
-                <li id="texthomeenrouge"><a href="#home" class="active"><i class="fa fa-home"></i>Accueil</a></li>
-                <li><a href="#about"><i class="fa fa-user"></i>Mon Experience</a></li>
-                <li><a href="#competences"><i class="fa fa-list"></i>Compétences</a></li>
-                <li><a href="#qualites"><i class="fa fa-star"></i>Qualités</a></li>
-                <li><a href="#portfolio"><i class="fa fa-briefcase"></i>Mes Projets</a></li>
-                <li><a href="#contact"><i class="fa fa-comments"></i>Contact</a></li>
+                <li id="texthomeenrouge"><a href="#home" class="active"><em class="fa fa-home"></em>Accueil</a></li>
+                <li><a href="#about"><em class="fa fa-user"></em>Mon Experience</a></li>
+                <li><a href="#competences"><em class="fa fa-list"></em>Compétences</a></li>
+                <li><a href="#qualites"><em class="fa fa-star"></em>Qualités</a></li>
+                <li><a href="#portfolio"><em class="fa fa-briefcase"></em>Mes Projets</a></li>
+                <li><a href="#contact"><em class="fa fa-comments"></em>Contact</a></li>
             </ul>
         </div>
         <div class="main-content">
@@ -77,7 +77,7 @@
                                                 <div class="timeline-item">
                                                     <div class="circle-dot"></div>
                                                     <h3 class="timeline-date">
-                                                        <i class="fa fa-calendar"></i> 2023 -2024
+                                                        <em class="fa fa-calendar"></em> 2023 -2024
                                                     </h3>
                                                     <h4 class="timeline-title">1ere année BUT Informatique</h4>
                                                     <p class="timeline-text">Le <strong>BUT Informatique</strong> me plonge dans le développement, 
@@ -89,7 +89,7 @@
                                                 <div class="timeline-item">
                                                     <div class="circle-dot"></div>
                                                     <h3 class="timeline-date">
-                                                        <i class="fa fa-calendar"></i> 2021 - 2023
+                                                        <em class="fa fa-calendar"></em> 2021 - 2023
                                                     </h3>
                                                     <h4 class="timeline-title">Obtention du diplome du Baccalauréat</h4>
                                                     <p class="timeline-text">Durant ces années au lycée Jean-Zay à Thiers(63), j'ai obtenu le 
@@ -109,7 +109,7 @@
                                                 <div class="timeline-item">
                                                     <div class="circle-dot"></div>
                                                     <h3 class="timeline-date">
-                                                        <i class="fa fa-calendar"></i> 22-23 mai 2022 - 3-4 juin 2023
+                                                        <em class="fa fa-calendar"></em> 22-23 mai 2022 - 3-4 juin 2023
                                                     </h3>
                                                     <h4 class="timeline-title">Bénévolat durant l'évenement enduforez</h4>
                                                     <p class="timeline-text">En mai 2022 et en juin 2023, je faisais partie des responsables de 
@@ -145,7 +145,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-pencil-alt"></i>
+                                    <em class="fa fa-pencil-alt"></em>
                                 </div>
                                 <h4>Web Design</h4>
                                 <p>Le <strong>webdesign</strong> est l'art de concevoir des interfaces web attrayantes et fonctionnelles, 
@@ -156,7 +156,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-laptop-code"></i>
+                                    <em class="fa fa-laptop-code"></em>
                                 </div>
                                 <h4>Web Development</h4>
                                 <p>Le <strong>développement web</strong> englobe la création et la maintenance de sites web, utilisant des 
@@ -169,7 +169,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-rocket"></i>
+                                    <em class="fa fa-rocket"></em>
                                 </div>
                                 <h4>Frameworks web</h4>
                                 <p>Les <strong>frameworks web</strong> sont des outils essentiels qui permettent de structurer et de faciliter le 
@@ -183,7 +183,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-code"></i>
+                                    <em class="fa fa-code"></em>
                                 </div>
                                 <h4>Coding</h4>
                                 <p>Le <strong>coding</strong>, ou <strong>codage</strong>, fait référence à l'acte d'écrire du code informatique 
@@ -198,7 +198,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-puzzle-piece"></i>
+                                    <em class="fa fa-puzzle-piece"></em>
                                 </div>
                                 <h4>Développement Orienté Objet</h4>
                                 <p>Le <strong>développement orienté objet</strong> est une approche de programmation où les concepts du monde 
@@ -211,7 +211,7 @@
                         <div class="competences-item padd-15">
                             <div class="competences-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-cogs"></i>
+                                    <em class="fa fa-cogs"></em>
                                 </div>
                                 <h4>Développement Applicatif</h4>
                                 <p>Le <strong>développement applicatif</strong> avec <strong>XAML</strong> et <strong>C#</strong> consiste à 
@@ -235,7 +235,7 @@
                         <div class="qualites-item padd-15">
                             <div class="qualites-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-paint-brush"></i>
+                                    <em class="fa fa-paint-brush"></em>
                                 </div>
                                 <h4>Créativité</h4>
                                 <p>La <strong>créativité</strong> est une qualité essentielle dans le domaine du design et du développement, 
@@ -250,7 +250,7 @@
                         <div class="qualites-item padd-15">
                             <div class="qualites-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-puzzle-piece"></i>
+                                    <em class="fa fa-puzzle-piece"></em>
                                 </div>
                                 <h4>Adaptibilité</h4>
                                 <p>L'<strong>adaptabilité</strong> est une qualité clé qui me caractérise. Elle se manifeste par ma capacité à 
@@ -264,7 +264,7 @@
                         <div class="qualites-item padd-15">
                             <div class="qualites-item-inner">
                                 <div class="icon">
-                                    <i class="fa fa-ruler"></i>
+                                    <em class="fa fa-ruler"></em>
                                 </div>
                                 <h4>Rigueur</h4>
                                 <p>La <strong>rigueur</strong> est l'une de mes qualités fondamentales. Elle se manifeste dans mon approche 
@@ -507,17 +507,17 @@
                     <h4 class="contact-sub-title padd-15">JE SUIS A VOTRE SERVICE</h4>
                     <div class="row listcontact">
                         <div class="contact-info-item padd-15">
-                            <div class="icon"><i class="fa fa-envelope"></i></div>
+                            <div class="icon"><em class="fa fa-envelope"></em></div>
                             <h4>Email</h4>
                             <p>hugo.creneau@etu.uca.fr</p>
                         </div>
                         <div class="contact-info-item padd-15">
-                            <div class="icon"><i class="fa fa-map-marker-alt"></i></div>
+                            <div class="icon"><em class="fa fa-map-marker-alt"></em></div>
                             <h4>Lieu :</h4>
                             <p>Clermont-Ferrand (63) - France</p>
                         </div>
                         <div class="contact-info-item padd-15">
-                            <div class="icon"><i class="fa fa-globe-europe"></i></div>
+                            <div class="icon"><em class="fa fa-globe-europe"></em></div>
                             <h4>LinkedIn</h4>
                             <a href="https://www.linkedin.com/in/hugo-creneau-53a7402a8/" id="linked">Mon LinkedIn</a>
                         </div>
@@ -567,10 +567,10 @@
     </div>
     <div class="style-switcher">
         <div class="style-switcher-toggle s-icon">
-            <i class="fas fa-cog fa-spin"></i>
+            <em class="fas fa-cog fa-spin"></em>
         </div>
         <div class="day-night s-icon">
-            <i class="fas "></i>
+            <em class="fas "></em>
         </div>
         <h4>Theme Colors</h4>
         <div class="colors">