diff --git a/Sources/Cv/2A.pdf b/Sources/Cv/2A.pdf
new file mode 100644
index 0000000..a5900b9
Binary files /dev/null and b/Sources/Cv/2A.pdf differ
diff --git a/Sources/Cv/3A.pdf b/Sources/Cv/3A.pdf
new file mode 100644
index 0000000..1104da0
Binary files /dev/null and b/Sources/Cv/3A.pdf differ
diff --git a/Sources/css/style.css b/Sources/css/style.css
index 0ae50cb..5626006 100644
--- a/Sources/css/style.css
+++ b/Sources/css/style.css
@@ -9982,3 +9982,42 @@ h6,
   padding: 0;
   list-style-type: none;
 }
+
+body.dark-mode {
+  background-color: #121212;
+  color: #e0e0e0;
+}
+
+body.dark-mode .navbar, body.dark-mode .footer {
+  background-color: #1e1e1e;
+}
+
+body.dark-mode .btn-outline-light {
+  color: #e0e0e0;
+  border-color: #e0e0e0;
+}
+
+body.dark-mode .btn-outline-light:hover {
+  background-color: #e0e0e0;
+  color: #121212;
+}
+
+body.dark-mode a, body.dark-mode .btn-outline-primary {
+  color: #bb86fc;
+}
+
+body.dark-mode a:hover, body.dark-mode .btn-outline-primary:hover {
+  color: #3700b3;
+}
+
+body.dark-mode .portfolio-btn {
+  background-color: #1e1e1e;
+}
+
+body.dark-mode .service-icon {
+  background-color: #3700b3;
+}
+
+body.dark-mode .progress-bar {
+  background-color: #bb86fc;
+}
diff --git a/Sources/index.html b/Sources/index.html
index 05e3552..b095425 100644
--- a/Sources/index.html
+++ b/Sources/index.html
@@ -260,7 +260,7 @@
      <div class="container-fluid pt-5" id="service">
         <div class="container">
             <div class="position-relative d-flex align-items-center justify-content-center">
-                <h1 class="display-1 text-uppercase text-white" style="-webkit-text-stroke: 1px #dee2e6;">Service</h1>
+                <h1 class="display-1 text-uppercase text-white" style="-webkit-text-stroke: 1px #dee2e6;">Experiences</h1>
                 <h1 class="position-absolute text-uppercase text-primary">My Experience</h1>
             </div>
             <div class="row pb-3">
@@ -270,7 +270,7 @@
                         <h4 class="font-weight-bold m-0">CDI in CGI</h4>
                     </div>
                     <p>Justo sit justo eos amet tempor amet clita amet ipsum eos elitr. Amet lorem lorem lorem est amet labore eirmod erat clita</p>
-                    <a class="border-bottom border-primary text-decoration-none" href="">Read More</a>
+                    <a class="border-bottom border-primary text-decoration-none" href="https://blog.hubspot.fr/website/plan-de-deploiement">Read More</a>
                 </div>
                 <div class="col-lg-4 col-md-6 text-center mb-5">
                     <div class="d-flex align-items-center justify-content-center mb-4">
@@ -278,7 +278,7 @@
                         <h4 class="font-weight-bold m-0">Internship in CGI</h4>
                     </div>
                     <p>Justo sit justo eos amet tempor amet clita amet ipsum eos elitr. Amet lorem lorem lorem est amet labore eirmod erat clita</p>
-                    <a class="border-bottom border-primary text-decoration-none" href="">Read More</a>
+                    <a class="border-bottom border-primary text-decoration-none" href="./Cv/3A.pdf">Read More</a>
                 </div>
                 <div class="col-lg-4 col-md-6 text-center mb-5">
                     <div class="d-flex align-items-center justify-content-center mb-4">
@@ -286,7 +286,7 @@
                         <h4 class="font-weight-bold m-0">Internship in Mistral informatique</h4>
                     </div>
                     <p>Justo sit justo eos amet tempor amet clita amet ipsum eos elitr. Amet lorem lorem lorem est amet labore eirmod erat clita</p>
-                    <a class="border-bottom border-primary text-decoration-none" href="">Read More</a>
+                    <a class="border-bottom border-primary text-decoration-none" href="./Cv/2A.pdf">Read More</a>
                 </div>
             </div>
         </div>
@@ -346,10 +346,9 @@
     <div class="container-fluid bg-primary text-white mt-5 py-5 px-sm-3 px-md-5">
         <div class="container text-center py-5">
             <div class="d-flex justify-content-center mb-4">
-                <a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-twitter"></i></a>
-                <a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-facebook-f"></i></a>
-                <a class="btn btn-light btn-social mr-2" href="#"><i class="fab fa-linkedin-in"></i></a>
-                <a class="btn btn-light btn-social" href="#"><i class="fab fa-instagram"></i></a>
+                <a class="btn btn-light btn-social mr-2" href="https://gitlab.com/hassourayhan1"><i class="fab fa-gitlab"></i></a>
+                <a class="btn btn-light btn-social mr-2" href="https://github.com/JeSuisRayhan"><i class="fab fa-github"></i></a>
+                <a class="btn btn-light btn-social mr-2" href="https://www.linkedin.com/in/rayhan-hassou-5a70031b3/"><i class="fab fa-linkedin-in"></i></a>
             </div>
             <div class="d-flex justify-content-center mb-3">
                 <a class="text-white" href="#">Privacy</a>