-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
33 lines (33 loc) · 2.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MBTI</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="well col-md-6">
<h1 class="text-center">MBTI: Which Game of Thrones character are you?</h1>
<div class="text-center">
<small><i>Find out which Game of Thrones character you are in just 5 minutes!</i></small>
</div>
<h2 class="text-center">Explanation</h2>
<div class="text-center">
This is a totally accurate and <i>original</i> quiz game based on the popular Myers-Brigs Type Indicator test that's widely used in the business and education sector to help people determine which line of career suits their personality. While most MBTI tests will allow you to compare your personality with world famous leaders like Barrack Obama or the CEO of [insert famous bank name], we'll match you up with a character from Game of Thrones that supposedly has the same personality type as you! <br>Check out this <a href="https://upload.wikimedia.org/wikipedia/commons/1/1f/MyersBriggsTypes.png"> image </a> for a detailed explanation of all the personality types.
</div>
<h2 class="text-center">Instructions</h2>
<div class="text-center">
The MBTI test theory dicates that a person's character can be categorized through four criterias: <br>Extraverted <b>(E)</b> vs. Introverted <b>(I)</b> <br>Sensing <b>(S)</b> vs. Intuition <b>(N)</b> <br>Thinking <b>(T)</b> vs Feeling <b>(F)</b> <br>Judging <b>(J)</b> vs. Perceiving <b>(P)</b><br>Through a series of statements, the test will calculate which variable in each criteria you scored the highest, resulting in a 4-lettered result that will determines who you are for the rest of your life.<br>
When responding to the statements, please choose the one you agree with most to ensure an accurate result.
</div>
<div class="text-center">
<a id="start-quiz" class="btn btn-success text-center" href="quiz.html">Start</a>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script src="js/questions.js"></script>
</body>
</html>