game.html

<!DOCTYPE html>
<html>
<head>
	<title>The Harry Potter Quiz Game</title>
	<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<div class="grid">
	<div id="quiz">
		<h1>Quiz</h1>
		<hr style="margin-top: 20px">
		<p id="question"></p>
		<div class="buttons">
			<button id="btn0"><span id="choice0"></span> </button>
			<button id="btn1"><span id="choice1"></span> </button>
			<button id="btn2"><span id="choice2"></span> </button>
			<button id="btn3"><span id="choice3"></span> </button>
		</div>

		<hr style="margin-top: 50px">
		<footer>
			<p id="progress">Question x of y.</p>
		</footer>
	</div>
	<script type="text/javascript" src="quiz_controller.js"></script>
	<script type="text/javascript" src="questions.js"></script>
	<script type="text/javascript" src="app.js"></script>
</div>
</body>
</html>