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

changement de la mise en page, ajout du texte pour Un univers Sci-fi

Browse Source
This commit is contained in:
LD
2025-11-14 16:05:56 -05:00
parent 1f31d6a547
commit 49a7b7d6bf
1 changed files with 27 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
www/index.html
View File

@@ -9,60 +9,41 @@
<body> <body>
<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>