<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SY0 701 Quiz</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="fileUpload">
	  <h1 id="main-heading">CompTia Security+ SY0 701<br>
    <span>Cyber Certification Mock Test</span>
	<span>Developed by: K H Mahmud Shufol</span>
  </h1>
  <p>Select a file to load questions:</p>
        <input type="file" id="fileInput">
		<Br>
        <button id="startQuiz" disabled>Start Quiz</button>
    </div>

    <div id="quizContainer" style="display: none;">
	    <div id="timer">00:00</div>
			  <h1 id="main-heading">H@ck Cyb3r 101<br>
    <span>Cyber Certification Study</span>
	<span>Developed by: K H Mahmud Shufol</span>
  </h1>
		<div id="progress-indicator"></div>
        <div id="questionContainer">
            <p id="question"></p>
            <div id="options"></div>
        </div>
        <button id="nextQuestion" style="display: none;">Next</button>
		<button id="backQuestion" style="display: none;">Back</button>
        <button id="submitQuiz" style="display: none;">Submit</button>
    </div>

    <div id="results" style="display: none;">
		<h1 id="main-heading">CompTia Security+ SY0 701<br>
		<span>Cyber Certification Mock Test</span>
		<span>Developed by: K H Mahmud Shufol</span>
		</h1>
        <h2>Quiz Results</h2>
        <p id="score"></p>
		<p id="timeTaken"></p>
        <button id="showAnswers">Show Correct Answers</button>
		<div id="answerSheet" style="display: none;"></div>
        <button id="restart">Restart</button>
    </div>
    <script src="script.js"></script>
</body>
</html>
