diff --git a/encadrement/assets/img/portfolio/image.png b/encadrement/assets/img/portfolio/image.png
new file mode 100644
index 0000000..600370e
Binary files /dev/null and b/encadrement/assets/img/portfolio/image.png differ
diff --git a/encadrement/assets/img/portfolio/vecteezy_illustration-of-premium-vector-isometric-style-about-banking_6793198.jpg b/encadrement/assets/img/portfolio/vecteezy_illustration-of-premium-vector-isometric-style-about-banking_6793198.jpg
new file mode 100644
index 0000000..a21eb98
Binary files /dev/null and b/encadrement/assets/img/portfolio/vecteezy_illustration-of-premium-vector-isometric-style-about-banking_6793198.jpg differ
diff --git a/encadrement/index.html b/encadrement/index.html
index 76ad259..e9c2b17 100644
--- a/encadrement/index.html
+++ b/encadrement/index.html
@@ -89,7 +89,7 @@ <h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">
                             <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
                                 <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
                             </div>
-                            <img class="img-fluid" src="assets/img/portfolio/circus.png" alt="..." />
+                            <img class="img-fluid" src="assets/img/portfolio/image.png" alt="..." />
                         </div>
                     </div>
                     <!-- Portfolio Item 4-->
@@ -135,8 +135,14 @@ <h2 class="page-section-heading text-center text-uppercase text-white">À propos
                 </div>
                 <!-- About Section Content-->
                 <div class="row">
-                    <div class="col-lg-4 ms-auto"><p class="lead">Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional SASS stylesheets for easy customization.</p></div>
-                    <div class="col-lg-4 me-auto"><p class="lead">You can create your own custom avatar for the masthead, change the icon in the dividers, and add your email address to the contact form to make it fully functional!</p></div>
+                    <div class="col-lg-4 ms-auto"><p class="lead">"Découvrez notre cours de mathématiques sur mesure pour 
+                        les étudiants en première année d'économie! En seulement 4 heures par semaine, nous vous préparons à maîtriser les concepts clés nécessaires à votre succès académique et professionnel. De l'algèbre à l'analyse, en passant par les statistiques, notre équipe d'experts vous guide avec une approche
+                         pédagogique adaptée à vos besoins. Rejoignez-nous dès maintenant et transformez les chiffres en opportunités!"</p></div>
+                    <div class="col-lg-4 me-auto"><p class="lead">"Découvrez notre cours de mathématiques sur 
+                        mesure pour les étudiants en première année d'économie! En seulement 4 heures par semaine, nous vous préparons
+                         à maîtriser les concepts clés nécessaires à votre succès académique et professionnel. De l'algèbre à l'analyse, en
+                          passant par les statistiques, notre équipe d'experts vous guide avec une approche pédagogique
+                         adaptée à vos besoins. Rejoignez-nous dès maintenant et transformez les chiffres en opportunités!"</p></div>
                 </div>
                 <!-- About Section Button-->
                 <div class="text-center mt-4">
@@ -232,18 +238,16 @@ <h4 class="text-uppercase mb-4">Localisation</h4>
                     </div>
                     <!-- Footer Social Icons-->
                     <div class="col-lg-4 mb-5 mb-lg-0">
-                        <h4 class="text-uppercase mb-4">Around the Web</h4>
-                        <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-facebook-f"></i></a>
-                        <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-twitter"></i></a>
-                        <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-linkedin-in"></i></a>
-                        <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-dribbble"></i></a>
+                        <h4 class="text-uppercase mb-4">Autour du Web</h4>
+                        <a class="btn btn-outline-light btn-social mx-1" href="https://www.facebook.com/profile.php?id=100083591371173"><i class="fab fa-fw fa-facebook-f"></i></a>
+        
                     </div>
                     <!-- Footer About Text-->
                     <div class="col-lg-4">
-                        <h4 class="text-uppercase mb-4">About Freelancer</h4>
+                        <h4 class="text-uppercase mb-4">À propos</h4>
                         <p class="lead mb-0">
-                            Freelance is a free to use, MIT licensed Bootstrap theme created by
-                            <a href="http://startbootstrap.com">Start Bootstrap</a>
+                            Page principale.
+                            <a href="https://mathxmad.netlify.app/">Math x Mad</a>
                             .
                         </p>
                     </div>
@@ -399,7 +403,7 @@ <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Economie</h
                                         <div class="divider-custom-line"></div>
                                     </div>
                                     <!-- Portfolio Modal - Image-->
-                                    <img class="img-fluid rounded mb-5" src="assets/img/portfolio/circus.png" alt="..." />
+                                    <img class="img-fluid rounded mb-5" src="assets/img/portfolio/image.png" alt="..." />
                                     <!-- Portfolio Modal - Text-->
                                     <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
                                     <button class="btn btn-primary" data-bs-dismiss="modal">