Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/css/style.css

@@ -124,11 +124,6 @@ footer {
 /* PAGE: L'équipe */
 /* AUTEUR: Jérémy & Andres */
 /****************************/
-/* À RETIRER ? */
-.team div.intro {
-    display: none;
-}
-
 .team {
     background: #13172c url("../images/imagesTeam/Intro.png") center;
     background-size: cover;
@@ -136,6 +131,52 @@ footer {
     color: #ffefe5;
 }
 
+.team header.introduction {
+    background: #13172c url("../images/imagesTeam/Introduction.png") center/cover fixed;
+    background-position: top;
+    height: 100vh;
+    display: block;
+    text-align: center;
+    align-content: center;
+    line-height: 5;
+    font-size: 2rem;
+}
+
+.team header.introduction div.introduction {
+    background-color: #13172cd5;
+    height: 100vh;
+}
+
+.team header.introduction p {
+    padding: 0 5%;
+    margin: auto;
+}
+
+.team header.introduction button {
+    color: #ffefe5;
+    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;
+}
+
+
+.team header.introduction button:hover {
+    height: 40px;
+    border-radius: 20px;
+    background-color: #b47871;
+}
+
 .team main {
     margin: auto;
 }
@@ -144,6 +185,7 @@ footer {
     grid-area: titre;
     text-align: center;
     font-size: 2rem;
+    padding-top: 66px;
 }
 
 .team div.grilleGauche {
@@ -220,7 +262,7 @@ footer {
 }
 
 .histoire header.introduction {
-    background: #13172c url("../images/imagesDE/history.jpg") center/cover;
+    background: #13172c url("../images/imagesDE/history.jpg") center/cover fixed;
     background-position: top;
     height: 100vh;
     display: block;

www/team.html

@@ -25,13 +25,15 @@
     </nav>
 
     <main class="team">
-        <div class="intro">
-            <h1>L'équipe</h1>
-            <p>Les ALT-F4 forment une équipe dans le cadre du projet intégrateur.</p>
-            <p>Ceci est du texte bidon en attendant le vrai texte</p>
-        </div>
+        <header class="introduction">
+            <div class="introduction">
+                <h1>L'équipe</h1>
+                <p>Les ALT-F4 forment une équipe dans le cadre du projet intégrateur. Ceci est du texte bidon en attendant le vrai texte.</p>
+                <a href="#goToTitre"><button>Plus d'infos</button></a>
+            </div>
+        </header>
 
-        <div class="titre">
+        <div class="titre" id="goToTitre">
             <h2>Nos membres</h2>
         </div>