-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (116 loc) · 5.26 KB
/
index.html
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Epilogue:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lemonada&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
<title>Document</title>
</head>
<body>
<div class="headers">
<h1>Are you a true Anime Fan?</h1>
<h3>Test your knowledge here!</h3>
</div>
<div class="opening">
<button class="start">Start Quiz</button>
</div>
<section class="quiz">
<div class=keepScore>Score:
<h2 class="score js-score"> 000</h2>
</div>
<div class="one">Question: "What is the name of the cadet who found out he was a Titan in the hit show Attack On
Titan?"
<div class="one1">
<button class="options">"Mikasa Ackerman"</button>
<button class="optionsCorrect">"Erin Yeager"</button>
<button class="options">"Connie Springer"</button>
<button class="options">"Armin Arlet"</button>
</div>
</div>
<div class="one">Question: "Where do trainers take their Pokemon after a battle to be healed?"
<div class="one1">
<button class="options">"Pokemon Hospital"</button>
<button class="options">"Pokemon Clinic"</button>
<button class="options">"Pokemon Infirmary"</button>
<button class="optionsCorrect">"Pokemon Center"</button>
</div>
</div>
<div class="one">Question: "From the hit anime Bleach, was it confirmed if Ichigo's father was a shinigami?"
<div class="one1">
<button class="optionsCorrect">"Yes, it was confirmed! He is a shinigami."</button>
<button class="options">"No, there was no confirmation."</button>
</div>
</div>
<div class="one">Question: "What was Saitama's workout routine that got him so fit!"
<div class="one1">
<button class="options">"Strict diet with strict cardio"</button>
<button class="options">"Strenght training"</button>
<button class="optionsCorrect">"100 situps 100 pushups 100 squats 10 km run"</button>
<button class="options">"Endurance exercises"</button>
</div>
</div>
<div class="one"> Question: "What is the name of the shinigami that dropped his death note, that was eventually
found by Light Yagami?"
<div class="one1">
<button class="optionsCorrect">"Ryuk"</button>
<button class="options">"Rem"</button>
<button class="options">"Arma Arma"</button>
<button class="options">"Gelus"</button>
</div>
</div>
<div class="one">Question: "What is Sailor Moon's black cat's name?"
<div class="one1">
<button class="options">"Solana"</button>
<button class="options">"Kitty"</button>
<button class="optionsCorrect">"Luna"</button>
<button class="options">"Harry"</button>
</div>
</div>
<div class="one">Question: "Who is the main character of Hunter X Hunter?"
<div class="one1">
<button class="options">"Goku"</button>
<button class="optionsCorrect">"Gon"</button>
<button class="options">"Sasuke"</button>
<button class="options">"Gohan"</button>
</div>
</div>
<div class="one">Question: "What do the Dragon Ball Z fighters do to restore their health after a battle?"
<div class="one1">
<button class="optionsCorrect">"Eat Senzu Beans"</button>
<button class="options">"Meditate"</button>
<button class="options">"Take pills"</button>
<button class="options">"Go to the Hospital"</button>
</div>
</div>
<div class="one">Question: "Who does Naruto get married to?"
<div class="one1">
<button class="optionsCorrect">"Hinata"</button>
<button class="options">"Sakura"</button>
<button class="options">"Tenten"</button>
<button class="options">"Temari"</button>
</div>
</div>
<div class="one">Questions: "In the popular anime My Hero Academia, what are the U.A. students learning/training
to become?"
<div class="one1">
<button class="options">"Soldiers"</button>
<button class="options">"Teachers"</button>
<button class="options">"Clowns"</button>
<button class="optionsCorrect">"Superheroes"</button>
</div>
</div>
<div class="submit">
<button class="end">Submit Quiz</button>
</div>
</div>
</section>
<div class="winner">
<h1 class="done">YOU WIN!</h1>
</div>
<script src="./script.js"></script>
</body>
</html>