forked from itscodenation/int-buzzfeed-quiz-18-19-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
109 lines (106 loc) · 6.27 KB
/
index.html
File metadata and controls
109 lines (106 loc) · 6.27 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Buzzfeed Quiz</title>
<link type='text/css' rel='stylesheet' href='css/style.css' />
<link href="https://fonts.googleapis.com/css?family=Delius|Delius+Unicase" rel="stylesheet">
</head>
<body>
<div class="header">
<div><img class="logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/BuzzFeed.svg/1280px-BuzzFeed.svg.png"></div>
<div>News</div>
<div>Videos</div>
<div>Quizzes</div>
<div>Tasty</div>
<input placeholder="Search">
</div>
</div>
<h1>Which Love Live! Sunshine!! Character Are You?</h1>
<p id="caption">Let's figure out your Aqoursona.</p>
<img id="sallyImg" src="icon.png">
<a href="https://wirfliegen.github.io/sallyportfolio/">Sally Estevez</a>
<div id="sally">Buzzfeed Contributor</div>
<img class="aqours" src="https://d3ieicw58ybon5.cloudfront.net/full/u/e0191f9447ea405ea11f9595f68d48a8.jpg">
<div class="questions">
<h2>1. What is your favorite color?</h2>
<input type="radio" name="question1" value="9"> <label>Orange</label><br>
<input type="radio" name="question1" value="8"> <label>Blue</label><br>
<input type="radio" name="question1" value="7"> <label>Magenta</label><br>
<input type="radio" name="question1" value="6"> <label>Light pink</label><br>
<input type="radio" name="question1" value="5"> <label>Gray</label><br>
<input type="radio" name="question1" value="4"> <label>Purple</label><br>
<input type="radio" name="question1" value="3"> <label>Yellow</label><br>
<input type="radio" name="question1" value="2"> <label>Red</label><br>
<input type="radio" name="question1" value="1"> <label>Green</label>
<p id="color" class="question"></p>
<h2>2. Out of these, what's your favorite Sunshine!! song?</h2>
<input type="radio" name="question2" value="9"><label>One More Sunshine Story</label><br>
<input type="radio" name="question2" value="8"><label>Beginner's Sailing</label><br>
<input type="radio" name="question2" value="7"><label>Red Gem Wink</label><br>
<input type="radio" name="question2" value="6"><label>Pianoforte Monologue</label><br>
<input type="radio" name="question2" value="5"><label>in this unstable world</label><br>
<input type="radio" name="question2" value="4"><label>New winding road</label><br>
<input type="radio" name="question2" value="3"><label>Oyasuminasan!</label><br>
<input type="radio" name="question2" value="2"><label>White First Love</label><br>
<input type="radio" name="question2" value="1"><label>Sakana ka Nanda ka?</label>
<p id="song" class="question"></p>
<h2>3. What do you like to eat?</h2>
<input type="radio" name="question3" value="9"><label>Oranges</label><br>
<input type="radio" name="question3" value="8"><label>Steak</label><br>
<input type="radio" name="question3" value="7"><label>French fries</label><br>
<input type="radio" name="question3" value="6"><label>Sandwiches</label><br>
<input type="radio" name="question3" value="5"><label>Chocolate</label><br>
<input type="radio" name="question3" value="4"><label>Lemons</label><br>
<input type="radio" name="question3" value="3"><label>Red bean paste</label><br>
<input type="radio" name="question3" value="2"><label>Pudding</label><br>
<input type="radio" name="question3" value="1"><label>Sazae</label>
<p id="food" class="question"></p>
<h2>4. What's your sign?</h2>
<input type="radio" name="question4" value="8"><label>Aries</label><br>
<input type="radio" name="question4" value="0"><label>Taurus</label><br>
<input type="radio" name="question4" value="5"><label>Gemini</label><br>
<input type="radio" name="question4" value="6"><label>Cancer</label><br>
<input type="radio" name="question4" value="9"><label>Leo</label><br>
<input type="radio" name="question4" value="7"><label>Virgo</label><br>
<input type="radio" name="question4" value="0"><label>Libra</label><br>
<input type="radio" name="question4" value="0"><label>Scorpio</label><br>
<input type="radio" name="question4" value="0"><label>Sagittarius</label><br>
<input type="radio" name="question4" value="2"><label>Capricorn</label><br>
<input type="radio" name="question4" value="1"><label>Aquarius</label><br>
<input type="radio" name="question4" value="3"><label>Pisces</label>
<p id="sign" class="question"></p>
<h2>5. Do you like Super Mario Sunshine?</h2>
<input type="radio" name="question5" value="8"><label>Yes</label><br>
<input type="radio" name="question5" value="6"><label>No</label><br>
<input type="radio" name="question5" value="4"><label>What's that?</label>
<p id="sms" class="question"></p>
<h2>6. What's your favorite subgroup?</h2>
<input type="radio" name="question6" value="5"><label>Guilty Kiss</label><br>
<input type="radio" name="question6" value="2"><label>AZALEA</label><br>
<input type="radio" name="question6" value="8"><label>CYaRon!</label>
<p id="subgroup" class="question"></p>
<h2>7. What's your favorite season?</h2>
<input type="radio" name="question7" value="5"><label>Spring</label><br>
<input type="radio" name="question7" value="4"><label>Summer</label><br>
<input type="radio" name="question7" value="2"><label>Fall</label><br>
<input type="radio" name="question7" value="7"><label>Winter</label>
<p id="season" class="question"></p>
<h2>8. Are you obnoxious and/or a hater?</h2>
<input type="radio" name="question8" value="3"><label>No</label><br>
<input type="radio" name="question8" value="8"><label>I'm obnoxious</label><br>
<input type="radio" name="question8" value="5"><label>I'm a hater</label><br>
<input type="radio" name="question8" value="1"><label>I'm both</label>
<p id="obnoxiousHater" class="question"></p>
<h2>9. Would you say you have a high pitched voice?</h2>
<input type="radio" name="question9" value="3"><label>No</label><br>
<input type="radio" name="question9" value="7"><label>Yes</label><br>
<input type="radio" name="question9" value="5"><label>Kind of?</label>
<p id="voice" class="question"></p>
</div>
<div class="result">
<button>Click here to find out who you are!</button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='js/script.js'></script>
</body>
</html>