Public Access
5
0

modification du style et code pour index

This commit is contained in:
LD
2025-11-26 13:50:36 -05:00
parent 348b0a645d
commit 85ecd671ec
2 changed files with 42 additions and 29 deletions

View File

@@ -111,7 +111,7 @@ footer {
font-size: 3.5rem;
}
.accueil p {
.accueil p:not(#rencontreEquipe p) {
margin: auto;
padding: 1% 45% 1% 0%;
}
@@ -137,17 +137,30 @@ footer {
.accueil #rencontreEquipe {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.accueil #rencontreEquipe div {
width: 25%;
margin: 0px auto;
align-content: center;
}
.accueil #rencontreEquipe div p {
margin: 5px;
text-align: center;
}
.accueil #rencontreEquipe h2 {
width: 100%;
margin: 25px;
text-align: center;
}
.accueil #rencontreEquipe img {
width: 30%;
border-radius: 15px;
align-items: center;
.accueil #rencontreEquipe div img {
width: 80%;
border-radius: 50%;
padding: 15px;
margin: 0px 10% 0px 10%;
}
/****************************/

View File

@@ -43,31 +43,31 @@
<article id="rencontreEquipe">
<h2>Rencontrez l'équipe!</h2>
<div>
<div>
<img src="images/imagesTeam/AvatarStanislas.png" alt="Avatar de Stanislas">
<p>Stanislas Royal</p>
<p>Programmeur</p>
</div>
<div>
<img src="images/imagesTeam/AvatarLea.png" alt="Avatar de Léa">
<p>Léa Dezothez</p>
<p>Directrice Artistique</p>
</div>
<div>
<img src="images/imagesTeam/AvatarJeremy.png" alt="Avatar de Jérémy">
<p>Jérémy Hébert</p>
<p>Coordonateur</p>
</div>
<div>
<img src="images/imagesTeam/AvatarAndres.png" alt="Avatar de Andres">
<p>Andres David Herrera Escorcia</p>
<p>Conseiller</p>
</div>
<img src="images/imagesTeam/AvatarStanislas.png" alt="Avatar de Stanislas">
<p>Stanislas Royal</p>
<p>Programmeur</p>
</div>
<div>
<img src="images/imagesTeam/AvatarLea.png" alt="Avatar de Léa">
<p>Léa Dezothez</p>
<p>Directrice Artistique</p>
</div>
<div>
<img src="images/imagesTeam/AvatarJeremy.png" alt="Avatar de Jérémy">
<p>Jérémy Hébert</p>
<p>Coordonateur</p>
</div>
<div>
<img src="images/imagesTeam/AvatarAndres.png" alt="Avatar de Andres">
<p>Andres David Herrera Escorcia</p>
<p>Conseiller</p>
</div>
</article>
</section>