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

Finalisation aPropos.html + CSS

Browse Source
This commit is contained in:
Jeremy
2025-12-03 23:20:19 -05:00
parent 4e4a0937be
commit 7387f0b83a
2 changed files with 57 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
www/aPropos.html
View File

@@ -34,22 +34,20 @@
<main class="aPropos">
<h1>Contactez l’équipe!</h1>
<div class="sidebyside">
<div class="colonne">
<section class="commentaire">
<!-- utilisation de get pour avoir les variables dans l'url : page statique -->
<!-- si utilisation de serveur dynamique, changer pour POST -->
<form method="get" action="reponse.html">
<h2>Commentaire</h2>
<fieldset id="firstField">
<fieldset id="infoContact">
<legend>Informations de contact</legend>
<div>
<label for="nomComplet">Votre nom complet :</label>
<input id="nomComplet" name="nomComplet" type="text" required minlength="3"
placeholder="Prénom Nom">
<input id="nomComplet" name="nomComplet" type="text" required minlength="3" placeholder="Prénom Nom">
</div>
<div>
<label for="email">Votre adresse courriel : </label>
<input id="email" name="email" type="email" required
placeholder="(ex. vous@fournisseur.com)" size="30">
<input id="email" name="email" type="email" required placeholder="(ex. vous@fournisseur.com)" size="30">
</div>
</fieldset>
<fieldset>
@@ -141,21 +139,18 @@
<button type="reset">Réinitialiser</button>
</div>
</form>
</div>
<div class="colonne" id="contactInfo">
</section>
<section class="coordonnees">
<div id="contactInfo">
<div>
<h2>Coordonnées</h2>
<div class="grille">
<p id="titreAdresse">Adresse :</p>
<a id="contenuAdresse" target="_blank"
href="https://www.google.com/maps/dir//C%C3%A9gep+De+Sherbrooke+475+Rue+du+C%C3%A9gep+Sherbrooke,+Quebec+J1E+4K1/@45.4111141,-71.8863288,16z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4cb7b3a7a1058a9f:0xac83ae2c6ba0672c!2m2!1d-71.8863288!2d45.4111141?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D">
475 rue du Cégep, Sherbrooke, QC J1E 4K1</a>
<a id="contenuAdresse" target="_blank" href="https://www.google.com/maps/dir//C%C3%A9gep+De+Sherbrooke+475+Rue+du+C%C3%A9gep+Sherbrooke,+Quebec+J1E+4K1/@45.4111141,-71.8863288,16z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4cb7b3a7a1058a9f:0xac83ae2c6ba0672c!2m2!1d-71.8863288!2d45.4111141?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D"> 475 rue du Cégep, Sherbrooke, QC J1E 4K1</a>
<p id="titreInfo">Pour plus d’information sur les créateurs :</p>
<a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de
Sherbrooke</a>
<a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a>
<p id="titreTelephone">Téléphone :</p>
<a id="contenuTelephone" href="tel:+18195646350">+1 (819) 564-6350</a>
@@ -163,16 +158,11 @@
<p id="titreCourriel">Courriel :</p>
<a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
</div>
<div class="conteneurMaps">
<iframe id="mapsFrame" title="Maps pour cégep" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d5601.823999127039!2d-71.8863288!3d45.4111141!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sca!4v1764819112867!5m2!1sfr!2sca" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="conteneurMaps">
<iframe id="mapsFrame" title="Maps pour cégep"
src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d5601.823999127039!2d-71.8863288!3d45.4111141!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sca!4v1764819112867!5m2!1sfr!2sca"
style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
</div>
</main>