-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz_star_wars_fan.html
132 lines (131 loc) · 4.52 KB
/
quiz_star_wars_fan.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: black;
color: rgb(180, 180, 180);
}
#container {
width: 80vw;
margin: 0 auto;
}
h1 {
color: rgb(248, 232, 11);
}
</style>
<title>Você é um verdadeiro fã de Star Wars? APOSTO QUE NÃO!</title>
</head>
<body>
<div id="container">
<h1>Você é um verdadeiro fã de Star Wars?<br>APOSTO QUE NÃO!</h1>
<p>Teste seus conhecimentos com esse quiz de 5 perguntas e prove que você é jedi de verdade!</p>
<hr>
<ol>
<li>
<h3>Onde o Darth Vader nasceu?</h3>
<div>
<input type="radio" name="question-1" id="question-1-a" value="A" />
<label for="question-1-a">A) Coruscant</label>
</div>
<div>
<input type="radio" name="question-1" id="question-1-b" value="B" />
<label for="question-1-b">B) Naboo</label>
</div>
<div>
<input type="radio" name="question-1" id="question-1-c" value="C" />
<label for="question-1-c">C) Alderaan</label>
</div>
<div>
<input type="radio" name="question-1" id="question-1-d" value="D" />
<label for="question-1-d">D) Tatooine</label>
</div>
</li>
<li>
<h3>Em qual planena Luke Skywalker encontra o mestre Yoda para iniciar o treinamento?</h3>
<div>
<input type="radio" name="question-2" id="question-2-a" value="A" />
<label for="question-2-a">A) Corellian</label>
</div>
<div>
<input type="radio" name="question-2" id="question-2-b" value="B" />
<label for="question-2-b">B) Alderan</label>
</div>
<div>
<input type="radio" name="question-2" id="question-2-c" value="C" />
<label for="question-2-c">C) Endor</label>
</div>
<div>
<input type="radio" name="question-2" id="question-2-d" value="D" />
<label for="question-2-d">D) Dagobah</label>
</div>
</li>
<li>
<h3>Qual era o nome da mãe de Anakin Skywalker?</h3>
<div>
<input type="radio" name="question-3" id="question-3-a" value="A" />
<label for="question-3-a">A) Amidala Skywalker</label>
</div>
<div>
<input type="radio" name="question-3" id="question-3-b" value="B" />
<label for="question-3-b">B) Dalila Skywalker</label>
</div>
<div>
<input type="radio" name="question-3" id="question-3-c" value="C" />
<label for="question-3-c">C) Rosie Skywalker</label>
</div>
<div>
<input type="radio" name="question-3" id="question-3-d" value="D" />
<label for="question-3-d">D) Shmi Skywalker</label>
</div>
</li>
<li>
<h3>Quem contratou o Boba Fett para "caçar" o Han Solo?</h3>
<div>
<input type="radio" name="question-4" id="question-4-a" value="A" />
<label for="question-4-a">A) Leia Organa</label>
</div>
<div>
<input type="radio" name="question-4" id="question-4-b" value="B" />
<label for="question-4-b">B) Darth Maul</label>
</div>
<div>
<input type="radio" name="question-4" id="question-4-c" value="C" />
<label for="question-4-c">C) Jango Fett</label>
</div>
<div>
<input type="radio" name="question-4" id="question-4-d" value="D" />
<label for="question-4-d">D) Jabba the Hut</label>
</div>
</li>
<li>
<h3>Quem foi o mestre de Obi-Wan Kenobi?</h3>
<div>
<input type="radio" name="question-5" id="question-5-a" value="A" />
<label for="question-5-a">A) Mace Windu</label>
</div>
<div>
<input type="radio" name="question-5" id="question-5-b" value="B" />
<label for="question-5-b">B) Anakin Skywalker</label>
</div>
<div>
<input type="radio" name="question-5" id="question-5-c" value="C" />
<label for="question-5-c">C) Mestre Yoda</label>
</div>
<div>
<input type="radio" name="question-5" id="question-5-d" value="D" />
<label for="question-5-d">D) Qui-Gon Jinn</label>
</div>
</li>
</ol>
<p style="color: black;">May the Force be with you</p>
</div>
</body>
</html>