forked from paystrup/EAAA-Webdokumentar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
story.html
358 lines (302 loc) · 28 KB
/
story.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="EAAA, Erhvervsakademiet Aarhus, Erhvervsakademi, Erhversakademisk uddannelse, uddannelse Aarhus, Århus">
<title>EAAA Webdokumentar</title>
<link rel="shortcut icon" href="media/eaaa.ico" type="image/x-icon">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.typekit.net/frq8mhn.css">
<link href="https://api.mapbox.com/mapbox-gl-js/v2.7.0/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v2.7.0/mapbox-gl.js"></script>
<script src="https://kit.fontawesome.com/63f60264a7.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<div class="navlogo" id="navLogo">
<svg class="navlogo" id="Layer_4" data-name="Layer 4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.08 59.89"><defs><style>.navlogo{fill:#fff8e5;}</style></defs><path d="M60,55.15a4.19,4.19,0,1,0,4.19,4.19A4.19,4.19,0,0,0,60,55.15Z" transform="translate(-55.83 -3.64)"/><path d="M77.59,34.15a9.4,9.4,0,1,0,9.4,9.4A9.4,9.4,0,0,0,77.59,34.15Z" transform="translate(-55.83 -3.64)"/><path d="M104.5,3.64a15.42,15.42,0,1,0,15.42,15.42A15.42,15.42,0,0,0,104.5,3.64Z" transform="translate(-55.83 -3.64)"/></svg>
</div>
<div class="navicons" id="navIkoner">
<svg id="unmuteknap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M301.2 34.85c-11.5-5.188-25.02-3.122-34.44 5.253L131.8 160H48c-26.51 0-48 21.49-48 47.1v95.1c0 26.51 21.49 47.1 48 47.1h83.84l134.9 119.9c5.984 5.312 13.58 8.094 21.26 8.094c4.438 0 8.972-.9375 13.17-2.844c11.5-5.156 18.82-16.56 18.82-29.16V64C319.1 51.41 312.7 40 301.2 34.85zM513.9 255.1l47.03-47.03c9.375-9.375 9.375-24.56 0-33.94s-24.56-9.375-33.94 0L480 222.1L432.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03l-47.03 47.03c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L480 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94L513.9 255.1z"/></svg>
<svg id="muteknap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M412.6 182c-10.28-8.334-25.41-6.867-33.75 3.402c-8.406 10.24-6.906 25.35 3.375 33.74C393.5 228.4 400 241.8 400 255.1c0 14.17-6.5 27.59-17.81 36.83c-10.28 8.396-11.78 23.5-3.375 33.74c4.719 5.806 11.62 8.802 18.56 8.802c5.344 0 10.75-1.779 15.19-5.399C435.1 311.5 448 284.6 448 255.1S435.1 200.4 412.6 182zM473.1 108.2c-10.22-8.334-25.34-6.898-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C476.6 172.1 496 213.3 496 255.1s-19.44 82.1-53.31 110.7c-10.25 8.396-11.75 23.5-3.344 33.74c4.75 5.775 11.62 8.771 18.56 8.771c5.375 0 10.75-1.779 15.22-5.431C518.2 366.9 544 313 544 255.1S518.2 145 473.1 108.2zM534.4 33.4c-10.22-8.334-25.34-6.867-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C559.9 116.3 592 183.9 592 255.1s-32.09 139.7-88.06 185.5c-10.25 8.396-11.75 23.5-3.344 33.74C505.3 481 512.2 484 519.2 484c5.375 0 10.75-1.779 15.22-5.431C601.5 423.6 640 342.5 640 255.1S601.5 88.34 534.4 33.4zM301.2 34.98c-11.5-5.181-25.01-3.076-34.43 5.29L131.8 160.1H48c-26.51 0-48 21.48-48 47.96v95.92c0 26.48 21.49 47.96 48 47.96h83.84l134.9 119.8C272.7 477 280.3 479.8 288 479.8c4.438 0 8.959-.9314 13.16-2.835C312.7 471.8 320 460.4 320 447.9V64.12C320 51.55 312.7 40.13 301.2 34.98z"/></svg>
<svg id="hamburgermenu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
</div>
</nav>
<div class="ball" id="ball">
<div id="klikmig">
<p>Tap</p>
</div>
</div>
<div id="openMenu">
<div class="openMenuClose">
<svg class="closemenuikon" id="closeMenuIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</div>
<ul id="menuUL" class="menupunkter"></ul>
</div>
<main id="storymain">
<!--
<section id="headPhonesOn">
<h4>Please put on your headphones</h4>
<video autoplay id="myVideo">
<source src="media/headphones.mp4" type="video/mp4">
</video>
</section>
-->
<div class="scrollprogressbar">
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
<!-- landingpage, computer + story -->
<section id="computerStory">
<div id="computerStoryText">
<h5 class="computerstoryh5">Skal man slå sig ned efter uddannelsen er færdig?</h5>
<p class="computerstoryp">Oliver er 25 år, og færdiguddannet multimediedesigner. Han er eventyrlysten og mener ikke man bør sætte sit fodfæste i Danmark, når man har afsluttet sin uddannelse. Han ønsker at fylde bagagen med oplevelser, samtidig med han arbejder remote i udlandet.</p>
<div id="scrollIndicator">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
<h6>Scroll for at opleve historien</h6>
</div>
</div>
<div class="computerVideo-container" id="computerVidBox">
<video autoplay muted loop id="computerVideo">
<source src="media/Comp 1_VP8.webm" type="video/mp4">
</video>
</div>
</section>
<!-- her begynder første section omkring Olivers drømme -->
<section class="flightstory" id="flightStory">
<img class="flightStoryPic1" id="flightStoryPic1" src="media/flightstory1.png" alt="Fly Scene">
<h4 id="surftrigger">Oliver sidder i flyet, klar til nye udfordringer i udlandet.
<br>Han glæder sig til at surfe og møde sine nye kollaeger.</h4>
</section>
<section class="surfingbox" id="surfingStory">
<div class="vidbox">
<video autoplay muted loop class="surfingvid" id="computerVideo">
<source src="media/surfstory.mp4" type="video/mp4">
</video>
</div>
<div class="surfingboxoverlay">
<img class ="palmer" src="media/palmer.png" alt="Palmer og surfboard">
</div>
</section>
<section id="office">
<section id="officeStory">
<div id="officeStoryTextBox">
<p id="officeStoryText">
Oliver har en stor rejseglæde, og har lyst til at opleve mere og mere af verdenen. Han drømmer om at kunne arbejde i udlandet, hvor han har mulighed for at rejse rundt med sit arbejde. Han trives dog bedst og er mest produktiv på et kontor, hvor han kan møde ind og klare sit arbejde.
<br> <br> Med en uddannelse som multimediedesigner, er dette muligt for ham, da det giver et godt springbræt til en fantastisk stor branche både herhjemme og i udlandet. Samtidig er mange stillinger digitale, og kan arbejdes remote online og tages med på farten i udlandet som fx. freelancer.
<br><br> <b>Lyt til Oliver fortælle om sine drømme</b>
</p>
<div id="officelyd">
<audio controls controlslist="nodownload noplaybackrate">
<source src="media/dreams.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
<div id="kontorbox">
<img id="kontorPic" src="media/kontor.png" alt="Kontormiljø">
</div>
</section>
</section>
<!-- Olivers barndom -->
<section id="barndomBox">
<section id="barndom">
<div id="barndomText">
<h4>20 år tidligere</h4>
<p>Olivers barndom</p>
</div>
</section>
</section>
<section class="flightstory" id="flightStory2">
<img class="flightStoryPic2" id="flightStoryPic2" src="media/flightstory3.png" alt="Fly Scene">
<h4>Som 6-årig flytter Oliver med sin familie til Kina. Hans far søger nye karrieremuligheder, og det er et oplagt valg for familien. Det er hårdt sige farvel til Danmark, men samtidig glæder de sig til et nyt eventyr.</h4>
</section>
<section id="kortsection">
<div id="kortcontainer">
<div id="kortbox">
<div id="pathoverlaybox">
<svg id="Lag_1" data-name="Lag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2550 2151"><defs></defs><line x1="453.11" y1="818.73" x2="458.99" y2="819.91"/><line x1="470.81" y1="822.3" x2="2238.57" y2="1178.37"/><line x1="2244.48" y1="1179.56" x2="2250.36" y2="1180.75"/></svg>
</div>
<div id="kortboxbox">
<img id="kortbillede" src="media/kort.png" alt="Danmark Kina kort">
</div>
</div>
</div>
</section>
<section class="fortid">
<p>
Oliver og hans familie bor 4 år i Beijing, og 2 år i Singapore. Dette har en stor indflydelse både på Oliver og ikke mindst familien. De får utrolig mange oplevelser, kulturindtryk og dannelse, men samtidig er det også svært for dem at skulle tage afsked til alt hjemme i Danmark. <br> <br>
Med en fortid og barndom udsprunget i rejser og bosættelse i forskellige kulturer og verdensdele, har Oliver haft en forholdsvis atypisk opvækst end mange andre. Han mener netop at dét, har indflydelse på hans drømme på personlig plan såvel som arbejdsrelateret.
<br><br>Den store rejseglæde, oplevelsestræng, nem tilgang til tilpasning kommer fra hans opvækst, og sidder stadig i ham den dag idag. Han drømmer nemlig om, at have mulighed for at kunne arbejde i alle verdenshjørner. Netop denne uddannelse som mulitmediedesigner betyder, at man kan arbejde både remote eller have fodfæste et mere bestemt sted.
</p>
</section>
<section id="gsapGalleri">
<div class="slides-container">
<div class="slides-inner">
<div class="slide">
<img src="media/galleri1.png" alt="Billeder fra Olivers opvækst i udlandet">
</div>
<div class="slide">
<img src="media/galleri2.png" alt="Billeder fra Olivers opvækst i udlandet">
</div>
<div class="slide">
<img src="media/galleri3.png" alt="Billeder fra Olivers opvækst i udlandet">
</div>
<div class="slide">
<img src="media/galleri4.png" alt="Billeder fra Olivers opvækst i udlandet">
</div>
</div>
</div>
</section>
<section class="fortid2">
<p>
Opholdet i udlandet er noget familien nyder. De oplever ting, som de aldrig har set før og begynder at føle sig hjemme i de nye kulturelle omgivelser. Dog er der i baghovedet af familien stadig et afsavn. Vennerne og familien er især savnet og skolegangen på en international skole kan være hård. Mens familien er rejst, så er Olivers storesøster nemlig blevet i Danmark, da hun skulle starte på gymnasiet, og det er svært for dem at holde kontakten.
<br><br> Selvom hverdagen i udlandet somme tider kunne være hård, når de at bo 6 år i udlandet før de vender hjem mod Danmark igen. Oliver har fyldt bagagen med oplevelser, kultur og mod på livet. Han føler sig klar til den næste rejse.
<br><br> <b>Lyt til Oliver fortælle om sin barndom</b>
</p>
<div>
<audio controls controlslist="nodownload noplaybackrate">
<source src="media/ombarndomogdannelse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</section>
<!-- Olivers sabbatår -->
<section id="sabbataar">
<div id="sabbataarText">
<h4>15 år senere</h4>
<p>Sabbatår</p>
</div>
</section>
<section class="surfingvid1" id="surfing-vid">
<div class="vidboxen">
<video autoplay muted loop>
<source src="media/sabbataar.mp4" type="video/mp4">
</video>
</div>
<div class="vidboxen-box">
<div class="vidboxen-tekst">
<p>
Oliver er nu færdig med gymnasiet og klar til at pakke kufferten. En ting er sikkert - han er sulten efter oplevelser og færdig med skolebænken i Danmark for nu.
<br> <br>Hans næste rejse varer 372 dage. Her rejster han igennem 11 lande, inden han hopper på et fly hjem igen til Danmark. <br> <br>
Oliver nyder friheden til selvbestemmelse - han kortlægger selv sin dag, hver dag. Han vælger selv om han vil se på vandfald, ligge i solen eller surfe. <br>
</p>
</div>
</div>
</section>
<section class="sabbattekst">
<p>
I løbet af rejsen når Oliver at besøge 11 lande - Guatamala, El salvador, Nica, Costa Rica, Panama, Colombia, Ecuador, Peru, Bolivia, Chile og Argentina.
<br><br> Undervejs arbejder han småjobs som freelancer, hvor han producerer videoindhold for hostels og bliver betalt med gratis logi. Det vækker en kæmpe interesse for at bruge kreativiteten til noget produktivt for Oliver, og han bliver mere og mere intresseret i at lave video og grafisk design.
<br><br> <b>Lyt til Oliver fortælle om sit sabbatår, og se hans rejser på kortet nedenfor</b>
</p>
<div>
<audio controls controlslist="nodownload noplaybackrate">
<source src="media/sabbataar.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</section>
<section>
<div id="mapBox">
<div id="sabbataar-map"></div>
</div>
</section>
<section id="gallerisabbat">
<div id="sabbatbox">
<img src="media/sabbatgalleri4.png" alt="">
<img src="media/sabbatgalleri1.png" alt="">
<img src="media/sabbatgalleri3.png" alt="">
</div>
</section>
<!-- Tænkende mand -->
<section id="thinking">
<div id="paths1">
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path id="thinkingpath1" d="M23.1,-30.9C33.4,-24.3,47.6,-22.2,54.3,-14.6C61,-6.9,60.2,6.2,59.6,22.9C59,39.5,58.6,59.8,48.7,65.5C38.8,71.2,19.4,62.3,0.7,61.4C-18,60.4,-36.1,67.5,-49.1,62.8C-62.1,58.1,-70.1,41.7,-68.9,26.8C-67.7,11.8,-57.3,-1.7,-49.8,-13.5C-42.2,-25.3,-37.6,-35.3,-29.8,-42.7C-21.9,-50.2,-11,-55,-2.3,-51.9C6.4,-48.7,12.8,-37.5,23.1,-30.9Z" transform="translate(100 100)" />
<text>
<textPath id="thinkingpath1Text" href="#thinkingpath1">
<!-- <animate attributeName="startOffset" from="0" to="100%" begin="0s" dur="25s" repeatCount="indefinite"></animate> -->
Skal jeg starte på studie? Skal jeg blive ved med at rejse? Hvilken uddannelse skal jeg starte på?
</textPath>
</text>
</svg>
</div>
<div id="paths2">
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path id="thinkingpath1" d="M23.1,-30.9C33.4,-24.3,47.6,-22.2,54.3,-14.6C61,-6.9,60.2,6.2,59.6,22.9C59,39.5,58.6,59.8,48.7,65.5C38.8,71.2,19.4,62.3,0.7,61.4C-18,60.4,-36.1,67.5,-49.1,62.8C-62.1,58.1,-70.1,41.7,-68.9,26.8C-67.7,11.8,-57.3,-1.7,-49.8,-13.5C-42.2,-25.3,-37.6,-35.3,-29.8,-42.7C-21.9,-50.2,-11,-55,-2.3,-51.9C6.4,-48.7,12.8,-37.5,23.1,-30.9Z" transform="translate(100 100)" />
<text>
<textPath id="thinkingpath1Text" href="#thinkingpath1" textLength="">
Skal jeg starte på studie? Skal jeg blive ved med at rejse? Hvilken uddannelse skal jeg starte på?
</textPath>
</text>
</svg>
</div>
<div id="paths3">
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path id="thinkingpath1" d="M23.1,-30.9C33.4,-24.3,47.6,-22.2,54.3,-14.6C61,-6.9,60.2,6.2,59.6,22.9C59,39.5,58.6,59.8,48.7,65.5C38.8,71.2,19.4,62.3,0.7,61.4C-18,60.4,-36.1,67.5,-49.1,62.8C-62.1,58.1,-70.1,41.7,-68.9,26.8C-67.7,11.8,-57.3,-1.7,-49.8,-13.5C-42.2,-25.3,-37.6,-35.3,-29.8,-42.7C-21.9,-50.2,-11,-55,-2.3,-51.9C6.4,-48.7,12.8,-37.5,23.1,-30.9Z" transform="translate(100 100)" />
<text>
<textPath id="thinkingpath1Text" href="#thinkingpath1" textLength="">
Skal jeg starte på studie? Skal jeg blive ved med at rejse? Hvilken uddannelse skal jeg starte på?
</textPath>
</text>
</svg>
</div>
<div>
<img src="media/sittingman.png" alt="Illustration af mand, der grubler">
</div>
</section>
<section class="fortid3">
<p>Mens Oliver rejser, så har han tid til at reflektere over livet, og hvad han synes er vigtigt for ham. At rejse giver meget tid til tænke, og det skubber Oliver i en retning af at starte på uddannelse. Under turen har han taget billeder og lavet videoer for hostels, og han er efterhånden blevet mere sikker på at ville vælge en kreativ uddannelse.</p>
</section>
<!-- Oliver uddannelsesstart -->
<section id="efter-sabbataar">
<div id="efterSabbataarText">
<h4>3 sabbatår senere</h4>
<p>Uddannelse</p>
</div>
</section>
<section class="guldbygning">
<div class="tobilleder">
<img id="bygningBillede" src="media/guldbygningen.png" alt="Billede af guldbygning">
<img id="flyBillede" src="media/foranfly.png" alt="Oliver foran fly">
</div>
</section>
<section>
<div class="guldbygning-box" id="guldbygningBox">
<div class="guldbygning-tekst">
<p>
Efter meget refleksion og en lille rejse til Mexico, besluttede Oliver sig for at studere multimediedesign i Danmark på Erhvervsakademi Aarhus. Det er en uddannelse, hvor du lærer om grafisk design, UX, research, kodning og generelt produktion af digitale løsninger. Uddannelsen er bred, og den giver dig en bred profil med mulighed for at arbejde i mange forskellige stillinger eller læse videre.
<br> <br>Netop derfor vælger Oliver uddannelsen - at specificere sig for hurtigt ville blive for ensformigt. Uddannelsen kombinerer hans interesser for film og grafisk design og gør ham klar til næste skridt i hans rejse.
Efter 2 år på Erhvervsakademiet har Oliver færdiggjort uddannelsen, og er nu klar til næste rejse i livet.
<br> <br> I dag arbejder Oliver for Bestseller efter han har afsluttet multimediedesign-uddannelsen på EAA. Han drømmer om snart at kunne få et udlandsophold med arbejdspladsen i udlandet.
</p>
</div>
</div>
</section>
<section id="promoeaaa">
<div id="promologo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165.4 59.89"><defs></defs><path d="M112.19,55.15a4.19,4.19,0,1,0,4.19,4.19A4.19,4.19,0,0,0,112.19,55.15Z" transform="translate(-6.69 -3.64)"/><path d="M129.76,34.15a9.4,9.4,0,1,0,9.4,9.4A9.4,9.4,0,0,0,129.76,34.15Z" transform="translate(-6.69 -3.64)"/><path d="M156.67,3.64a15.42,15.42,0,1,0,15.42,15.42A15.42,15.42,0,0,0,156.67,3.64Z" transform="translate(-6.69 -3.64)"/><path d="M75.74,15.49l-2.8,8.33h1.13l.74-2.29H78l.8,2.29h1.21l-2.9-8.33Zm.69,1h0Zm-1.3,4,1.26-3.87,1.31,3.87Z" transform="translate(-6.69 -3.64)"/><path d="M95.14,21.53l.8,2.29h1.2l-2.89-8.33H92.83L90,23.82h1.13l.74-2.29Zm-1.61-5h0Zm0,.15,1.3,3.87H92.23Z" transform="translate(-6.69 -3.64)"/><polygon points="107.28 19.18 103 19.18 103 16.34 106.38 16.34 106.38 15.32 103 15.32 103 12.93 107.28 12.93 107.28 11.92 101.84 11.92 101.84 20.18 107.28 20.18 107.28 19.18"/><rect x="121.56" y="11.92" width="1.16" height="8.26"/><polygon points="114.78 18.64 116.82 13.24 116.91 14.16 117.49 20.18 118.58 20.18 117.77 11.92 116.18 11.92 114.28 17.07 112.37 11.92 110.79 11.92 109.97 20.18 111.06 20.18 111.64 14.16 111.73 13.24 113.77 18.64 114.78 18.64"/><path d="M104.71,23.21a2.77,2.77,0,0,0,.69-2.09V18.2a2.68,2.68,0,0,0-.68-2,2.65,2.65,0,0,0-1.92-.62H99.34v8.26h3.44A2.69,2.69,0,0,0,104.71,23.21Zm-4.21-.38V16.56h2.2c1.11,0,1.52.49,1.54,1.74v2.78c0,1.29-.36,1.72-1.53,1.75Z" transform="translate(-6.69 -3.64)"/><polygon points="22.32 15.33 18.25 15.33 18.25 11.92 17.09 11.92 17.09 20.18 18.25 20.18 18.25 16.34 22.32 16.34 22.32 20.18 23.48 20.18 23.48 11.92 22.32 11.92 22.32 15.33"/><polygon points="29.04 18.68 29.01 18.82 28.98 18.69 26.82 11.92 25.6 11.92 28.37 20.18 29.55 20.18 32.39 11.92 31.29 11.92 29.04 18.68"/><polygon points="53.92 18.68 53.89 18.82 53.86 18.69 51.7 11.92 50.48 11.92 53.25 20.18 54.43 20.18 57.28 11.92 56.17 11.92 53.92 18.68"/><path d="M69.42,19.36l-1.85-.54c-.56-.17-.93-.26-.92-.71v-.67a.82.82,0,0,1,.89-.87h3.39v-.64c0-.32-.32-.37-.72-.37h-2.6a2,2,0,0,0-1.58.61,1.83,1.83,0,0,0-.5,1.27v.81c0,1,.59,1.36,1.74,1.65l1.92.55c.58.17.85.29.85.76v.35a1.12,1.12,0,0,1-1.14,1.25H65.52v.64c0,.27.23.37.48.37h2.9a2.33,2.33,0,0,0,1.63-.51,2.25,2.25,0,0,0,.64-1.71v-.55C71.18,20,70.47,19.66,69.42,19.36Z" transform="translate(-6.69 -3.64)"/><polygon points="34.51 20.18 39.95 20.18 39.95 19.18 35.67 19.18 35.67 16.34 39.05 16.34 39.05 15.32 35.67 15.32 35.67 12.93 39.95 12.93 39.95 11.92 34.51 11.92 34.51 20.18"/><path d="M53.34,20.52a1.69,1.69,0,0,0,1.84-1.8V17.4A1.76,1.76,0,0,0,54.67,16a2.23,2.23,0,0,0-1.54-.45H49.36v8.26h1.16v-3.3h1.39l2.24,3.3h1.38l-2.28-3.3Zm-2.82-1v-3H52.8c1,0,1.2.12,1.23.91v1.05c0,.84-.19,1-1.12,1Z" transform="translate(-6.69 -3.64)"/><polygon points="0 20.18 5.44 20.18 5.44 19.18 1.16 19.18 1.16 16.34 4.54 16.34 4.54 15.32 1.16 15.32 1.16 12.93 5.44 12.93 5.44 11.92 0 11.92 0 20.18"/><path d="M18.83,20.52a1.69,1.69,0,0,0,1.84-1.8V17.4A1.76,1.76,0,0,0,20.16,16a2.23,2.23,0,0,0-1.54-.45H14.85v8.26H16v-3.3H17.4l2.24,3.3H21l-2.28-3.3Zm-2.82-1v-3h2.28c1,0,1.2.12,1.23.91v1.05c0,.84-.19,1-1.12,1Z" transform="translate(-6.69 -3.64)"/><polygon points="80.53 20.18 81.81 20.18 78.86 15.85 81.72 11.92 80.34 11.92 77.78 15.43 76.8 15.43 76.8 11.92 75.63 11.92 75.63 20.18 76.8 20.18 76.8 16.45 77.85 16.45 80.53 20.18"/><path d="M74.62,37.47l.79,2.29h1.21l-2.9-8.33H72.31l-2.8,8.33h1.14l.73-2.29Zm-1.61-5h0Zm-.05.15,1.31,3.87H71.71Z" transform="translate(-6.69 -3.64)"/><path d="M66.13,37.47l.79,2.29h1.21l-2.9-8.33H63.82L61,39.76h1.14l.74-2.29Zm-1.61-5h0Zm0,.15,1.31,3.87H63.22Z" transform="translate(-6.69 -3.64)"/><path d="M110.56,35.3l-1.86-.55c-.55-.17-.93-.25-.92-.71v-.67a.83.83,0,0,1,.89-.87h3.39v-.64c0-.31-.32-.37-.72-.37h-2.59a2,2,0,0,0-1.59.62,1.82,1.82,0,0,0-.5,1.26v.81c0,1,.59,1.37,1.75,1.66l1.92.55c.57.17.85.29.85.76v.34A1.12,1.12,0,0,1,110,38.75h-3.38v.64c0,.27.23.37.48.37H110a2,2,0,0,0,2.26-2.22V37C112.32,35.93,111.6,35.59,110.56,35.3Z" transform="translate(-6.69 -3.64)"/><path d="M102.53,37.38c0,.91-.41,1.47-1.3,1.48H99.9c-.89,0-1.29-.57-1.3-1.48V31.5H97.44v5.93a2.43,2.43,0,0,0,.69,1.88,2.56,2.56,0,0,0,1.8.59h1.24a2.24,2.24,0,0,0,2.48-2.52V31.5h-1.12Z" transform="translate(-6.69 -3.64)"/><polygon points="86.29 31.27 82.22 31.27 82.22 27.86 81.06 27.86 81.06 36.13 82.22 36.13 82.22 32.28 86.29 32.28 86.29 36.13 87.45 36.13 87.45 27.86 86.29 27.86 86.29 31.27"/><path d="M82.8,36.46a1.69,1.69,0,0,0,1.84-1.8V33.34a1.76,1.76,0,0,0-.5-1.39,2.26,2.26,0,0,0-1.55-.45H78.82v8.26H80v-3.3h1.39l2.24,3.3H85l-2.29-3.3Zm-2.82-1v-3h2.28c1,0,1.21.12,1.23.91v1c0,.84-.18,1-1.12,1Z" transform="translate(-6.69 -3.64)"/></svg>
</div>
<div id="promotext">
<h5 id="promoheader">Er du klar <br>til dit livs rejse?</h5>
<a id="btn" href="https://www.eaaa.dk/videregaende-uddannelser/erhvervsakademiuddannelse/">Se vores uddannelser</a>
</div>
</section>
</main>
<!-- CDN links til rellax library-->
<script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js"></script>
<!-- CDN links til GSAP-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js" integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/CSSRulePlugin.min.js" integrity="sha512-Aa3UvVB5yhH/dNXMt8nGZDD15Xmntq1ODcavfgT8omSLaomrJKYybWczzc6UJYDUAdqR1hmDJ47V4Ux50PPIuw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/MotionPathPlugin.min.js" integrity="sha512-9uKCD22ihFUl7ZsXaKNgjc/zYB3gSrC+aybxgckzCzF4OpDQrcNHueLpvF9C8GYJ9xWo6S82Kwnux7SPfZHLSQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/Draggable.min.js" integrity="sha512-5Kl75W1zLasI8nSnc+5zQc2MwwYUjwR6Ko9/0rDPXmP6pKaCZPf9C+JmV3HBV0jB6DERyCcMk0jPIPGjWSBr9Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- main js-->
<script src="js/js.js"></script>
<script src="js/menupunkter.js"></script>
</body>
</html>