<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Roulette à donjons</title> <link rel="icon" href="favicon.ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <html lang="fr"> <main role="main"> <div class="container"> </br> <h1>Vous ne savez pas quel donjon faire en guilde ?</h1> <h2>Laissez Écaflip vous guider dans votre choix.</h2> <h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4> <p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p> <row> <form method="post"> <div data-role="rangeslider"> <input type="range" name="min" id="min" value="1" min="1" max="200"> <input type="range" name="max" id="max" value="200" min="1" max="200"> </div> <input type="submit" id="quoteButton" data-inline="true" value="M'en remettre à Écaflip."> </form> </row> <row> <div id="quoteContainer"> <p></p> <p id="quoteGenius"></p> </div> <!--fin de quoteContainer--> </row> <row> <div id="buttonContainer"> </div> <!--fin de buttonContainer--> </row> </div> <!--fin de container--> </main> </body> </html> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/liste.js"></script> </body> </html>