Team page : Correctif au header + background fixed
This commit is contained in:
@@ -342,39 +342,39 @@ footer {
|
|||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team header.introduction h1,
|
||||||
|
.team header.introduction p {
|
||||||
line-height: 5;
|
line-height: 5;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.team header.introduction div.introduction {
|
.team header.introduction div.introduction {
|
||||||
background-color: #13172cd5;
|
background-color: #13172cd5;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team header.introduction button {
|
.team header.introduction div.introduction a {
|
||||||
color: #ffefe5;
|
display: inline-block;
|
||||||
padding: 0 16px;
|
|
||||||
margin: 0 4px;
|
|
||||||
|
|
||||||
height: 40px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 20px;
|
|
||||||
background-color: #13172c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team header.introduction button a {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
align-content: center;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
color: #ffefe5;
|
||||||
|
padding: 10.8px 16px;
|
||||||
|
margin: 160px 4px;
|
||||||
|
background-color: #13172c;
|
||||||
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team header.introduction button:hover {
|
.team header.introduction div.introduction a:hover {
|
||||||
height: 40px;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
background-color: #b47871;
|
background-color: #b47871;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.team main {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.team section article {
|
.team section article {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
@@ -391,19 +391,19 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.team section article#lea {
|
.team section article#lea {
|
||||||
background: #13172c url("../images/imagesTeam/BackgroundLea.webp") center/cover;
|
background: #13172c url("../images/imagesTeam/BackgroundLea.webp") center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team section article#jeremy {
|
.team section article#jeremy {
|
||||||
background: #13172c url("../images/imagesTeam/BackgroundJeremy.webp") center/cover;
|
background: #13172c url("../images/imagesTeam/BackgroundJeremy.webp") center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team section article#andres {
|
.team section article#andres {
|
||||||
background: #13172c url("../images/imagesTeam/BackgroundAndres.webp") center/cover;
|
background: #13172c url("../images/imagesTeam/BackgroundAndres.webp") center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team section article#stanislas {
|
.team section article#stanislas {
|
||||||
background: #13172c url("../images/imagesTeam/BackgroundStanislas.webp") center/cover;
|
background: #13172c url("../images/imagesTeam/BackgroundStanislas.webp") center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
<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="#lea"><button>Plus d'infos</button></a>
|
<a href="#lea">Plus d'infos</a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user