JQM Quiz Test

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Quiz Test</title>

    <link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.1.0.css" />

    <link href="css/reset.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/slickQuiz.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/master.css" media="screen" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
    <script src="js/slickQuiz-config.js"></script>
    <script src="js/slickQuiz.js"></script>
    <script src="js/master.js"></script>

    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>


</head>

    <body>

    <div data-role="page" id="slickQuiz" data-theme="b">

        <div data-role="header" data-position="fixed" data-theme="c">
        <div class="ui-grid-solo">
            <div class="ui-block-a">
                <div class="ui-bar ui-bar-d" style="text-align:center;">
                <h3>Quiz</h3>
                </div>
            </div>
        </div>
    </div>


    <div data-role="content">

        <h1 class="quizName"><!-- where the quiz name goes --></h1>

        <div class="quizArea">
            <div class="quizHeader">
                <!-- where the quiz main copy goes -->

                <a class="button startQuiz" href="">Get Started!</a>
            </div>

            <!-- where the quiz gets built -->
        </div>

        <div class="quizResults">
            <h3 class="quizScore">You Scored: <span><!-- where the quiz score goes --></span></h3>

            <h3 class="quizLevel"><strong>Ranking:</strong> <span><!-- where the quiz ranking level goes --></span></h3>

            <div class="quizResultsCopy">
                <!-- where the quiz result copy goes -->
            </div>
        </div>

        </div>

        </div>
    </body>

</html>