diff --git a/public/css/index.css b/public/css/index.css
index e69de29..0bc3f33 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -0,0 +1,39 @@
+.indexAbout {
+    font-family: "Poppins";
+    font-weight: 400;
+    /*regular*/
+    font-size: 1rem;
+    /*16px*/
+    color: #000;
+    /*Bleu AGECEM*/
+    line-height: 150%;
+}
+
+.indexContactContent {
+    padding: 10px;
+}
+
+.indexContactInfo {
+    font-family: "Poppins";
+    font-weight: 400;
+    /*regular*/
+    font-size: 1rem;
+    /*16px*/
+    color: #000;
+    /*Bleu AGECEM*/
+    line-height: 175%;
+    margin: 5px 0;
+}
+
+.iconLink {
+    height: 50px;
+    width: 50px;
+}
+
+.indexContactSocials {
+    display: grid;
+    column-gap: 10px;
+    grid-template-columns: repeat(auto-fit, 50px);
+}
+
+.indexContactSocial {}
\ No newline at end of file
diff --git a/templates/html/index.gohtml b/templates/html/index.gohtml
index 28f8229..b90f998 100644
--- a/templates/html/index.gohtml
+++ b/templates/html/index.gohtml
@@ -19,13 +19,13 @@
         <br>
         <h2 class="heading2">Contact</h2>
         <div class="indexContactContent">
-          <p class="indexContactAddress">945 Chemin de Chambly, Longueuil, QC J4H 3M6, Local B-31</p>
-          <p class="indexContactTelephone">Téléphone: (450) 679-7375</p>
-          <p class="indexContactEmail">Courriel: <a class="email" href="permanence@agecem.org">permanence@agecem.org</a></p>        
+          <p class="indexContactInfo">Local B-31, 945 Chemin de Chambly, Longueuil, QC J4H 3M6</p>
+          <p class="indexContactInfo">Téléphone: (450) 679-7375</p>
+          <p class="indexContactInfo">Courriel: <a class="email" href="permanence@agecem.org">permanence@agecem.org</a></p>        
           <div class="indexContactSocials">
-            <a class="headerLink" href="https://www.facebook.com/asso.agecem"><img class="indexContactSocial" src="/public/icones/facebook-icon.svg"></img></a>
-            <a class="headerLink" href="https://www.instagram.com/agecem_officiel"><img class="indexContactSocial" src="/public/icones/instagram-icon.svg"></img></a>
-        </ul>
+            <a class="iconLink" href="https://www.facebook.com/asso.agecem"><img class="indexContactSocial" src="/public/icones/facebook-icon.svg"></img></a>
+            <a class="iconLink" href="https://www.instagram.com/agecem_officiel"><img class="indexContactSocial" src="/public/icones/instagram-icon.svg"></img></a>
+
         </div>
       </div>
       {{ template "snackbar-html" }}