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

ajout d'une image et de styles pour l'index

Browse Source
This commit is contained in:
LD
2025-11-26 13:23:09 -05:00
parent 24b091af25
commit dbf7b7ca86
3 changed files with 78 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
www/css/style.css
View File

@@ -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 */

BIN
www/images/ImagesLea/warframeEnvironment.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

53
www/index.html
View File

@@ -25,16 +25,51 @@
</nav>
<main>
<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
é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>
<article>
<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
é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>
</article>
<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>