partie experiences ajoutee (manque en savoir plus)

index.html

@@ -17,7 +17,7 @@
 
     <!-- Font Awesome -->
     <script
-      src="https://kit.fontawesome.com/14273d579a.js"
+      src="https://kit.fontawesome.com/af391c05eb.js"
       crossorigin="anonymous"
     ></script>
 
@@ -207,19 +207,65 @@
       <!-- Experiences -->
       <section id="experiences" class="py-5">
         <div class="container">
-          <h2>Experiences</h2>
-          <div class="row gy-4 mt-4">
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
+          <h2 class="mb-4">Expériences</h2>
+
+          <div class="row">
+            <div class="col-md-6">
+              <div class="card">
+                <img
+                  src="./assets/images/logoSylink.jpg"
+                  class="card-img-top img-fluid"
+                  alt="Logo Sylink"
+                  style="height: 200px"
+                />
+                <div class="card-body">
+                  <h5 class="card-title">Alternance chez Sylink Technologie</h5>
+                  <p class="card-text">
+                    <strong>Nom de l'entreprise :</strong> Sylink Technologie<br />
+                    <strong>Situation géographique :</strong> Clermont-Ferrand,
+                    63<br />
+                    <strong>Secteur d’activité :</strong> Informatique :
+                    conception et édition de solutions de cybersécurité
+                    innovantes.<br />
+                    <strong>Fonction exercée :</strong> Alternant développeur<br />
+                    <strong>Nom et fonction du maître de stage :</strong> Rémy
+                    Simon, Chef de projet, développeur C#/.Net<br />
+                    <strong>Dates de l'expérience :</strong> du 1er septembre
+                    2023 au 31 août 2024 (1 an)
+                  </p>
+                  <a href="#" class="btn btn-secondary">En savoir plus</a>
                 </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
               </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
             </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
+
+            <div class="col-md-6">
+              <div class="card">
+                <img
+                  src="./assets/images/cegiLogo.png"
+                  class="card-img-top img-fluid"
+                  alt="Logo Cegi Alfa"
+                  style="height: 200px"
+                />
+                <div class="card-body">
+                  <h5 class="card-title">Stage chez Cegi Alfa</h5>
+                  <p class="card-text">
+                    <strong>Nom de l'entreprise :</strong> Cegi Alfa<br />
+                    <strong>Situation géographique :</strong> Clermont-Ferrand,
+                    63<br />
+                    <strong>Secteur d’activité :</strong> Informatique :
+                    développement de logiciels de gestion dans les domaines du
+                    médico-social, social et sanitaire.<br />
+                    <strong>Fonction exercée :</strong> Stagiaire analyste
+                    programmeur
+                    <br />
+                    <strong>Nom et fonction du maître de stage :</strong> Djamel
+                    Massaïd, Chef d’équipe développeur du projet AgileS<br />
+                    <strong>Dates de l'expérience :</strong> du 11 avril au 17
+                    juin 2023 (10 semaines)
+                  </p>
+                  <a href="#" class="btn btn-secondary">En savoir plus</a>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -263,8 +309,8 @@
             <div class="bg-secondary h-100 w-100 py-5"></div>
           </div>
 
-          <!-- Gestion de projet et collaboration -->
-          <h3>Gestion de projet et collaboration</h3>
+          <!-- Langues -->
+          <h3>Langues</h3>
           <div class="col-12">
             <div class="bg-secondary h-100 w-100 py-5"></div>
           </div>
@@ -278,29 +324,8 @@
         </div>
       </section>
 
-      <!-- Projets -->
-      <section id="projets" class="py-5">
-        <div class="container">
-          <h2>Projets</h2>
-          <div class="row gy-4 mt-4">
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
-            </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
-            </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
-            </div>
-            <div class="col-3">
-              <div class="bg-secondary h-100 w-100 py-5"></div>
-            </div>
-          </div>
-        </div>
-      </section>
-
       <!-- Contact -->
-      <section id="contact" class="py-5 bg-light">
+      <section id="contact" class="py-5">
         <div class="container">
           <h2>Contact</h2>
 
@@ -396,7 +421,7 @@
     </main>
 
     <!-- Bas de page -->
-    <footer class="border-top">
+    <footer class="border-top bg-light">
       <div class="container py-5">
         <div class="row gy-4 align-items-center">
           <div class="col-12 col-md-4">