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

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

Browse Source
This commit is contained in:
Jeremy
2025-11-14 16:08:33 -05:00
parent 1dac8d1251 0bdc06425c
commit 0731f8f66a
3 changed files with 35 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
www/css/style.css
View File

@@ -133,6 +133,12 @@ aside {
background-color: rgb(138, 43, 226); background-color: rgb(138, 43, 226);
} }
.accueil p {
margin: auto;
display: flex;
width: 50%;
}
/****************************/ /****************************/
/* PAGE: à Propos */ /* PAGE: à Propos */
/* AUTEUR: Stanislas */ /* AUTEUR: Stanislas */

69
www/index.html
View File

@@ -7,62 +7,43 @@
<title>Warframe2fan</title> <title>Warframe2fan</title>
</head> </head>
<body> <body class="accueil">
<main> <main>
<h1>Site en construction...</h1> <h1>Warframe : <br> Toute une histoire</h1>
<p> Entrer texte pour la première section </p>
<article> <article>
<h2>Besoin d'aide?</h2> <h2>L'histoire de <br> <em>Digital Extreme</em></h2>
<p>Remplir le formulaire pour recevoir de l'aide!</p> <p>Entrer le texte de la deuxième section</p>
</article>
<form method="post" action="examen-partie2.html"> <article>
<fieldset> <h2>Un univers <em>Sci-fi</em></h2>
<legend>Informations du contact en entreprise</legend>
<div class="flex-row-center"> <p>Comme Warframe a déjà plus d’une décennie de vie,
<label for="prenom">Prénom :</label> son histoire est devenue très complexe au cours des années.
<input type="text" name="prenom" id="prenom" required> Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le narratif.
<label for="nom">Nom :</label> Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire du jeu.
<input type="text" name="nom" id="nom" required> Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et qu’il débloque
</div> des jonctions qui lient les planètes entre elles.</p>
</article>
<div class="flex-row-center"> <article>
<label for="telephone">Tel :</label> <h2>Les styles de mission</h2>
<input type="tel" name="telephone" id="telephone" required>
<label for="extension">Ext :</label>
<input type="number" name="extension" id="extension" required>
</div>
<div class="flex-row-center"> <p>Entrer le texte de la quatrième section</p>
<label for="courriel">Courriel :</label> </article>
<input type="email" name="courriel" id="courriel">
</div>
</fieldset>
<fieldset> <article>
<legend>Informations pour la visite</legend> <h2>Les armures</h2>
<div class="flex-col"> <p>Entrer le texte de la cinquième section</p>
<label for="commentaire">Renseignements supplémentaires (s'il y a lieu) :</label>
<textarea name="commentaire" id="commentaire" rows="10"></textarea>
</div>
<div class="flex-row-center">
<label for="date_visite">Date souhaitée de la visite :</label>
<input type="date" name="date_visite" id="date_visite">
</div>
</fieldset>
<button type="submit">Réservez</button>
</form>
</article> </article>
</main> </main>
<aside class="flex-col"> <footer>
<h2>Installez notre application Android</h2> <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
</footer>
<img src="images/qr-code.png" alt="Code QR de l'entreprise">
</aside>
</body> </body>
</html> </html>

2
www/Lore.html → www/lore.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">