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
47 lines (44 loc) · 7.57 KB
/
index.html
File metadata and controls
47 lines (44 loc) · 7.57 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
<!DOCTYPE html>
<html>
<head>
<title>Buzzfeed Quiz</title>
<link type='text/css' rel='stylesheet' href='css/style.css' />
</head>
<body>
<div class="header">
<div><img class="logo" src="data:image/png;base64,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"></div>
<div>News</div>
<div>Videos</div>
<div>Quizes</div>
<div>Tasty</div>
<input placeholder="Search">
</div>
</div>
<h1>Which anime girl are you?</h1>
<p id="caption">Make sure to pick an option from the input box for accurate results! Capitalization doesn't matter. Spelling does. </p>
<img class="shiroImg" src="https://steamusercontent-a.akamaihd.net/ugc/941707526725713686/612C51FC87342814C16993C384BC1F58894C0EDB/">
<a href="http://no-game-no-life.wikia.com/wiki/Shiro" target="none">Shiro Nai</a>
<div class="shiro">Crunchyroll Contributor</div>
<img class="futatsu" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjtQ9NJ56kkJAX-sxTD7FKuc0ny8FmdEaFkUUibkSSehMAvw_Y">
<div class="questions">
<h2>What is your name?</h2>
<input class="nameq" placeholder="Name">
<h2>What kind of dere are you?</h2>
<input class="dereq" placeholder="Tsundere, Kuudere, Yandere, Dandere">
<h2> Which anime protagonist do you like?</h2>
<input class="mainq" placeholder="Soma, Eren, Madoka, Yuki">
<h2> Do you have any special powers?</h2>
<input class="powerq" placeholder="fighting, cooking, killing, magic">
<h2>What genre are you from?</h2>
<input class="genreq" placeholder="Comedy, Psychological, Mahou Shoujo, Dark Fantasy">
</div>
<div class="result">
<div class="resulttext"></div>
<div class="resultimg"></div>
</div>
<button>Click here find out what anime girl you are!</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='js/script.js'></script>
</body>
</html>