123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>FAIMaison − contribution à l'expérimentation wifi</title>
- <!-- jQuery -->
- <script src="jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
- <!-- Bootstrap -->
- <script src="dist/js/bootstrap.js"></script>
- <link href="dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- Leaflet -->
- <link rel="stylesheet" type="text/css" media="all" href="leaflet/leaflet.css" />
- <script src="leaflet/leaflet.js" type="text/javascript"></script>
- <!-- Custom -->
- <link rel="stylesheet" type="text/css" media="all" href="assets/main.css" />
- <script src="assets/main.js" type="text/javascript"></script>
- </head>
- <body>
- <h1>Réseau wifi expérimental</h1>
- <section role="main" class="container">
- <form role="form">
- <div class="form-group">
- <label for="name">Nom / Pseudo</label>
- <input name="name" type="text" class="form-control"/>
- </div>
- <h2>Moyen de contact</h2>
- <p>
- <div class="form-group">
- <label for="email">Email</label>
- <input name="email" type="email" class="form-control">
- </div>
- <div class="form-group">
- <label for="email">Téléphone</label>
- <input name="email" type="tel" class="form-control"/>
- </div>
- </p>
- <h2>Je souhaite</h2>
- <p class="radio">
- <label>
- <input type="radio" name="contrib-type" value="share" class="form-control"/> Partager une partie de ma connexion
- </label>
- </p>
- <p class="radio">
- <label>
- <input type="radio" name="contrib-type" value="connect" class="form-control"/> Me raccorder au réseau expérimental
- </label>
- </p>
- <h2>Partager une connexion</h2>
- <h3>Type de connexion</h3>
- <p class="radio"><label>
- <input type="radio" name="contrib-type" value="share"/>
- Fibre <br />
- </label></p>
- <p class="radio"><label>
- <input type="radio" name="contrib-type" value="connect"/>
- VDSL <br />
- </label></p>
- <p class="radio"><label>
- <input type="radio" name="contrib-type" value="share"/>
- ADSL <br />
- </label></p>
- <h3>Débits</h3>
- <p>
- <label for="bandwidth">Débit total (Mbps)</label>
- <input name="bandwidth" type="number" class="form-control"/>
- </p>
- <p>
- <label for="share-part">Je souhaite partager (au max.) (Mbps)</label>
- <input name="share-part" type="number" class="form-control"/>
- </p>
- <h2>Ma localisation</h2>
- <div id="map"> </div>
- <h3>Orientation(s) de mes fenêtres</h3>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="N">Nord
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="NO" class="checkbox-inline">Nord-Ouest<br />
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="O" class="checkbox-inline">Ouest<br />
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="SO" class="checkbox-inline">Sud-Ouest<br />
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="S" class="checkbox-inline">Sud<br>
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="SE" class="checkbox-inline">Sud-Est<br>
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="E" class="checkbox-inline">Est<br>
- </label>
- <label class="checkbox-inline">
- <input type="checkbox" name="vehicle" value="NE" class="checkbox-inline">Nord-Est<br>
- </label>
- <p>
- <label for="floor">Étage</label>
- <input name="floor" type="number" class="form-control" placeholder="Indiquer « 0 » pour le RDC"/>
- </p>
- <input type="submit" value="Envoyer">
- </form>
- </section>
- </body>
- </html>
|