Index.html

<!doctype html>
<html lang="en">
<h1>AWS Cloud Practitioner Practice Exam</h1>

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     
    <!-- CSS -->
    <link rel="stylesheet" href="style.css">

    <title>Quiz App using JavaScript - @code.scientist x @codingtorque</title>
</head>

<body>
    <div class="start-screen">
		<button id="start-button">Start</button>
	</div>
	<div id="display-container">
		<div class="header">
			<div class="number-of-count">
				<span class="number-of-question">1 of 3 questions</span>
			</div>
			<div class="timer-div">
				<img src="https://uxwing.com/wp-content/themes/uxwing/download/time-and-date/stopwatch-icon.png"
					width="20px" />
				<span class="time-left">45s</span>
			</div>
		</div>
		<div id="container">
			<!-- questions and options will be displayed here -->
		</div>
		<button id="next-button">Next</button>
	</div>
	<div class="score-container hide">
		<div id="user-score">Demo Score</div>
		<button id="restart">Restart</button>
	</div>

    <script src="script.js"></script>
</body>

</html>