mirror of
https://git.roussel.pro/telecom-paris/pact.git
synced 2026-02-09 10:30:17 +01:00
110 lines
4.6 KiB
HTML
110 lines
4.6 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">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
</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" id="form" action="deuxiemepage.html">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="container">
|
|
|
|
<div class="col-md-6 offset-md-3 form-input">
|
|
<p class="sexe">
|
|
<label for="sexe">Sexe</label><br>
|
|
<select name="auteur_sexe" id="sexe">
|
|
<option value="f">Femme</option>
|
|
<option value="h">Homme</option>
|
|
<option value="a">Autre</option>
|
|
</select>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3 form-input">
|
|
<p class="age">
|
|
<label for="age"> Dans quelle tranche d'âge vous situez-vous ?</label>
|
|
<select name="auteur_age" id="age">
|
|
<option value="10"> Moins de 12 ans</option>
|
|
<option value="18">12-18 ans</option>
|
|
<option value="25">18-30 ans</option>
|
|
<option value="40">30-50 ans</option>
|
|
<option value="60">50-70 ans</option>
|
|
<option value="70">Plus de 70 ans</option>
|
|
</select>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-md-6 offset-md-3 form-input">
|
|
<p class="note">
|
|
<label for="note"> Quelle note sur 10 donneriez-vous à l'exposition ? </label><br>
|
|
<p><span id="note-display"></span>/10</p>
|
|
<input type="range" id="note-range" min="0" max="10" step="1">
|
|
</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="0">0</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
</select>
|
|
</p>
|
|
</div> -->
|
|
|
|
<div class="col-md-6 offset-md-3 form-input">
|
|
<label for="commentaire">Commentaire : </label><br>
|
|
<textarea name="commentaire" id="ameliorer"></textarea>
|
|
</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>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
|
|
</html> |