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

www/css/style.css

@@ -104,23 +104,52 @@ footer {
 /****************************/
 .accueil {
     background-color: rgb(138, 43, 226);
+    color: #ffefe5;
 }
 
-.accueil main {
+.accueil h1 {
+    font-size: 3.5rem;
+}
+
+.accueil p {
     margin: auto;
-    padding: 0px 10%;
+    padding: 1% 45% 1% 0%;
 }
 
 .accueil section {
     width: 100%;
 }
 
-.accueil article {
-    color: #ffefe5;
-    background-color: #13172c87;
+.accueil #intro {
+    background: #13172c url("../images/ImagesLea/warframeEnvironment.jpg") no-repeat center;
+}
+
+.accueil header {
+    background: #13172c url("../images/ImagesLea/warframeEnvironment.jpg") center/cover;
+}
+
+.accueil header div {
+    background-color: #13172cb0;
+    height: 75vh;
     padding: 5%;
 }
 
+.accueil #rencontreEquipe {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.accueil #rencontreEquipe h2 {
+    width: 100%;
+}
+
+.accueil #rencontreEquipe img {
+    width: 30%;
+    border-radius: 15px;
+    align-items: center;
+}
+
 /****************************/
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas */

www/index.html

@@ -25,16 +25,51 @@
 	</nav>
 
 	<main>
-
-		<article>
-			<h1>Warframe : <br> Toute une histoire</h1>
+		<header>
+			<div>
+				<h1>WARFRAME : <br> Toute une histoire</h1>
 				<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un guerrier
 					d’élite
-				utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et dynamiques mêlant
-				tir, mêlée et parkour, vous affrontez diverses factions dans un univers de science-fiction en constante
+					utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et dynamiques
+					mêlant
+					tir, mêlée et parkour, vous affrontez diverses factions dans un univers de science-fiction en
+					constante
 					évolution. Grâce à une grande liberté de personnalisation et à un contenu régulièrement enrichi,
 					Warframe offre une expérience profonde, fluide et accessible en équipe comme en solo.</p>
+			</div>
+		</header>
+
+		<section>
+			<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>
+				</div>
 			</article>
+		</section>
 
 		<section>
 			<article>