mirror of
https://git.roussel.pro/telecom-paris/pact.git
synced 2026-02-09 10:30:17 +01:00
110 lines
4.5 KiB
HTML
110 lines
4.5 KiB
HTML
<html lang="fr">
|
|
|
|
<head>
|
|
<title>Nom de l'exposition</title>
|
|
<link href="style.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div class="banniere d-flex">
|
|
<!-- image en baniere -->
|
|
<img src="Logo-PACT.svg" class="img-fluid col-12 col-md-6 mx-auto" alt="logo Téléreview" />
|
|
</div>
|
|
<!-- <div class="col-md-6 offset-md-3">
|
|
<p class="titre">
|
|
Nom de l'exposition<br>
|
|
</p>
|
|
</div> -->
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<form method="get" action="deuxiemepage.html">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="container">
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<p class="sexe">
|
|
<label for="sexe">Sexe</label><br>
|
|
<select name="sexe" id="sexe">
|
|
<option value="femme">Femme</option>
|
|
<option value="homme">Homme</option>
|
|
<option value="autre">Autre</option>
|
|
</select>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<p class="age">
|
|
<label for="age"> Dans quelle tranche d'âge vous situez-vous ?</label>
|
|
<select name="age" id="age">
|
|
<option value="moins12"> Moins de 12 ans</option>
|
|
<option value="medium12-18">12-18 ans</option>
|
|
<option value="medium18-30">18-30 ans</option>
|
|
<option value="medium30-50">30-50 ans</option>
|
|
<option value="medium50-70">50-70 ans</option>
|
|
<option value="plus70">Plus de 70 ans</option>
|
|
</select>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<p class="note">
|
|
<label for="note"> Quelle note sur 10 donneriez-vous à l'exposition ? </label><br>
|
|
<select name="note" id="note">
|
|
<option value="zero">0</option>
|
|
<option value="un">1</option>
|
|
<option value="deux">2</option>
|
|
<option value="trois">3</option>
|
|
<option value="quatre">4</option>
|
|
<option value="cinq">5</option>
|
|
<option value="six">6</option>
|
|
<option value="sept">7</option>
|
|
<option value="huit">8</option>
|
|
<option value="neuf">9</option>
|
|
<option value="dix">10</option>
|
|
</select>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<p class="commentaire">
|
|
<label for="commentaire">Commentaire : </label><br>
|
|
<textarea name="ameliorer" id="ameliorer"></textarea>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<p class="bonheur">
|
|
<label for="bonheur"> Placez votre humeur sur cette barre du bonheur : </label><br>
|
|
<input type="range">
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3">
|
|
<input type="submit" class="envoyer btn btn-primary btn-lg w-100" value="Envoyer">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<div class=".col-md-4 .offset-md-3">
|
|
<!-- pb de position -->
|
|
<p class="end">
|
|
@mail<br>
|
|
sitewebsiteexpo<br>
|
|
mention legale
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |