<!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>