index.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
    <title>Matura Themenziehung</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/matura.css" rel="stylesheet">

  </head>
  <body>

        <div class="container">
            <img class="img-responsive" src="logo_png.png" />
            <button id="refreshbutton" class="btn btn-success" onClick="location.reload();">Reset <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span></button>
            <div class="jumbotron">
                    <h1 class="display-4">Ziehung der Maturathemen</h1>
                    <hr class="my-4">
                    
                    <div id="subjectwrapper">
                        <p class="lead">Bitte wählen Sie ein Fach</p>
                            <select class="form-control" id="subjects">
                              <option>--- Fach auswählen ---</option>
                            </select>
                    </div>
                    <p class="lead text-center" style="display:none" id="buttonwrapper">
                        <a id="ziehungbutton" class="btn btn-primary btn-lg" href="#" onClick="ziehung();return false;" role="button">Zufallsgenerator starten</a>
                    </p>

                    <div id="output" class="">

                    </div>
            </div>
        </div>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/node_modules/shuffle-text/build/shuffle-text.min.js"></script>
    <script src="js/matura.js"></script>
  </body>
</html>