diff --git a/index.html b/index.html
index f74655a..9bbde6c 100644
--- a/index.html
+++ b/index.html
@@ -44,10 +44,10 @@
 				</div>
 			</section>
 
-
-			<div class="container col-xxl-8 px-4 py-5">
-				<div class="row flex-lg-row align-items-center g-5 py-5">
-					<h1>Nous</h1>
+			<div class="py-5">
+			<div class="container">
+				<div class="py-lg-5">
+				<h1>Nous</h1>
 					In publishing and graphic design, Lorem ipsum is a
 					placeholder text commonly used to demonstrate the visual
 					form of a document or a typeface without relying on
@@ -81,9 +81,10 @@
 				</div>
 			</div>
 
-
-			<div class="container col-xxl-8 py-5">
-				<div class="row flex-lg-row align-items-center g-5 py-5">
+		
+		<div class="py-5 bg-light">
+  			<div class="container">
+     			<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
 					<h1>Notre travail</h1>
 					<div class="col-lg-3">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
@@ -114,14 +115,15 @@
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
-					<div class="col-lg-4">
 				</div>
 			</div>
+			</div>
 
 
-			<div class="container col-xxl-8 py-5">
-				<div class="row flex-lg-row align-items-center g-5 py-5">
-					<h1>Besoin d'aide ?</h1>
+		<div class="py-5">
+  			<div class="container">
+     			<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
+					<h1>Besoin d'aide</h1>
 					<div class="col-lg-3">
 						<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
 
@@ -151,12 +153,12 @@
 						<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
 						<p><a class="btn btn-secondary" href="#">View details »</a></p>
 					</div>
-					<div class="col-lg-4">
 				</div>
 			</div>
+		</div>
 
 		</main>
 
 		<script src="/static/js/bootstrap.js"></script>
 	</body>
-</html>
+</html>
\ No newline at end of file