Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Update a la page d'équipe pour le bouton du header

Browse Source
This commit is contained in:
Jeremy
2025-11-30 16:08:49 -05:00
parent eb18199848
commit 76775e33c6
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
www/css/style.css
View File

@@ -362,16 +362,18 @@ footer {
.team section article { .team section article {
display: flex; display: flex;
padding: 16px; padding: 16px;
height: 85vh; height: 100vh;
align-items: center; align-items: center;
} }
.team section article.grilleGauche { .team section article.grilleGauche {
text-align: left; text-align: left;
flex-wrap: nowrap;
} }
.team section article.grilleDroite { .team section article.grilleDroite {
text-align: right; text-align: right;
flex-wrap: nowrap;
} }
.team section article#lea { .team section article#lea {
@@ -391,22 +393,22 @@ footer {
} }
.team section article div.filtre { .team section article div.box {
background-color: rgba(19, 23, 44, 0.8); background-color: rgba(19, 23, 44, 0.8);
padding: 16px; padding: 16px;
margin: 16px; margin: 16px;
border-radius: 20px; border-radius: 20px;
} }
.team section article div.filtre:hover { .team section article div.box:hover {
background-color: rgba(25, 33, 75, 0.8); background-color: rgba(25, 33, 75, 0.8);
} }
.team section article.grilleGauche div.filtre { .team section article.grilleGauche div.box {
margin-right: 50%; margin-right: 50%;
} }
.team section article.grilleDroite div.filtre { .team section article.grilleDroite div.box {
margin-left: 50%; margin-left: 50%;
} }

13
www/team.html
View File

@@ -29,17 +29,14 @@
<div class="introduction"> <div class="introduction">
<h1>L'équipe</h1> <h1>L'équipe</h1>
<p>Les ALT-F4 forment une équipe dans le cadre du projet intégrateur.</p> <p>Les ALT-F4 forment une équipe dans le cadre du projet intégrateur.</p>
<a href="#goToTitre"><button>Plus d'infos</button></a> <a href="#lea"><button>Plus d'infos</button></a>
</div> </div>
</header> </header>
<section> <section>
<div class="titre" id="goToTitre">
<h2>Nos membres</h2>
</div>
<article class="grilleGauche" id="lea"> <article class="grilleGauche" id="lea">
<div class="filtre"> <div class="box">
<h3 class="nom">Léa Dezothez</h3> <h3 class="nom">Léa Dezothez</h3>
<h4 class="role">TODO</h4> <h4 class="role">TODO</h4>
<div class="description"> <div class="description">
@@ -59,7 +56,7 @@
</article> </article>
<article class="grilleDroite" id="jeremy"> <article class="grilleDroite" id="jeremy">
<div class="filtre"> <div class="box">
<h3 class="nom">Jérémy Hébert</h3> <h3 class="nom">Jérémy Hébert</h3>
<h4 class="role">TODO</h4> <h4 class="role">TODO</h4>
<div class="description"> <div class="description">
@@ -79,7 +76,7 @@
</article> </article>
<article class="grilleGauche" id="andres"> <article class="grilleGauche" id="andres">
<div class="filtre"> <div class="box">
<h3 class="nom">Andres David Herrera Escorcia</h3> <h3 class="nom">Andres David Herrera Escorcia</h3>
<h4 class="role">TODO</h4> <h4 class="role">TODO</h4>
<div class="description"> <div class="description">
@@ -99,7 +96,7 @@
</article> </article>
<article class="grilleDroite" id="stanislas"> <article class="grilleDroite" id="stanislas">
<div class="filtre"> <div class="box">
<h3 class="nom">Stanislas Royal</h3> <h3 class="nom">Stanislas Royal</h3>
<h4 class="role">TODO</h4> <h4 class="role">TODO</h4>
<div class="description"> <div class="description">