-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz.html
119 lines (96 loc) · 3.73 KB
/
quiz.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
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<title>Personality Quiz Starter Code</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="style.css">
<!-- import the webpage's javascript file -->
<script src="script.js" defer>
</script>
</head>
<body>
<header>
<h1 id = "quiz-head"> What kind of Walmart project would you like to work on?</h1>
<p id = "quiz-description">
Answer once for each of the questions below to see which project
best aligns with your goals. You may restart the quiz as much
as you'd like. When you are done, go back to the main website
and find the project using the side navigation bar or the links on
the home page.
</p>
<br><br>
</header>
<main>
<div class = "question-box centered">
<h2> Which topic relates to the challenge you are facing? </h2>
<div class="question">
<div class="answer-choice">
<button id="q1a1"> Accesibility for customers</button>
</div>
<div class="answer-choice">
<button id="q1a2"> Worker effecieny </button>
</div>
<div class="answer-choice">
<button id="q1a3"> General customer experience</button>
</div>
<br>
</div>
</div>
<div class = "question-box centered">
<h2> What characteristic is most important to you in a new innovation? </h2>
<div class="question">
<div class="answer-choice">
<button id="q2a1">Interpersonality </button>
</div>
<div class="answer-choice">
<button id="q2a2">Tech-savy</button>
</div>
<div class="answer-choice">
<button id="q2a3">Interactive</button>
</div>
<br>
</div>
</div>
<div class = "question-box centered">
<h2> What is the scope of impact you want to make? </h2>
<div class="question">
<div class="answer-choice">
<button id="q3a1"> 1 person at a time </button>
</div>
<div class="answer-choice">
<button id="q3a2"> The employee team for one location </button>
</div>
<div class="answer-choice">
<button id="q3a3"> The entire community surrounding a specfic Walmart store </button>
</div>
<br>
</div>
</div>
<div class = "question-box centered">
<h2> What scope of training do you want to make? </h2>
<div class="question">
<div class="answer-choice">
<button id="q4a1"> A couple employees</button>
</div>
<div class="answer-choice">
<button id="q4a2">The employee team for one location</button>
</div>
<div class="answer-choice">
<button id="q4a3"> The entire community surrounding a specific Walmart store </button>
</div>
<br>
</div>
</div>
<div class = "centered">
<h2 id="result">Your result: </h2>
<br>
<button id="restart">Restart</button>
<a href = "index.html"><button>Back to website</button></a>
<br><br>
</div>
</main>
</body>
</html>