level_7.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <title>Monsters</title>
    <link href="./level_7.css" media="screen" rel="stylesheet" />
    <script src="./ext/jquery-1.11.1.min.js"></script>
    <script src="./level_7.js"></script>
</head>
<body>

    <p>Several monsters. Each monster html code is copied from #monster_template and appended to body with JQuery. The next level will be the final one, and will feature style changes and some polishing.</p>

    <div id="monster_template">
        <div class="monster">
            <div class="eye left_eye">
                <div class="eye_ball"></div>
            </div>
            <div class="eye right_eye">
                <div class="eye_ball"></div>
            </div>
        </div>
    </div>


    <div id="player"></div>

</body>
</html>