diff --git a/index.html b/index.html
index b2bf97f..f74655a 100644
--- a/index.html
+++ b/index.html
@@ -12,13 +12,6 @@
 				background-repeat: no-repeat;
 				background-size: cover;
 			}
-			.divider {
-				height: 3rem;
-				background-color: rgba(0, 0, 0, .1);
-				border: solid rgba(0, 0, 0, .15);
-				border-width: 1px 0;
-				box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
-			}
 		</style>
 	</head>
 	<body>
@@ -51,40 +44,114 @@
 				</div>
 			</section>
 
-			<div class="divider"></div>
 
 			<div class="container col-xxl-8 px-4 py-5">
-				<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
-					<h1>À l'aide</h1>
+				<div class="row flex-lg-row align-items-center g-5 py-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
+					meaningful content. Lorem ipsum may be used as a
+					placeholder before final copy is available. It is also used
+					to temporarily replace text in a process called greeking,
+					which allows designers to consider the form of a webpage or
+					publication, without the meaning of the text influencing
+					the design. More at "Wikipedia" Delectus eaque nihil nihil
+					aliquid. Ut numquam repudiandae non et eligendi occaecati.
+					Officiis exercitationem ab atque culpa. Minima dolore qui
+					non voluptate explicabo. Occaecati in veritatis numquam
+					iusto vero enim sed laudantium. Sint odio qui eum
+					consequuntur aut. Officiis molestias sed deserunt provident
+					aut est. Quia porro repellat excepturi libero eos possimus
+					modi. Voluptatem aut nam dolor nam error. Facilis aut ut
+					aut. Quis aperiam necessitatibus non expedita et. Culpa
+					molestiae unde occaecati sed molestiae. Quos commodi hic
+					reprehenderit sint. Voluptatem temporibus nesciunt est
+					voluptas est dolorem omnis. Ut neque laboriosam
+					necessitatibus maiores ipsa blanditiis architecto. Id qui
+					enim sequi non suscipit. Assumenda corporis quam minus
+					quia. Ut quisquam exercitationem atque facilis asperiores
+					harum. Sint veritatis quis molestiae aut nihil. Sit qui at
+					molestias. Dolore natus iure temporibus perspiciatis
+					aliquid. Quo assumenda dolorem temporibus. Blanditiis
+					accusamus et deleniti maiores. Corrupti corporis animi
+					consequatur itaque neque perferendis vel. Provident
+					molestiae error quas doloremque tempore deserunt recusandae
+					culpa.
 				</div>
 			</div>
 
-			<div class="divider"></div>
 
-			<div class="container col-xxl-8 px-4 py-5">
-				<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
-					<div class="col-lg-4">
+			<div class="container col-xxl-8 py-5">
+				<div class="row flex-lg-row 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>
 
-						<h2>Heading</h2>
+						<h2>Diffusion du savoir</h2>
 						<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 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>
+
+						<h2>Accès à Internet</h2>
+						<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-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>
 
-						<h2>Heading</h2>
+						<h2>Services web</h2>
 						<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-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>
 
+						<h2>Évenementiel</h2>
+						<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 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="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>
 
-						<h2>Heading</h2>
+						<h2>Contact</h2>
 						<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-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>
+
+						<h2>Inscription</h2>
+						<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-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>
+
+						<h2>Connexion</h2>
+						<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-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>
+
+						<h2>En savoir plus</h2>
+						<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>
 
