codeQuiz/index.html at master · maxgerringer/codeQuiz · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>codeQuiz</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
   <!-- Timer display -->
   <div class="time row">
      <div class="col-lg-3 offset-1">
         <div class="timer">Time left:</div>
      </div>
   </div>

   <div class="row mt-4">
      <h1 class="header text-center col-12">Welcome to codeQuiz!</h1>
   </div>

   <!-- Content box for displaying questions and status updates during and after the quiz -->
   <div class="row">
      <div class = "content container py-5 px-3 my-3">
         codeQuiz is a ten question timed quiz that will test your knowledge of coding, and a few Easter Eggs. You have 180 seconds to complete the quiz, and your score
         is determined by the number of seconds remaining at the conclusion of the quiz. Each incorrect answer will deduct 15 seconds from the time remaining. Your most
         recent score will be logged with your initials at the conclusion of the quiz. Go ahead and give it a try!
      </div>
   </div>

   <!-- Hidden div containing the text entry box for high score records -->
   <div class="row">
      <textarea class= "high-scores text-center col-auto"></textarea>
   </div>

   <!-- Buttons append here -->
   <div class="buttons col-auto">
      <audio class="correct" src="assets/sound/correct.wav" autoplay= "false" ></audio>
      <audio class="incorrect" src="assets/sound/incorrect.wav" autoplay= "false" ></audio>
   </div>

</body>
<script src="assets/js/script.js"></script>
</html>