This repository has been archived by the owner on Sep 3, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.php
437 lines (427 loc) · 24.2 KB
/
about.php
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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
<?php
session_start();
require 'includes/database.php';
include('includes/header.php');
?>
<!-- -------- START HEADER 7 w/ text and video ------- -->
<header class="bg-gradient-dark">
<div class="page-header min-vh-75" style="background-image: url('../assets/img/office-dark.jpg');">
<span class="mask bg-gradient-info opacity-8"></span>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center mx-auto my-auto">
<h1 class="text-white pt-3">Hrátky s Drdem</h1>
<p class="lead mb-4 text-white opacity-8">We’re constantly trying to express ourselves and actualize our dreams. If you have the opportunity to play this game</p>
<a href="gallery.php" class="btn bg-white text-dark">Navštívit galerii</a>
</div>
</div>
</div>
<div class="position-absolute w-100 z-index-1 bottom-0">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 40" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="moving-waves">
<use xlink:href="#gentle-wave" x="48" y="-1" fill="rgba(255,255,255,0.40" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.35)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.25)" />
<use xlink:href="#gentle-wave" x="48" y="8" fill="rgba(255,255,255,0.20)" />
<use xlink:href="#gentle-wave" x="48" y="13" fill="rgba(255,255,255,0.15)" />
<use xlink:href="#gentle-wave" x="48" y="16" fill="rgba(255,255,255,1" />
</g>
</svg>
</div>
</div>
</header>
<!-- -------- END HEADER 7 w/ text and video ------- -->
<!-- Section with four info areas left & one card right with image and waves -->
<section class="py-7">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<div class="icon icon-shape text-center">
<svg class="text-info" width="25px" height="25px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>spaceship</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1720.000000, -592.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g transform="translate(4.000000, 301.000000)">
<path class="color-foreground" d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z"></path>
<path class="color-foreground" d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z"></path>
<path class="color-background" d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" opacity="0.598539807"></path>
<path class="color-background" d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id="color-3" opacity="0.598539807"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<h5>Časté scházení</h5>
<p>Je-li čas, na hřišti vždy potkáte nás!</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<div class="icon icon-shape text-center">
<svg class="text-info" width="43px" height="20px" viewBox="0 0 43 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>credit-card</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-2169.000000, -745.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g id="credit-card" transform="translate(453.000000, 454.000000)">
<path class="color-background" d="M43,10.7482083 L43,3.58333333 C43,1.60354167 41.3964583,0 39.4166667,0 L3.58333333,0 C1.60354167,0 0,1.60354167 0,3.58333333 L0,10.7482083 L43,10.7482083 Z" opacity="0.593633743">
</path>
<path class="color-foreground" d="M0,16.125 L0,32.25 C0,34.2297917 1.60354167,35.8333333 3.58333333,35.8333333 L39.4166667,35.8333333 C41.3964583,35.8333333 43,34.2297917 43,32.25 L43,16.125 L0,16.125 Z M19.7083333,26.875 L7.16666667,26.875 L7.16666667,23.2916667 L19.7083333,23.2916667 L19.7083333,26.875 Z M35.8333333,26.875 L28.6666667,26.875 L28.6666667,23.2916667 L35.8333333,23.2916667 L35.8333333,26.875 Z"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<h5>Hraní fotbalu</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<div class="icon icon-shape text-center">
<svg class="text-info" width="25px" height="25px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>box-3d-50</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-2319.000000, -291.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g id="box-3d-50" transform="translate(603.000000, 0.000000)">
<path class="color-foreground" d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z"></path>
<path class="color-background" d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" opacity="0.7"></path>
<path class="color-background" d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" opacity="0.7"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<h5>Zásady proti buranům</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<div class="icon icon-shape text-center">
<svg class="text-info" width="25px" height="25px" viewBox="0 0 46 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>customer-support</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1717.000000, -291.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g transform="translate(1.000000, 0.000000)">
<path class="color-background" d="M45,0 L26,0 C25.447,0 25,0.447 25,1 L25,20 C25,20.379 25.214,20.725 25.553,20.895 C25.694,20.965 25.848,21 26,21 C26.212,21 26.424,20.933 26.6,20.8 L34.333,15 L45,15 C45.553,15 46,14.553 46,14 L46,1 C46,0.447 45.553,0 45,0 Z" opacity="0.59858631"></path>
<path class="color-foreground" d="M22.883,32.86 C20.761,32.012 17.324,31 13,31 C8.676,31 5.239,32.012 3.116,32.86 C1.224,33.619 0,35.438 0,37.494 L0,41 C0,41.553 0.447,42 1,42 L25,42 C25.553,42 26,41.553 26,41 L26,37.494 C26,35.438 24.776,33.619 22.883,32.86 Z"></path>
<path class="color-foreground" d="M13,28 C17.432,28 21,22.529 21,18 C21,13.589 17.411,10 13,10 C8.589,10 5,13.589 5,18 C5,22.529 8.568,28 13,28 Z"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<h5>Střety s trigert pánem</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ms-auto mt-lg-0 mt-4">
<div class="card shadow-lg">
<div class="card-header p-0 mx-3 mt-3 position-relative z-index-1">
<div class="d-block blur-shadow-image">
<img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/funny.jpg" alt="img-blur-shadow" class="img-fluid shadow rounded-3">
</div>
<div class="colored-shadow" style="background-image: url("https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/funny.jpg");"></div>
</div>
<div class="card-body">
<a href="javascript:;">
<h5 class="mt-3">
Get insights on Search
</h5>
</a>
<p>
Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Section with four info areas left & one card right with image and waves -->
<!-- -------- START Features w/ pattern background & stats & rocket -------- -->
<section class="pt-sm-8 pb-5 position-relative bg-gradient-dark">
<div class="position-absolute w-100 z-inde-1 top-0 mt-n3">
<svg width="100%" viewBox="0 -2 1920 157" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>wave-down</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g fill="#FFFFFF" fill-rule="nonzero">
<g id="wave-down">
<path d="M0,60.8320331 C299.333333,115.127115 618.333333,111.165365 959,47.8320321 C1299.66667,-15.5013009 1620.66667,-15.2062179 1920,47.8320331 L1920,156.389409 L0,156.389409 L0,60.8320331 Z" id="Path-Copy-2" transform="translate(960.000000, 78.416017) rotate(180.000000) translate(-960.000000, -78.416017) "></path>
</g>
</g>
</g>
</svg>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 text-start mb-5 mt-5">
<h3 class="text-white z-index-1 position-relative">Základní členové</h3>
<p class="text-white opacity-8 mb-0">There’s nothing I really wanted to do in life that I wasn’t able to get good at. That’s my skill.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-12">
<div class="card card-profile overflow-hidden">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 pe-lg-0">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md" src="../assets/img/kal-visuals-square.jpg" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 ps-lg-0 my-auto">
<div class="card-body">
<h5 class="mb-0">Jumbo</h5>
<h6 class="text-info">Dinosaurus von Vlajkoznal</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="card card-profile mt-lg-0 mt-5 overflow-hidden">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 pe-lg-0">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md" src="../assets/img/bruce-mars.jpg" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 ps-lg-0 my-auto">
<div class="card-body">
<h5 class="mb-0">Drd</h5>
<h6 class="text-info">panDrd</h6>
<p>Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-6 col-12">
<div class="card card-profile overflow-hidden z-index-2">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 pe-lg-0">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md" src="../assets/img/team-4.jpg" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 ps-lg-0 my-auto">
<div class="card-body">
<h5 class="mb-0">Jounas</h5>
<h6 class="text-info">Fjuro</h6>
<p>Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="card card-profile mt-lg-0 mt-5 overflow-hidden z-index-2">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 pe-lg-0">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md" src="../assets/img/ivana-square.jpg" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 ps-lg-0 my-auto">
<div class="card-body">
<h5 class="mb-0">Tom V</h5>
<h6 class="text-info">Tom V?</h6>
<p>Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="card card-profile overflow-hidden">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 pe-lg-0">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md" src="../assets/img/kal-visuals-square.jpg" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 ps-lg-0 my-auto">
<div class="card-body">
<h5 class="mb-0">Jumbo</h5>
<h6 class="text-info">Dinosaurus von Vlajkoznal</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute w-100 bottom-0 mn-n1">
<svg width="100%" viewBox="0 -1 1920 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>wave-up</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(0.000000, 5.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="wave-up" transform="translate(0.000000, -5.000000)">
<path d="M0,70 C298.666667,105.333333 618.666667,95 960,39 C1301.33333,-17 1621.33333,-11.3333333 1920,56 L1920,165 L0,165 L0,70 Z" fill="#f8f9fa"></path>
</g>
</g>
</g>
</svg>
</div>
</section>
<!-- -------- END Features w/ pattern background & stats & rocket -------- -->
<section class="pt-2 pb-6 bg-gray-100" id="count-stats">
<div class="container">
<div class="row mb-7">
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-coinbase.svg" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-nasa.svg" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-netflix.svg" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-pinterest.svg" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-spotify.svg" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="../assets/img/logos/gray-logos/logo-vodafone.svg" alt="logo">
</div>
</div>
<div class="row justify-content-center text-center">
<div class="col-md-3">
<h1 class="text-gradient text-info" id="state1" countTo="5234">0</h1>
<h5>Počet setkání</h5>
<p>Of “high-performing” level are led by a certified project manager</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-info"><span id="state2" countTo="3400">0</span>+</h1>
<h5>Počet gólů</h5>
<p>That meets quality standards required by our users</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-info"><span id="state3" countTo="24">0</span>/7</h1>
<h5>Support</h5>
<p>Actively engage team members that finishes on time</p>
</div>
</div>
</div>
</section>
<!-- Core JS Files -->
<?php
include('includes/footer.php');
?>
<script>
// get the element to animate
var element = document.getElementById('count-stats');
var elementHeight = element.clientHeight;
// listen for scroll event and call animate function
document.addEventListener('scroll', animate);
// check if element is in view
function inView() {
// get window height
var windowHeight = window.innerHeight;
// get number of pixels that the document is scrolled
var scrollY = window.scrollY || window.pageYOffset;
// get current scroll position (distance from the top of the page to the bottom of the current viewport)
var scrollPosition = scrollY + windowHeight;
// get element position (distance from the top of the page to the bottom of the element)
var elementPosition = element.getBoundingClientRect().top + scrollY + elementHeight;
// is scroll position greater than element position? (is element in view?)
if (scrollPosition > elementPosition) {
return true;
}
return false;
}
var animateComplete = true;
// animate element when it is in view
function animate() {
// is element in view?
if (inView()) {
if (animateComplete) {
if (document.getElementById('state1')) {
const countUp = new CountUp('state1', document.getElementById("state1").getAttribute("countTo"));
if (!countUp.error) {
countUp.start();
} else {
console.error(countUp.error);
}
}
if (document.getElementById('state2')) {
const countUp1 = new CountUp('state2', document.getElementById("state2").getAttribute("countTo"));
if (!countUp1.error) {
countUp1.start();
} else {
console.error(countUp1.error);
}
}
if (document.getElementById('state3')) {
const countUp2 = new CountUp('state3', document.getElementById("state3").getAttribute("countTo"));
if (!countUp2.error) {
countUp2.start();
} else {
console.error(countUp2.error);
};
}
animateComplete = false;
}
}
}
if (document.getElementById('typed')) {
var typed = new Typed("#typed", {
stringsElement: '#typed-strings',
typeSpeed: 90,
backSpeed: 90,
backDelay: 200,
startDelay: 500,
loop: true
});
}
</script>
<script>
if (document.getElementsByClassName('page-header')) {
window.addEventListener('scroll', function() {
var scrollPosition = window.pageYOffset;
var bgParallax = document.querySelector('.page-header');
var limit = bgParallax.offsetTop + bgParallax.offsetHeight;
if (scrollPosition > bgParallax.offsetTop && scrollPosition <= limit) {
bgParallax.style.backgroundPositionY = (50 - 10 * scrollPosition / limit * 3) + '%';
} else {
bgParallax.style.backgroundPositionY = '50%';
}
});
}
</script>
</body>
</html>