ajout de commentaires entre les sections

This commit is contained in:
habib 2022-05-06 15:24:28 +02:00
parent 1199361860
commit c07ce9618f

View file

@ -694,40 +694,12 @@
</div> </div>
</section> </section>
<!--DEBUT DE LA SECTION 1: "COMPETENCES" "TECHNIQUES"-->
<section id="skills" class="home-section wg-featurette " >
<section id="skills" class="home-section wg-featurette " >
<div class="container"> <div class="container">
<div class="row featurette"> <div class="row featurette">
@ -736,14 +708,6 @@
<p>COMPÉTENCES TECHNIQUES</p> <p>COMPÉTENCES TECHNIQUES</p>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -753,11 +717,7 @@
<p>90%</p> <p>90%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -769,10 +729,6 @@
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:65%"></div> <div class="progress-bar" style="width:65%"></div>
@ -781,11 +737,7 @@
<p>65%</p> <p>65%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -795,11 +747,7 @@
<p>85%</p> <p>85%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -809,11 +757,7 @@
<p>70%</p> <p>70%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -823,11 +767,7 @@
<p>70%</p> <p>70%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -837,11 +777,7 @@
<p>50%</p> <p>50%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -855,43 +791,14 @@
</div> </div>
</div> </div>
</section> </section>
<!--FIN DE LA SECTION 1: "COMPETENCES" "TECHNIQUES"-->
<!--DEBUT DE LA SECTION 2: "COMPETENCES" "MACHINES DE FABRICATION"-->
<section id="skills2" class="home-section wg-featurette " >
<section id="skills2" class="home-section wg-featurette " >
<div class="container"> <div class="container">
<div class="row featurette"> <div class="row featurette">
@ -902,13 +809,6 @@
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div> <div class="progress-bar" style="width:90%"></div>
@ -917,11 +817,7 @@
<p>90%</p> <p>90%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -933,10 +829,6 @@
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:75%"></div> <div class="progress-bar" style="width:75%"></div>
@ -945,10 +837,7 @@
<p>75%</p> <p>75%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
@ -960,10 +849,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -977,43 +863,15 @@
</div> </div>
</div> </div>
</section> </section>
<!--FIN DE LA SECTION 2: "COMPETENCES" "MACHINES DE FABRICATION"-->
<!--DEBUT DE LA SECTION 3: "COMPETENCES" "LOGICIELS"-->
<section id="skills3" class="home-section wg-featurette " >
<section id="skills3" class="home-section wg-featurette " >
<div class="container"> <div class="container">
<div class="row featurette"> <div class="row featurette">
@ -1022,15 +880,6 @@
<p>LOGICIELS</p> <p>LOGICIELS</p>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div> <div class="progress-bar" style="width:90%"></div>
@ -1041,10 +890,6 @@
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div> <div class="progress-bar" style="width:90%"></div>
@ -1055,10 +900,6 @@
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div> <div class="progress-bar" style="width:90%"></div>
@ -1069,10 +910,6 @@
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:90%"></div> <div class="progress-bar" style="width:90%"></div>
@ -1086,45 +923,17 @@
</div> </div>
</div> </div>
</section> </section>
<!--FIN DE LA SECTION 3: "COMPETENCES" "LOGICIELS"-->
<!--DEBUT DE LA SECTION 4: "COMPETENCES" "LANGAGES INFORMATIQUES"-->
<section id="skills4" class="home-section wg-featurette " >
<section id="skills4" class="home-section wg-featurette " >
<div class="container"> <div class="container">
<div class="row featurette"> <div class="row featurette">
<div class="col-12 section-heading"> <div class="col-12 section-heading">
<h1>Compétences</h1> <h1>Compétences</h1>
<p>LANGAGES INFORMATIQUES</p> <p>LANGAGES INFORMATIQUES</p>
@ -1132,13 +941,6 @@
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:75%"></div> <div class="progress-bar" style="width:75%"></div>
@ -1148,10 +950,7 @@
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
@ -1161,11 +960,8 @@
<p>90%</p> <p>90%</p>
</div> </div>
</div> </div>
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <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="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:50%"></div> <div class="progress-bar" style="width:50%"></div>
@ -1195,58 +988,24 @@
</div> </div>
</section> </section>
<!--FIN DE LA SECTION 4: "COMPETENCES" "LANGAGES INFORMATIQUES"-->
<!--DEBUT DE LA SECTION 5: "COMPETENCES" de "COMMMUNICATION"-->
<section id="skills5" class="home-section wg-featurette " >
<section id="skills5" class="home-section wg-featurette " >
<div class="container"> <div class="container">
<div class="row featurette"> <div class="row featurette">
<div class="col-12 section-heading"> <div class="col-12 section-heading">
<h1>Compétences</h1> <h1>Compétences</h1>
<p>COMMUNICATION</p> <p>COMMUNICATION</p>
</div> </div>
<!--DEBUT DE LA COMPETENCE 1-->
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:75%"></div> <div class="progress-bar" style="width:75%"></div>
@ -1255,12 +1014,9 @@
<p>75%</p> <p>75%</p>
</div> </div>
</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="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:70%"></div> <div class="progress-bar" style="width:70%"></div>
@ -1269,12 +1025,9 @@
<p>70%</p> <p>70%</p>
</div> </div>
</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="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:85%"></div> <div class="progress-bar" style="width:85%"></div>
@ -1283,12 +1036,9 @@
<p>85%</p> <p>85%</p>
</div> </div>
</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="col-lg-3 col-sm-6 mb-4 mb-lg-0">
<div class="position-relative py-2 shadow featurette-margin"> <div class="position-relative py-2 shadow featurette-margin">
<div class="progress-bar" style="width:85%"></div> <div class="progress-bar" style="width:85%"></div>
@ -1297,16 +1047,17 @@
<p>85%</p> <p>85%</p>
</div> </div>
</div> </div>
<!--FIN DE LA COMPETENCE 4-->
</div> </div>
</div> </div>
</section> </section>
<!--FIN DE LA SECTION 5 : "COMPETENCES" DE "COMUNICATION"-->
@ -1432,7 +1183,7 @@
</a> </a>
<div class="card-body"> <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"> <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> <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> </div>
@ -1452,7 +1203,7 @@
</a> </a>
<div class="card-body"> <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"> <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> <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> </div>
@ -1472,7 +1223,7 @@
</a> </a>
<div class="card-body"> <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"> <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> <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> </div>