From 70b0b44f9cf56828bc0548e49166b10462fdc986 Mon Sep 17 00:00:00 2001
From: Alexel <themanwhocoulddividebyzero@gmail.com>
Date: Thu, 12 Oct 2023 15:45:07 -0400
Subject: [PATCH] Ajout de CSS et changement de classes index.gohtml

---
 public/css/index.css        | 39 +++++++++++++++++++++++++++++++++++++
 templates/html/index.gohtml | 12 ++++++------
 2 files changed, 45 insertions(+), 6 deletions(-)

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" }}