diff --git a/public/css/index.css b/public/css/index.css
index e69de29..52183ba 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -0,0 +1,42 @@
+.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 {
+    height: 50px;
+    width: 50px;
+}
\ No newline at end of file
diff --git a/public/icones/facebook-icon.svg b/public/icones/facebook-icon.svg
new file mode 100644
index 0000000..21d8104
--- /dev/null
+++ b/public/icones/facebook-icon.svg
@@ -0,0 +1,10 @@
+<svg width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1426_4343)">
+<path d="M400 0H48C35.2696 0 23.0606 5.05713 14.0589 14.0589C5.05713 23.0606 0 35.2696 0 48L0 400C0 412.73 5.05713 424.939 14.0589 433.941C23.0606 442.943 35.2696 448 48 448H185.25V295.69H122.25V224H185.25V169.36C185.25 107.21 222.25 72.88 278.92 72.88C306.06 72.88 334.44 77.72 334.44 77.72V138.72H303.17C272.36 138.72 262.75 157.84 262.75 177.45V224H331.53L320.53 295.69H262.75V448H400C412.73 448 424.939 442.943 433.941 433.941C442.943 424.939 448 412.73 448 400V48C448 35.2696 442.943 23.0606 433.941 14.0589C424.939 5.05713 412.73 0 400 0Z" fill="#FF563C"/>
+</g>
+<defs>
+<clipPath id="clip0_1426_4343">
+<rect width="448" height="448" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/icones/instagram-icon.svg b/public/icones/instagram-icon.svg
new file mode 100644
index 0000000..2fceb00
--- /dev/null
+++ b/public/icones/instagram-icon.svg
@@ -0,0 +1,10 @@
+<svg width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1426_4341)">
+<path d="M224 170.66C213.451 170.664 203.14 173.796 194.371 179.659C185.602 185.523 178.769 193.855 174.735 203.602C170.7 213.348 169.647 224.073 171.707 234.418C173.768 244.764 178.849 254.266 186.31 261.724C193.771 269.182 203.275 274.26 213.621 276.317C223.968 278.373 234.692 277.316 244.437 273.278C254.182 269.24 262.512 262.403 268.372 253.632C274.232 244.861 277.36 234.549 277.36 224C277.349 209.853 271.724 196.289 261.718 186.288C251.713 176.286 238.147 170.665 224 170.66ZM348.71 129.66C345.995 122.778 341.894 116.528 336.663 111.297C331.432 106.066 325.182 101.965 318.3 99.25C297.3 90.96 247.3 92.82 224 92.82C200.7 92.82 150.75 90.89 129.69 99.25C122.808 101.965 116.558 106.066 111.327 111.297C106.096 116.528 101.995 122.778 99.28 129.66C91 150.66 92.85 200.71 92.85 223.99C92.85 247.27 91 297.26 99.32 318.33C102.035 325.212 106.136 331.462 111.367 336.693C116.598 341.924 122.848 346.025 129.73 348.74C150.73 357.03 200.73 355.17 224.04 355.17C247.35 355.17 297.28 357.1 318.34 348.74C325.222 346.025 331.472 341.924 336.703 336.693C341.934 331.462 346.035 325.212 348.75 318.33C357.1 297.33 355.18 247.28 355.18 224C355.18 200.72 357.1 150.74 348.75 129.67L348.71 129.66ZM224 306C207.782 306 191.928 301.191 178.443 292.181C164.958 283.17 154.448 270.364 148.242 255.38C142.035 240.396 140.412 223.909 143.576 208.003C146.74 192.096 154.549 177.485 166.017 166.017C177.485 154.549 192.096 146.74 208.003 143.576C223.909 140.412 240.396 142.035 255.38 148.242C270.364 154.448 283.17 164.958 292.181 178.443C301.191 191.928 306 207.782 306 224C306.013 234.772 303.901 245.441 299.785 255.396C295.669 265.35 289.629 274.395 282.012 282.012C274.395 289.629 265.35 295.669 255.396 299.785C245.441 303.901 234.772 306.013 224 306ZM309.38 157.7C305.594 157.702 301.893 156.581 298.744 154.479C295.595 152.377 293.14 149.389 291.69 145.891C290.24 142.394 289.859 138.546 290.597 134.832C291.334 131.119 293.156 127.707 295.832 125.03C298.509 122.352 301.919 120.528 305.632 119.788C309.345 119.049 313.194 119.428 316.692 120.876C320.19 122.324 323.18 124.778 325.284 127.925C327.387 131.073 328.51 134.774 328.51 138.56C328.521 141.074 328.035 143.566 327.08 145.892C326.126 148.217 324.721 150.332 322.948 152.114C321.174 153.896 319.066 155.31 316.745 156.276C314.423 157.241 311.934 157.739 309.42 157.74L309.38 157.7ZM400 0H48C35.2696 0 23.0606 5.05713 14.0589 14.0589C5.05713 23.0606 0 35.2696 0 48L0 400C0 412.73 5.05713 424.939 14.0589 433.941C23.0606 442.943 35.2696 448 48 448H400C412.73 448 424.939 442.943 433.941 433.941C442.943 424.939 448 412.73 448 400V48C448 35.2696 442.943 23.0606 433.941 14.0589C424.939 5.05713 412.73 0 400 0ZM382.88 290C381.59 315.63 375.74 338.34 357.03 357C338.32 375.66 315.63 381.63 290.03 382.85C263.62 384.34 184.44 384.34 158.03 382.85C132.4 381.56 109.77 375.7 91.03 357C72.29 338.3 66.4 315.58 65.18 290C63.69 263.58 63.69 184.39 65.18 158C66.47 132.37 72.25 109.66 91.03 91C109.81 72.34 132.5 66.44 158.03 65.22C184.44 63.73 263.62 63.73 290.03 65.22C315.66 66.51 338.36 72.37 357.03 91.07C375.7 109.77 381.66 132.49 382.88 158.12C384.37 184.44 384.37 263.56 382.88 290Z" fill="#FF563C"/>
+</g>
+<defs>
+<clipPath id="clip0_1426_4341">
+<rect width="448" height="448" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/templates/html/index.gohtml b/templates/html/index.gohtml
index 7e154a2..b90f998 100644
--- a/templates/html/index.gohtml
+++ b/templates/html/index.gohtml
@@ -12,27 +12,21 @@
       <div class="wrapper indexWrapper">
         <h1 class="heading1">AGECEM</h1>
         <h2 class="heading2">Association Générale Étudiante du Cégep Édouard-Montpetit</h2>
-        <p>
+        <p class="indexAbout">
           Fondée en 1976, l’Association Étudiante est un organisme sans but lucratif voué à la défense des étudiant·e·s inscrit·e·s à l’enseignement régulier du Campus de Longueuil du Cégep Édouard-Montpetit, qu’iels étudient de jour ou de soir, à temps plein ou à temps partiel.
-        </p>
-        <p>
           Forte d’environ 6000 membres, elle veille à promouvoir un milieu pédagogique sain en se consacrant à les représenter, tant au niveau académique, politique, social, qu’environnemental.
         </p>
         <br>
         <h2 class="heading2">Contact</h2>
-        <h3>Courriel</h3>
-        permanence@agecem.org
-        <h3>Téléphone</h3>
-        (450) 679-7375
-        <h3>Addresse de coordination</h3>
-        945 Chemin de Chambly, Longueuil, QC J4H 3M6
-        <h3>Local</h3>
-        B-31
-        <h3>Réseaux sociaux</h3>
-        <ul>
-          <li><a href="https://www.facebook.com/asso.agecem">Facebook</a></li>
-          <li><a href="https://www.instagram.com/agecem_officiel"/>Instagram</a></li>
-        </ul>
+        <div class="indexContactContent">
+          <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="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" }}      
     </body>