-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (111 loc) · 5.6 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
<!DOCTYPE html>
<html>
<head>
<title>Which Gaming Platform Are You? Quiz</title>
</head>
<body>
<div class="center">
<p class="count">This quiz was taken 0 times.</p>
<div>
<h1 class="start">Which Gaming Platform Are You?</h1>
<button class="start">Start</button>
</div>
<div class="inputs">
<p>How old are you?</p>
<input class="age">
<p>What are your initals?</p>
<input class="initials">
<button class="confirm">Confirm</button>
</div>
<div class="welcome">
<h1 class="welmess">Text</h1>
<h1>First question, do you perfer complexity or simplicity?</h1>
<div class="simplex">
<div class="divplex">
<img class="complex" src="https://res.cloudinary.com/people-matters/image/upload/fl_immutable_cache,w_624,h_351,q_auto,f_auto/v1566269248/1566269247.jpg">
<p>complex</p>
</div>
<div class="divmple">
<img class="simple" src="https://summitlife.org/wp-content/uploads/2017/03/Keep-It-Simple-Website.png">
<p>simple</p>
</div>
</div>
</div>
<div class="Q2">
<h1>Question 2: which audience rating do you prefer in a game?</h1>
<div class="rating">
<div>
<img class="e4ever" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/ESRB_Everyone.svg/1200px-ESRB_Everyone.svg.png">
<p>E. Everyone</p>
</div>
<div>
<img class="t4teen" src="https://static.tvtropes.org/pmwiki/pub/images/d8123333f76ab9941362404b03bdaf2b.png">
<p>T. Teen</p>
</div>
<div>
<img class="m4mat" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/ESRB_2013_Mature.svg/1200px-ESRB_2013_Mature.svg.png">
<p>M. Mature</p>
</div>
</div>
</div>
<div class="Q3">
<h1>Question 3: What is the most important thing to you?</h1>
<div class="imp1">
<div>
<img class="comm" src="https://content.i4cp.com/images/image_uploads/0000/2380/corporate-volunteerism-hero.jpg?1488559596">
<p>Community</p>
</div>
<div>
<img class="casu" src="https://venturebeat.com/wp-content/uploads/2020/09/casual-mobile-games.GettyImages-549743541.jpg?w=1200&strip=all">
<p>Casual</p>
</div>
</div>
<div class="imp2">
<div>
<img class="comp" src="https://i2.wp.com/trenovision.com/wp-content/uploads/2021/01/5-Best-lightweight-competitive-games-for-you-to-play-on-PC-or-notebook.jpg?resize=640%2C320&ssl=1">
<p>Competition</p>
</div>
<div>
<img class="qual" src="https://i.gadgets360cdn.com/large/sony_ps4_e3_2017_1497327541878.jpg">
<p>Quality</p>
</div>
</div>
</div>
<div class="Q4">
<h1>Question 4: How Much Do You Care About Customization?</h1>
<div class="custom">
<div>
<img class="circle no" src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Ski_trail_rating_symbol_black_circle.png">
<p>Not at all</p>
</div>
<div>
<img class="circle meh" src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Ski_trail_rating_symbol_black_circle.png">
<p>Not really</p>
</div>
<div>
<img class="circle idc" src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Ski_trail_rating_symbol_black_circle.png">
<p>Does not matter</p>
</div>
<div>
<img class="circle maybe" src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Ski_trail_rating_symbol_black_circle.png">
<p>A little</p>
</div>
<div>
<img class="circle yes" src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Ski_trail_rating_symbol_black_circle.png">
<p>A lot</p>
</div>
</div>
</div>
<div class="results">
<h1>Your Gaming Platform is:</h1>
<img class="PC" src="https://cdn.mos.cms.futurecdn.net/U5Fdom8yDwVcEivFjiqajF-1200-80.jpg">
<img class="playstation" src="https://c.files.bbci.co.uk/000D/production/_112831000_whatsubject.jpg">
<img class="xbox" src="https://i.ytimg.com/vi/0tUqIHwHDEc/maxresdefault.jpg">
<img class="nintendo" src="http://cdn02.nintendo-europe.com/media/images/10_share_images/others_3/SI_GenericNintendo_image1280w.jpg">
<p>Aptitude Results</p>
<p class="total">total</p>
<button class="restart">Restart Quiz</button>
</div>
</div>
</body>
</html>