-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (69 loc) · 3.54 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/scripts.js"></script>
<meta charset="utf-8">
</head>
<body>
<div class="bgimage">
<div class="container">
<div class="jumbotron">
<h3>Which programming language is best for me?</h3>
<br>
<h4>Answer These Questions to Find Your Match:</h4>
</div>
<div class="container" id="questions">
<div id="calfDiv">
<p>It's your birthday. Someone gives you a calfskin wallet. How do you react?</p>
<form id="calf">
<input type="radio" name="calf" value="a">I would appreciate it. <br>
<input type="radio" name="calf" value="b">I wouldn't accept it. <br>
<input type="radio" name="calf" value="c">Thank you for the wallet.
</form>
</div>
<div id="jarDiv">
<p class="questionText">You've got a little boy. He shows you his butterfly collection plus the killing jar. What do you do?</p>
<form id="jar">
<input type="radio" name="jar" value="a">That's nice, but why don't you keep the killing jar for yourself?<br>
<input type="radio" name="jar" value="b">Oh lovely.<br>
<input type="radio" name="jar" value="c">I take him to the doctor.
</form>
</div>
<div id="waspDiv">
<p class="questionText">You're watching television. Suddenly you realize there's a wasp crawling on your arm.</p>
<form id="wasp">
<input type="radio" name="wasp" value="a">I swap it away.<br>
<input type="radio" name="wasp" value="b">I scream, and grab the closest thing near me and beat the hell out of it. <br>
<input type="radio" name="wasp" value="c">I kill it.
</form>
</div>
<div id="dogDiv">
<p class="questionText">You're watching a stage play - a banquet is in progress. The guests are enjoying an appetizer of raw oysters. The entree consists of boiled dog stuffed with rice. The raw oysters are less acceptable to you than a dish of boiled dog. </p>
<form id="dog">
<input type="radio" name="dog" value="a">Not true.<br>
<input type="radio" name="dog" value="b">Disgusting!<br>
<input type="radio" name="dog" value="c">I wouldn't eat boiled dog!
</form>
</div>
<div id="tortDiv">
<p class="questionText">You're in a desert walking along in the sand when all of the sudden you look down, and you see a tortoise, it's crawling toward you. You reach down, you flip the tortoise over on it's back. The tortoise lays on it's back, it's belly baking in
the hot sun, beating it's legs trying to turn it'self over, but it can't, not without your help. But you're not helping. Why is that?</p>
<form id="tortoise">
<input type="radio" name="tortoise" value="a">I swap it away.<br>
<input type="radio" name="tortoise" value="b">I scream, and grab the closest thing near me and beat the hell out of it. <br>
<input type="radio" name="tortoise" value="c">I kill it.
</form>
</div>
</div>
<div class="resultBox">
<div id="resultDiv">
<h2 id="answer"></h2>
</div>
</div>
</div>
</div>
</body>
</html>