Intégration des éléments pour la page de l'équipe

www/css/style.css

@@ -77,7 +77,7 @@ footer {
 /* PAGE: Accueil */
 /* AUTEUR: Léa */
 /****************************/
-.accueil body {
+.accueil {
     background-color: rgb(138, 43, 226);
 }
 
@@ -91,7 +91,7 @@ footer {
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas */
 /****************************/
-.aPropos main {
+.aPropos {
     background-color: rgb(99, 241, 99);
 }
 
@@ -100,7 +100,10 @@ footer {
 /* AUTEUR: Jérémy & Andres */
 /****************************/
 .team {
-    background-color: #e6ecf3;
+    background: #13172c url("../images/imagesTeam/Intro.png") center;
+    background-size: cover;
+    background-position: top;
+    color: #FFEFE5;
 }
 
 /****************************/

www/team.html

@@ -22,7 +22,29 @@
     </nav>  
     
     <main class="team">
-        <p>Coming soon...</p>
+        <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 class="grille">
+            <div class="titre"><h2>Nos membres</h2></div>
+
+            <div class="avatar"><img src="images/imagesTeam/AvatarLea.png" alt="Avatar de Léa Dezothez"></div>
+            <div class="nom"><h3>Léa Dezothez</h3></div>
+            <div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque.</p></div>
+
+            <div class="avatar"><img src="images/imagesTeam/AvatarJeremy.png" alt="Avatar de Jérémy Hébert"></div>
+            <div class="nom"><h3>Jérémy Hébert</h3></div>
+            <div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque.</p></div>
+            
+            <div class="avatar"><img src="images/imagesTeam/AvatarTempoAndres.png" alt="Avatar de Andres David Herrera Escorcia"></div>
+            <div class="nom"><h3>Andres David Herrera Escorcia</h3></div>
+            <div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque.</p></div>
+            
+            <div class="avatar"><img src="images/imagesTeam/AvatarStanislas.png" alt="Avatar de Stanislas Royal"></div>
+            <div class="nom"><h3>Stanislas Royal</h3></div>
+            <div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque.</p></div>
+        </div>
     </main>
 
     <footer>