From c07ce9618f6e62e9c97c4544aa2bab495e08d7ca Mon Sep 17 00:00:00 2001
From: habib <habib.belaribi@aquilenet.fr>
Date: Fri, 6 May 2022 15:24:28 +0200
Subject: [PATCH] ajout de commentaires entre les sections

---
 index.html | 345 ++++++++---------------------------------------------
 1 file changed, 48 insertions(+), 297 deletions(-)

diff --git a/index.html b/index.html
index 726d81b..785670c 100644
--- a/index.html
+++ b/index.html
@@ -694,40 +694,12 @@
     </div>
   </section>
 
-  
-  
-  
 
-  
 
-  
 
-  
-
-  
-
-  
-
-  
-  
-
-  
-  
-  
-
-  
-  
-  
-  
-  
-
-  
-  
-
-  <section id="skills" class="home-section wg-featurette   "  >
+<!--DEBUT DE LA SECTION 1: "COMPETENCES" "TECHNIQUES"-->
+<section id="skills" class="home-section wg-featurette   "  >
     <div class="container">
-      
-
 
 <div class="row featurette">
   
@@ -736,14 +708,6 @@
     <p>COMPÉTENCES TECHNIQUES</p>
   </div>
   
-
-  
-
-  
-  
-  
-  
-  
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -753,11 +717,7 @@
       <p>90%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -769,10 +729,6 @@
   </div>
   
   
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:65%"></div>
@@ -781,11 +737,7 @@
       <p>65%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -795,11 +747,7 @@
       <p>85%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -809,11 +757,7 @@
       <p>70%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -823,11 +767,7 @@
       <p>70%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -837,11 +777,7 @@
       <p>50%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -855,43 +791,14 @@
 
 </div>
 
-    </div>
-  </section>
+</div>
+</section>
+<!--FIN DE LA SECTION 1: "COMPETENCES" "TECHNIQUES"-->
 
   
-  
-  
-
-  
-
-  
-
-  
-
-  
-
-  
-
-  
-  
-
-  
-  
-  
-
-  
-  
-  
-  
-  
-
-  
-  
-
-  <section id="skills2" class="home-section wg-featurette   "  >
+<!--DEBUT DE LA SECTION 2: "COMPETENCES" "MACHINES DE FABRICATION"-->
+<section id="skills2" class="home-section wg-featurette   "  >
     <div class="container">
-      
-
 
 <div class="row featurette">
   
@@ -902,13 +809,6 @@
   
 
   
-
-  
-  
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:90%"></div>
@@ -917,11 +817,7 @@
       <p>90%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -933,10 +829,6 @@
   </div>
   
   
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:75%"></div>
@@ -945,10 +837,7 @@
       <p>75%</p>
     </div>
   </div>
-  
-  
-  
-  
+
   
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
@@ -960,10 +849,7 @@
     </div>
   </div>
   
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -977,43 +863,15 @@
 
 </div>
 
-    </div>
-  </section>
-
-  
-  
-  
+</div>
+</section>
+<!--FIN DE LA SECTION 2: "COMPETENCES" "MACHINES DE FABRICATION"-->
 
   
 
-  
-
-  
-
-  
-
-  
-
-  
-  
-
-  
-  
-  
-
-  
-  
-  
-  
-  
-
-  
-  
-
-  <section id="skills3" class="home-section wg-featurette   "  >
+<!--DEBUT DE LA SECTION 3: "COMPETENCES" "LOGICIELS"-->
+<section id="skills3" class="home-section wg-featurette   "  >
     <div class="container">
-      
-
 
 <div class="row featurette">
   
@@ -1022,15 +880,6 @@
     <p>LOGICIELS</p>
   </div>
   
-
-  
-
-  
-  
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:90%"></div>
@@ -1041,10 +890,6 @@
   </div>
   
   
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:90%"></div>
@@ -1055,10 +900,6 @@
   </div>
   
   
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:90%"></div>
@@ -1069,10 +910,6 @@
   </div>
   
   
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:90%"></div>
@@ -1086,45 +923,17 @@
 </div>
 
     </div>
-  </section>
-
-  
-  
-  
+</section>
+<!--FIN DE LA SECTION 3: "COMPETENCES" "LOGICIELS"-->
 
   
 
   
-
-  
-
-  
-
-  
-
-  
-  
-
-  
-  
-  
-
-  
-  
-  
-  
-  
-
-  
-  
-
-  <section id="skills4" class="home-section wg-featurette   "  >
+<!--DEBUT DE LA SECTION 4: "COMPETENCES" "LANGAGES INFORMATIQUES"-->
+<section id="skills4" class="home-section wg-featurette   "  >
     <div class="container">
-      
-
 
 <div class="row featurette">
-  
   <div class="col-12 section-heading">
     <h1>Compétences</h1>
     <p>LANGAGES INFORMATIQUES</p>
@@ -1132,13 +941,6 @@
   
 
   
-
-  
-  
-  
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:75%"></div>
@@ -1148,10 +950,7 @@
     </div>
   </div>
   
-  
-  
-  
-  
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -1161,11 +960,8 @@
       <p>90%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
+
+
   
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
@@ -1178,9 +974,6 @@
   
   
   
-  
-  
-  
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:50%"></div>
@@ -1195,58 +988,24 @@
 
     </div>
   </section>
+<!--FIN DE LA SECTION 4: "COMPETENCES" "LANGAGES INFORMATIQUES"-->
+
 
   
-  
-  
-
-  
-
-  
-
-  
-
-  
-
-  
-
-  
-  
-
-  
-  
-  
-
-  
-  
-  
-  
-  
-
-  
-  
-
-  <section id="skills5" class="home-section wg-featurette   "  >
+<!--DEBUT DE LA SECTION 5: "COMPETENCES" de "COMMMUNICATION"-->
+<section id="skills5" class="home-section wg-featurette   "  >
     <div class="container">
       
 
-
 <div class="row featurette">
-  
+
   <div class="col-12 section-heading">
     <h1>Compétences</h1>
     <p>COMMUNICATION</p>
   </div>
-  
 
   
-
-  
-  
-  
-  
-  
-  
+  <!--DEBUT DE LA COMPETENCE 1-->
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:75%"></div>
@@ -1255,12 +1014,9 @@
       <p>75%</p>
     </div>
   </div>
+  <!--FIN DE LA COMPETENCE 1-->
   
-  
-  
-  
-  
-  
+  <!--DEBUT DE LA COMPETENCE 2-->
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:70%"></div>
@@ -1269,12 +1025,9 @@
       <p>70%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
-  
+  <!--FIN DE LA COMPETENCE 2-->
+
+  <!--DEBUT DE LA COMPETENCE 3-->
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:85%"></div>
@@ -1283,12 +1036,9 @@
       <p>85%</p>
     </div>
   </div>
-  
-  
-  
-  
-  
-  
+  <!--FIN DE LA COMPETENCE 3-->
+
+  <!--DEBUT DE LA COMPETENCE 4-->
   <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
     <div class="position-relative py-2 shadow featurette-margin">
       <div class="progress-bar" style="width:85%"></div>
@@ -1297,16 +1047,17 @@
       <p>85%</p>
     </div>
   </div>
-  
+  <!--FIN DE LA COMPETENCE 4-->
+
 
 </div>
 
     </div>
   </section>
+<!--FIN DE LA SECTION 5 : "COMPETENCES" DE "COMUNICATION"-->
 
   
   
-  
 
   
 
@@ -1432,7 +1183,7 @@
     </a>
     
     <div class="card-body">
-      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE #1]</a></h4>
+      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE]</a></h4>
       <div class="card-desription">
         <p>Système de captation temps réel des données de température et humidité pour la Bibliothèque de livres anciens de l'Université de Bordeaux.</p>
       </div>
@@ -1452,7 +1203,7 @@
     </a>
     
     <div class="card-body">
-      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE #1]</a></h4>
+      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE]</a></h4>
       <div class="card-desription">
         <p>Système de captation temps réel des données de température et humidité pour la Bibliothèque de livres anciens de l'Université de Bordeaux.</p>
       </div>
@@ -1472,7 +1223,7 @@
     </a>
     
     <div class="card-body">
-      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE #1]</a></h4>
+      <h4><a href="/portfolios/modele-de-depart/files/projet-Thermo-Bibli.pdf" >Thermo Bibli [ELECTRONIQUE]</a></h4>
       <div class="card-desription">
         <p>Système de captation temps réel des données de température et humidité pour la Bibliothèque de livres anciens de l'Université de Bordeaux.</p>
       </div>