-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
191 lines (145 loc) · 9.19 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="pages/style.css" type="text/css">
<meta charset="utf-8">
<title>Vragenlijst</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Vragenlijst McCoy">
<link href="pages/assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
<link href="pages/assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="pages/assets/fonts/Inter-UI-upright.var.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="pages/assets/fonts/Inter-UI.var.woff2" type="font/woff2" crossorigin="anonymous">
</head>
<body>
<div class="loader">
<div class="loading-animation"></div>
</div>
<div class="navbar-container ">
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container">
<a class="navbar-brand fade-page" href="index.html">
<img class="icon" src="pages/Logo Mccoy.png" alt="Leap">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
<img class="icon navbar-toggler-open" src="pages/assets/img/icons/interface/menu.svg" alt="menu interface icon" data-inject-svg />
<img class="icon navbar-toggler-close" src="pages/assets/img/icons/interface/cross.svg" alt="cross interface icon" data-inject-svg />
</button>
<div class="collapse navbar-collapse justify-content-end">
<div class="py-2 py-lg-0">
</div>
</div>
</nav>
</div>
<div class="article-progress" data-sticky="below-nav">
<progress class="reading-position" value="0"></progress>
<div class="article-progress-wrapper">
<div class="container">
<div class="row">
<div class="col py-2">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex">
<div class="text-small text-muted mr-1">Reading:</div>
<div class="text-small">Navigating the complexity of change aversion</div>
</div>
<div class="d-flex align-items-center">
<span class="text-small text-muted">Share:</span>
<div class="d-flex ml-1">
<a href="#" class="mx-1 btn btn-sm btn-round btn-primary">
<img class="icon" src="pages/assets/img/icons/social/twitter.svg" alt="twitter social icon" data-inject-svg />
</a>
<a href="#" class="mx-1 btn btn-sm btn-round btn-primary">
<img class="icon" src="pages/assets/img/icons/social/linkedin.svg" alt="linkedin social icon" data-inject-svg />
</a>
<a href="#" class="mx-1 btn btn-sm btn-round btn-primary">
<img class="icon" src="pages/assets/img/icons/social/facebook.svg" alt="facebook social icon" data-inject-svg />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="p-0" data-reading-position>
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-8 col-md-10">
<article class="article quiz-container">
<div id="quiz"></div>
</article>
</div>
</div>
</div>
</section>
<section class="p-3" data-reading-position>
<div class="container onderste">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-8 col-md-2">
<p id="vragenResultaat"></p>
<!-- <button class="m-1 btn btn-primary-3" id="previous">Previous Question</button> -->
<button class="m-1 btn btn-primary" id="next">Next Question</button>
<button class="m-1 btn btn-primary-2" id="submit">Submit Quiz</button>
</article>
</div>
</div>
</div>
</section>
<p id="teller">"0"</p>
<a href="#" class="btn back-to-top btn-primary btn-round" data-smooth-scroll data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
<img class="icon" src="pages/assets/img/icons/theme/navigation/arrow-up.svg" alt="arrow-up icon" data-inject-svg />
</a>
<!-- Required vendor scripts (Do not remove) -->
<script type="text/javascript" src="pages/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="pages/assets/js/popper.min.js"></script>
<script type="text/javascript" src="pages/assets/js/bootstrap.js"></script>
<!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->
<!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
<script type="text/javascript" src="pages/assets/js/aos.js"></script>
<!-- Clipboard (copies content from browser into OS clipboard) -->
<script type="text/javascript" src="pages/assets/js/clipboard.js"></script>
<!-- Fancybox (handles image and video lightbox and galleries) -->
<script type="text/javascript" src="pages/assets/js/jquery.fancybox.min.js"></script>
<!-- Flatpickr (calendar/date/time picker UI) -->
<script type="text/javascript" src="pages/assets/js/flatpickr.min.js"></script>
<!-- Flickity (handles touch enabled carousels and sliders) -->
<script type="text/javascript" src="pages/assets/js/flickity.pkgd.min.js"></script>
<!-- Ion rangeSlider (flexible and pretty range slider elements) -->
<script type="text/javascript" src="pages/assets/js/ion.rangeSlider.min.js"></script>
<!-- Isotope (masonry layouts and filtering) -->
<script type="text/javascript" src="pages/assets/js/isotope.pkgd.min.js"></script>
<!-- jarallax (parallax effect and video backgrounds) -->
<script type="text/javascript" src="pages/assets/js/jarallax.min.js"></script>
<script type="text/javascript" src="pages/assets/js/jarallax-video.min.js"></script>
<script type="text/javascript" src="pages/assets/js/jarallax-element.min.js"></script>
<!-- jQuery Countdown (displays countdown text to a specified date) -->
<script type="text/javascript" src="pages/assets/js/jquery.countdown.min.js"></script>
<!-- jQuery smartWizard facilitates steppable wizard content -->
<script type="text/javascript" src="pages/assets/js/jquery.smartWizard.min.js"></script>
<!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
<script type="text/javascript" src="pages/assets/js/plyr.polyfilled.min.js"></script>
<!-- Prism (displays formatted code boxes) -->
<script type="text/javascript" src="pages/assets/js/prism.js"></script>
<!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
<script type="text/javascript" src="pages/assets/js/scrollMonitor.js"></script>
<!-- Smooth scroll (animation to links in-page)-->
<script type="text/javascript" src="pages/assets/js/smooth-scroll.polyfills.min.js"></script>
<!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
<script type="text/javascript" src="pages/assets/js/svg-injector.umd.production.js"></script>
<!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
<script type="text/javascript" src="pages/assets/js/twitterFetcher_min.js"></script>
<!-- Typed text (animated typing effect)-->
<script type="text/javascript" src="pages/assets/js/typed.min.js"></script>
<!-- Required theme scripts (Do not remove) -->
<script type="text/javascript" src="pages/assets/js/theme.js"></script>
<script type="text/javascript" src="pages/quizScript.js"></script>
<!-- Removes page load animation when window is finished loading -->
<script type="text/javascript">
window.addEventListener("load", function() {
document.querySelector('body').classList.add('loaded');
});
</script>
</body>
</html>