-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquiz.html
138 lines (123 loc) · 6.25 KB
/
quiz.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
138
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="quiz.css" charset="utf-8">
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<title>Swift Quiz</title>
</head>
<body>
<nav>
<div class = 'left'>
<p class ='boxselected'><a href = 'quiz.html'>Quiz</a></p>
<p class ='box'><a href = 'profile.html' >Profile</a></p>
</div>
<div class = 'right'>
<p class ='box'><a href = 'about.html'>About</a></p>
<p class ='box'><a href = 'index.html'>Login</a></p>
</div>
</nav>
<section>
<div id='share'>
<a href='http://www.facebook.com' target="_blank"><img src='assets/facebook.png'></a>
<a href='http://www.twitter.com' target='_blank'><img src='assets/twitter.png'></a>
<a href='http://www.instagram.com' target='_blank'><img src='assets/insta.png'></a>
<a href='http://www.snapchat.com' target='_blank'><img src='assets/snapchat.png'></a>
<a href='http://www.gmail.com' target='_blank'><img src='assets/gmail.png'></a>
</div>
<div>
<img id='tay' src="assets/swiftQuiz.jpg">
</div>
<form id="quiz">
<fieldset>
<label for="cloud">If you were a cloud, which type would you be?</label></br>
<input type="radio" name="cloud" value="Cumulonimbus" id='cloud' checked/>Cumulonimbus</br>
<input type="radio" name="cloud" value="Cumulus"/>Cumulus</br>
<input type="radio" name="cloud" value="Stratus"/>Stratus</br>
<input type="radio" name="cloud" value="Stratocumulus" class='last'/>Stratocumulus</br>
<label for="color">What color best describes you right now?</label></br>
<input type="radio" name="color" value="Red" checked/>Red</br>
<input type="radio" name="color" value="Blue"/>Blue</br>
<input type="radio" name="color" value="Pink"/>Pink</br>
<input type="radio" name="color" value="Purple" class='last'/>Purple</br>
<label for="exb">Who is your favorite TaySwift Ex-boyfriend?</label></br>
<input type="radio" name="exb" value="Taylor Lautner" checked/>Taylor Lautnor</br>
<input type="radio" name="exb" value="Harry Stiles"/>Harry Styles</br>
<input type="radio" name="exb" value="Zac Efron"/>Zac Efron</br>
<input type="radio" name="exb" value="Jake Gyllenhaal" class='last'/>Jake Gyllenhaal<br>
<label for="dino">Which is your favorite dinosaur?</label></br>
<input type="radio" name="dino" value="Bambiraptor" checked/>Bambiraptor</br>
<input type="radio" name="dino" value="Diplodocus"/>Diplodocus</br>
<input type="radio" name="dino" value="Yangchuanosaurus" class='last'/>Yangchuanosaurus</br>
<label for="planet">Is Pluto a planet?</label></br>
<input type="radio" name="planet" value="True" checked/>True</br>
<input type="radio" name="planet" value="False" class='last'/>False</br>
<label for="cats">Are cats awesome?</label></br>
<input type="radio" name="cats" value="True" checked/>True</br>
<input type="radio" name="cats" value="False" class='last'/>False</br>
<label for="beverage">Which is your preferred beverage?</label></br>
<input type="radio" name="beverage" value="Alcoholic" checked/>Alcoholic</br>
<input type="radio" name="beverage" value="Water"/>Water</br>
<input type="radio" name="beverage" value="Coffee"/>Coffee</br>
<input type="radio" name="beverage" value="Soda" class='last'/>Soda</br>
<label for="season">Which season best fits your current mood?</label></br>
<input type="radio" name="season" value="Winter" checked/>Winter</br>
<input type="radio" name="season" value="Spring"/>Spring</br>
<input type="radio" name="season" value="Summer"/>Summer</br>
<input type="radio" name="season" value="Autumn" class='last'/>Autumn</br>
<label for="pokemon">Choose your starter pokemon!</label></br>
<input type="radio" name="pokemon" value="Squirtle" checked/>Squirtle</br>
<input type="radio" name="pokemon" value="Bulbasaur"/>Bulbasaur</br>
<input type="radio" name="pokemon" value="Charmander"/>Charmander</br>
<input type="radio" name="pokemon" value="Pikachu" class='last'/>Pikachu</br>
<label for="fruit">Which fruit would you eat at this very second?</label></br>
<input type="radio" name="fruit" value="Mango" checked/>Mango</br>
<input type="radio" name="fruit" value="Strawberry"/>Strawberry</br>
<input type="radio" name="fruit" value="Guava"/>Guava</br>
<input type="radio" name="fruit" value="Grapefruit" class='last'/>Grapefruit</br>
<label for="bae">Is Taylor Swift bae?</label></br>
<input type="radio" name="bae" value="Yes" checked/>Yes</br>
<input type="radio" name="bae" value="Absolutely Yes" class='last'/>Absolutely Yes!</br>
<input type='submit' id='submit' value='Swift Me!'>
</fieldset>
</form>
</section>
<div id = 'musicbar'>
<span>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
<div class = 'music'></div>
</span>
</div>
<section id='selection'>
<div id='title'>
<h2 id='song'></h2>
</div>
<div id='albumArt'></div>
</section>
<audio id='mp3' controls autoplay loop></audio>
<footer>
<p class = 'copy'>© 2016 TeamBaes</p>
<p class = 'copy'>Baeta Version 0.1.2</p>
</footer>
<script type="text/javascript" src="app.js"></script>
</body>
</html>