Ajout de CSS et changement de classes index.gohtml

This commit is contained in:
Alexel 2023-10-12 15:45:07 -04:00
parent f5e93f572b
commit 70b0b44f9c
2 changed files with 45 additions and 6 deletions

View file

@ -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 {}

View file

@ -19,13 +19,13 @@
<br> <br>
<h2 class="heading2">Contact</h2> <h2 class="heading2">Contact</h2>
<div class="indexContactContent"> <div class="indexContactContent">
<p class="indexContactAddress">945 Chemin de Chambly, Longueuil, QC J4H 3M6, Local B-31</p> <p class="indexContactInfo">Local B-31, 945 Chemin de Chambly, Longueuil, QC J4H 3M6</p>
<p class="indexContactTelephone">Téléphone: (450) 679-7375</p> <p class="indexContactInfo">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">Courriel: <a class="email" href="permanence@agecem.org">permanence@agecem.org</a></p>
<div class="indexContactSocials"> <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="iconLink" 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> <a class="iconLink" href="https://www.instagram.com/agecem_officiel"><img class="indexContactSocial" src="/public/icones/instagram-icon.svg"></img></a>
</ul>
</div> </div>
</div> </div>
{{ template "snackbar-html" }} {{ template "snackbar-html" }}