-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·616 lines (591 loc) · 47 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
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
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Ad - Frontend Design & Development | Hogeschool van Amsterdam</title>
<meta name="description" content="FDND">
<link rel="canonical" href="https://fdnd.nl/">
<meta name="robots" content="index, follow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="/main.css">
<link rel="icon" type="image/png" href="./assets/img/favi.png">
<meta name="title" content="Frontend Design en Development (FDND) | Leer websites bouwen">
<meta name="description"
content="Associate degree: Frontend Design & Development, leer websites bouwen tijdens deze tweejarige HBO opleiding aan de Hogeschool van Amsterdam.">
<meta name="keywords" content="HBO opleiding, frontender worden, web development">
<meta name="language" content="Dutch">
<meta property="og:url" content="https:/fdnd.nl">
<meta property="og:type" content="website">
</head>
<body>
<header class="header">
<nav class="nav">
<div class="top-header">
<a class="hva-logo" href="https://hva.nl">
<span class="sr-only">
Een studie aan de Hogeschool van Amsterdam
</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 35">
<path
d="M42.098 20.932h.42c.734 0 .75-.412.75-2.378v-5.276c0-1.965-.017-2.379-.768-2.379h-.402v-.445h4.732v.445h-.4c-.749 0-.766.413-.766 2.379v2.192h3.862v-2.192c0-1.965-.016-2.379-.766-2.379h-.4v-.445h4.733v.445h-.4c-.752 0-.768.413-.768 2.379v5.276c0 1.965.016 2.378.751 2.378h.416v.448h-4.731v-.448h.399c.75 0 .766-.412.766-2.378v-2.552h-3.862v2.552c0 1.965.017 2.378.767 2.378h.399v.448h-4.732v-.448ZM56.489 17.526c0-3.055.676-3.56 1.49-3.56.815 0 1.492.506 1.492 3.56 0 2.67-.4 3.583-1.493 3.583-1.09 0-1.49-.913-1.49-3.583Zm-2.302 0c0 2.405 1.351 4.104 3.791 4.104 2.443 0 3.794-1.698 3.794-4.104 0-2.385-1.351-4.093-3.794-4.093-2.44 0-3.791 1.708-3.791 4.093ZM65.552 16.143c0-.864.045-2.177 1.226-2.177 1.13 0 1.13 1.498 1.13 2.27 0 .757-.126 1.903-1.138 1.903-1.173 0-1.218-1.115-1.218-1.996Zm.59 3.622c-.782 0-1.12-.113-1.12-.479 0-.327.213-.616.72-.616 1.994 0 4.382 0 4.382-2.675 0-.786-.356-1.343-1.081-1.96.263-.094.448-.154.68-.154.381 0 .121.813 1.044.813.521 0 .782-.411.782-.874 0-.504-.277-.964-.83-.964-.736-.005-1.351.763-2.182.763-.354-.002-1.015-.186-1.846-.186-1.68 0-3.356.764-3.356 2.679 0 1.129.709 1.995 1.741 2.297v.03-.017c-.742.23-1.201.857-1.201 1.64 0 .573.277 1.085.921 1.316v.034c-.785.08-1.793.628-1.793 1.565 0 1.678 2.175 1.981 3.452 1.981 1.842 0 4.28-.698 4.28-2.929 0-1.936-1.622-2.265-2.772-2.265h-1.82v.001Zm.787 1.83c.908 0 2.398.03 2.398 1.271 0 1.18-1.492 1.566-2.473 1.566-.953 0-2.445-.215-2.445-1.434 0-1.372 1.492-1.404 2.52-1.404ZM74.51 17.113c0-1.513.06-3.147 1.333-3.147 1.135 0 1.135 1.48 1.135 3.147H74.51Zm4.865.446c0-2.387-.906-4.125-3.47-4.125-2.443 0-3.795 1.708-3.795 4.096 0 2.403 1.352 4.101 3.794 4.101 1.926 0 3.125-.985 3.324-2.879l-.681-.008c-.033 1.221-.817 2.366-2.151 2.366-1.75 0-1.886-1.622-1.886-3.166v-.384h4.865v-.001ZM80.65 18.869h.492c.308 1.31 1.03 2.24 2.476 2.24.783 0 1.533-.464 1.533-1.257 0-.983-.768-1.2-2.24-1.54-1.138-.263-2.262-.647-2.262-2.232 0-1.837 1.34-2.646 3.031-2.638.692 0 1.182.246 1.69.246.414 0 .645-.123.829-.254h.092v2.468H85.8c-.154-1.012-.984-1.937-2.06-1.937-.751 0-1.52.278-1.52 1.222 0 .783.402.893 2.182 1.31 1.363.306 2.407.74 2.407 2.527 0 1.853-1.518 2.606-3.13 2.604-.72 0-1.506-.249-2.166-.249-.308 0-.617.147-.77.251h-.093V18.87ZM94.84 18.817c-.217 1.897-1.276 2.812-3.176 2.812-2.49 0-3.628-1.865-3.628-4.176 0-2.902 2.075-4.02 3.917-4.02 2.12 0 2.753 1.15 2.753 1.691 0 .737-.386 1.246-1.189 1.246-.627 0-1.028-.449-1.028-1.063 0-.447.218-.524.218-.71 0-.339-.528-.632-.878-.632-1.322 0-1.397 1.866-1.397 3.67 0 1.219-.016 3.475 1.689 3.475 1.396 0 1.933-1.043 2.04-2.301l.678.008ZM95.682 20.932h.522c.46 0 .613-.198.613-1.04V11.43c0-.842-.152-1.039-.612-1.039h-.523v-.45h3.35v4.78h.031c.445-.75 1.257-1.286 2.394-1.286 1.507 0 2.244.9 2.244 2.179v4.28c0 .842.154 1.039.615 1.039h.339v.449h-4.12v-.45h.339c.458 0 .612-.197.612-1.039v-3.88c0-.753 0-1.632-.983-1.632-1.471 0-1.471 1.694-1.471 2.65v2.864c0 .843.155 1.04.615 1.04h.337v.448H95.68v-.451ZM107.982 17.526c0-3.055.674-3.56 1.488-3.56.817 0 1.491.506 1.491 3.56 0 2.67-.398 3.583-1.491 3.583-1.09 0-1.488-.913-1.488-3.583Zm-2.302 0c0 2.405 1.349 4.104 3.79 4.104 2.443 0 3.794-1.698 3.794-4.104 0-2.385-1.351-4.093-3.794-4.093-2.441 0-3.79 1.708-3.79 4.093ZM116.797 17.526c0-3.055.677-3.56 1.491-3.56.815 0 1.489.506 1.489 3.56 0 2.67-.401 3.583-1.489 3.583-1.092 0-1.491-.913-1.491-3.583Zm-2.302 0c0 2.405 1.35 4.104 3.793 4.104 2.439 0 3.789-1.698 3.789-4.104 0-2.385-1.35-4.093-3.789-4.093-2.443 0-3.793 1.708-3.793 4.093ZM122.886 20.932h.521c.461 0 .616-.198.616-1.036v-8.464c0-.843-.155-1.04-.616-1.04h-.521v-.45h3.353v9.954c0 .84.155 1.036.612 1.036h.525v.448h-4.491v-.448h.001ZM139.525 14.13c-.567 0-.739.476-.985 1.064l-1.871 4.54a19.814 19.814 0 0 0-.629 1.75h-1.029c-.139-.397-.277-.826-.432-1.22l-2.041-5.115c-.261-.665-.309-1.02-.751-1.02h-.261v-.445h4.204v.446h-.522c-.26 0-.521.063-.521.339 0 .076.047.262.14.522l1.503 3.923h.03l1.522-3.844c.075-.217.121-.386.121-.524 0-.26-.261-.415-.537-.415h-.371v-.446h2.429v.445h.001ZM144.809 19.286c0 1.325-.798 1.59-1.197 1.59-.784 0-1.057-.712-1.057-1.402 0-1.37.551-2.198 1.795-2.198.136 0 .26.017.459.064v1.946Zm3.092-.029c0 .703 0 1.512-.491 1.512-.248 0-.388-.164-.388-.576v-4.585c0-1.794-1.678-2.174-3.147-2.174-1.084 0-3.094.319-3.094 1.771 0 .697.458 1.145 1.151 1.145.599 0 1.153-.388 1.153-1.036 0-.435-.339-.713-.339-.885 0-.4.702-.462 1.039-.462.808 0 1.023.572 1.023 1.257v1.623c-.23-.016-.445-.016-.673-.016-1.672 0-3.882.676-3.882 2.654 0 1.412 1.088 2.142 2.405 2.142.844 0 1.798-.263 2.241-1.022.26.71 1.063 1.022 1.678 1.022 1.889 0 1.905-1.35 1.905-2.37h-.581ZM149.037 20.932h.52c.461 0 .614-.198.614-1.04v-4.715c0-.847-.153-1.046-.614-1.046h-.52v-.446h1.612c.571 0 1.124-.108 1.648-.251v1.36h.029c.614-.869 1.35-1.36 2.484-1.36 1.51 0 2.247.9 2.247 2.178v4.28c0 .843.155 1.04.614 1.04h.337v.448h-4.116v-.448h.338c.458 0 .61-.198.61-1.04v-3.88c0-.753 0-1.632-.98-1.632-1.475 0-1.475 1.694-1.475 2.656v2.857c0 .843.156 1.04.614 1.04h.338v.449h-4.302v-.45h.002ZM168.61 17.312h-3.517l1.826-4.387 1.691 4.387Zm-.031 4.066h4.916v-.447h-.322c-.599 0-.844-.612-1.03-1.104l-2.841-7.346a18.088 18.088 0 0 1-.704-2.174h-1.368c-.187.656-.417 1.24-.661 1.821l-2.997 7.192c-.508 1.215-.797 1.61-1.581 1.61v.448h3.319v-.447h-.416c-.523-.014-.832-.228-.832-.645 0-.379.188-.937.403-1.459l.413-.987h3.932l.399 1.035c.277.706.522 1.31.522 1.596 0 .446-.459.446-1.152.458v.45ZM173.647 20.932h.521c.461 0 .616-.198.616-1.04v-4.715c0-.847-.155-1.046-.616-1.046h-.521v-.446h1.613c.569 0 1.125-.108 1.649-.251v1.36h.029c.614-.869 1.348-1.36 2.484-1.36 1.045 0 1.815.383 2.107 1.36.659-.947 1.291-1.36 2.563-1.36 1.505 0 2.245.9 2.245 2.178v4.28c0 .843.154 1.04.614 1.04h.339v.448h-4.12v-.448h.336c.46 0 .615-.198.615-1.04v-3.88c0-.753 0-1.632-.983-1.632-1.473 0-1.473 1.694-1.473 2.649v2.864c0 .843.154 1.04.615 1.04h.339v.449h-4.12v-.45h.339c.461 0 .614-.197.614-1.039v-3.88c0-.753 0-1.632-.983-1.632-1.472 0-1.472 1.694-1.472 2.656v2.858c0 .843.154 1.04.614 1.04h.336v.448h-4.302v-.451h.002ZM188.192 18.869h.494c.309 1.31 1.032 2.24 2.475 2.24.784 0 1.535-.464 1.535-1.257 0-.983-.767-1.2-2.242-1.54-1.138-.263-2.26-.647-2.26-2.232 0-1.837 1.34-2.646 3.03-2.638.693 0 1.181.246 1.69.246.415 0 .644-.123.832-.254h.091v2.468h-.494c-.15-1.012-.983-1.937-2.061-1.937-.75 0-1.517.278-1.517 1.222 0 .783.398.893 2.18 1.31 1.367.306 2.407.74 2.407 2.527 0 1.853-1.518 2.606-3.13 2.604-.72 0-1.504-.249-2.166-.249-.31 0-.614.147-.77.251h-.092V18.87h-.002ZM200.212 14.13h-1.607v4.957c0 .924 0 1.6.706 1.6.579 0 .672-.57.689-1.107v-.493h.577v.337c0 1.535-.607 2.206-1.999 2.206-1.587 0-2.188-.97-2.188-2.008V14.13h-1.076v-.446c1.521-.093 2.491-1.565 2.83-2.95h.46v2.95h1.607v.446h.001ZM203.954 17.113c0-1.513.06-3.147 1.333-3.147 1.133 0 1.133 1.48 1.133 3.147h-2.466Zm4.867.446c0-2.387-.909-4.125-3.475-4.125-2.439 0-3.794 1.708-3.794 4.096 0 2.403 1.355 4.101 3.794 4.101 1.928 0 3.124-.985 3.324-2.879l-.68-.008c-.033 1.221-.817 2.366-2.149 2.366-1.752 0-1.887-1.622-1.887-3.166v-.384h4.867v-.001ZM213.119 19.891c0 .843.152 1.04.614 1.04h.707v.446h-4.674v-.446h.521c.46 0 .613-.198.613-1.04v-4.716c0-.844-.153-1.045-.613-1.045h-.521v-.445h1.614c.568 0 1.123-.109 1.647-.252v1.747h.062c.337-.784 1.029-1.628 2.056-1.628.722 0 1.536.307 1.536 1.293 0 .721-.476 1.105-1.288 1.105-.369 0-1.016-.183-1.016-.987 0-.29 0-.368-.181-.368-.433 0-1.077.998-1.077 2.64v2.656ZM219.877 17.312c0-.743 0-3.116 1.162-3.116 1.453 0 1.575 2.128 1.575 3.178 0 1.016-.014 3.5-1.561 3.5-1.176 0-1.176-2.808-1.176-3.562Zm2.877 4.066h3.228v-.447h-.49c-.399 0-.613-.131-.613-1.057V9.943h-3.302v.447h.474c.581 0 .609.273.609 1.025v3.276h-.028c-.474-.858-1.193-1.257-2.174-1.257-2.241 0-2.979 2.148-2.979 4.119 0 1.872.8 4.076 2.948 4.076 1.073 0 1.946-.375 2.299-1.361h.028v1.11ZM231.416 19.286c0 1.325-.796 1.59-1.195 1.59-.783 0-1.06-.712-1.06-1.402 0-1.37.554-2.198 1.796-2.198.137 0 .26.017.459.064v1.946Zm3.094-.029c0 .703 0 1.512-.491 1.512-.249 0-.387-.164-.387-.576v-4.585c0-1.794-1.677-2.174-3.148-2.174-1.085 0-3.095.319-3.095 1.771 0 .697.46 1.145 1.152 1.145.599 0 1.152-.388 1.152-1.036 0-.435-.339-.713-.339-.885 0-.4.702-.462 1.038-.462.81 0 1.023.572 1.023 1.257v1.623c-.227-.016-.442-.016-.672-.016-1.674 0-3.885.676-3.885 2.654 0 1.412 1.092 2.142 2.41 2.142.844 0 1.796-.263 2.241-1.022.261.71 1.062 1.022 1.676 1.022 1.889 0 1.903-1.35 1.903-2.37h-.578ZM235.644 20.932h.519c.465 0 .615-.198.615-1.04v-4.715c0-.847-.15-1.046-.615-1.046h-.519v-.446h1.613c.569 0 1.125-.108 1.648-.251v1.36h.03c.614-.869 1.351-1.36 2.482-1.36 1.047 0 1.817.383 2.109 1.36.66-.947 1.287-1.36 2.561-1.36 1.507 0 2.247.9 2.247 2.178v4.28c0 .843.157 1.04.614 1.04h.339v.448h-4.121v-.448h.338c.463 0 .616-.198.616-1.04v-3.88c0-.753 0-1.632-.982-1.632-1.475 0-1.475 1.694-1.475 2.649v2.864c0 .843.154 1.04.616 1.04h.335v.449h-4.116v-.45h.336c.459 0 .615-.197.615-1.039v-3.88c0-.753 0-1.632-.983-1.632-1.472 0-1.472 1.694-1.472 2.656v2.858c0 .843.151 1.04.614 1.04h.336v.448h-4.302v-.451h.002ZM18.293 8.237c4.742 0 9.175 1.277 12.988 3.505l4.073-6.964C30.347 1.841 24.518.167 18.293.167a33.578 33.578 0 0 0-17.05 4.611l4.072 6.964a25.667 25.667 0 0 1 12.978-3.505Z" />
<path
d="M22.058 12.068c-1.653-.017-6.67-.114-13.119 2.867-.822.381-1.404.7-1.543.497-.278-.44 1.772-2.182 3.972-3.455.795-.473 1.25-.886 1.072-1.238-.265-.512-1.841-.617-6.239 1.633a24.751 24.751 0 0 0-6.034 4.736l.717.677c.706-.748 1.469-1.44 2.246-2.12.519-.45 2.923-2.246 3.133-1.704.081.217-.072.534-.924 1.698-.742 1.029-1.23 1.99-.878 2.285.35.297.773.128 1.776-.425.743-.41 3.102-1.66 6.821-2.778 3.72-1.11 4.623-.689 4.714-.417.113.366-1.6.972-2.61 1.472-.844.433-3.828 2.186-5.447 3.49 0 0 1.57 2.693 1.576 2.693 1.67-.982 8.033-2.592 8.712-1.429.746 1.277-6.024 6.035-6.024 6.035L18.293 34s9.817-11.275 8.252-13.748c-1.578-2.461-7.487-2.005-9.819-1.784-.64.056-1.392.196-1.55-.12-.176-.351.026-1.76 7.905-3.626 1.752-.41 2.434-.626 2.338-1.4-.081-.665-1.706-1.242-3.36-1.254Z" />
</svg>
</a>
<p class="header-title">Frontend Design & Development</p>
</div>
<div class="socials">
<a class="social" href="https://www.instagram.com/fdnd.nl/">
<span class="sr-only">instagram</span>
<svg viewBox="0 0 169.062 169.062" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path
d="M122.406,0 L46.654,0 C20.929,0 0,20.93 0,46.655 L0,122.407 C0,148.133 20.929,169.062 46.654,169.062 L122.406,169.062 C148.133,169.062 169.062,148.132 169.062,122.407 L169.062,46.655 C169.062,20.93 148.133,0 122.406,0 Z M154.063,122.407 C154.063,139.862 139.862,154.062 122.407,154.062 L46.654,154.062 C29.2,154.062 15,139.862 15,122.407 L15,46.655 C15,29.201 29.2,15 46.654,15 L122.406,15 C139.861,15 154.063,29.201 154.063,46.655 L154.063,122.407 L154.063,122.407 Z">
</path>
<path
d="M84.531,40.97 C60.51,40.97 40.968,60.512 40.968,84.533 C40.968,108.553 60.51,128.094 84.531,128.094 C108.552,128.094 128.094,108.553 128.094,84.533 C128.094,60.512 108.552,40.97 84.531,40.97 Z M84.531,113.093 C68.782,113.093 55.968,100.281 55.968,84.532 C55.968,68.782 68.781,55.969 84.531,55.969 C100.281,55.969 113.094,68.782 113.094,84.532 C113.094,100.281 100.28,113.093 84.531,113.093 Z">
</path>
<path
d="M129.921,28.251 C127.031,28.251 124.192,29.421 122.151,31.471 C120.1,33.511 118.921,36.351 118.921,39.251 C118.921,42.142 120.101,44.981 122.151,47.031 C124.191,49.071 127.031,50.251 129.921,50.251 C132.821,50.251 135.651,49.071 137.701,47.031 C139.751,44.981 140.921,42.141 140.921,39.251 C140.921,36.351 139.751,33.511 137.701,31.471 C135.661,29.421 132.821,28.251 129.921,28.251 Z">
</path>
</svg>
</a>
<a class="social" href="https://www.linkedin.com/company/fdnd/">
<span class="sr-only">linkedin</span>
<svg viewBox="0 0 18 18">
<g clip-path="url(#clip0_1077_1538)">
<path d="M14.25 0H3.75A3.75 3.75 0 0 0 0 3.75v10.5A3.75 3.75 0 0 0 3.75 18h10.5A3.75 3.75 0 0 0 18 14.25V3.75A3.75 3.75 0 0 0 14.25 0ZM6 14.25H3.75V6H6v8.25ZM4.875 5.049a1.318 1.318 0 0 1-1.313-1.323c0-.73.589-1.323 1.313-1.323s1.313.592 1.313 1.323c0 .73-.588 1.323-1.313 1.323ZM15 14.25h-2.25v-4.203c0-2.526-3-2.335-3 0v4.203H7.5V6h2.25v1.324C10.797 5.384 15 5.24 15 9.18v5.069Z"/>
</g>
<defs>
<clipPath id="clip0_1077_1538">
<path fill="#fff" d="M0 0h18v18H0z"/>
</clipPath>
</defs>
</svg>
</a>
</div>
<div class="mobile-right">
<a href="/" class="fdnd-logo">
<span class="sr-only">
<abbr title="Frontend Design & Development"><span>FDND</span></abbr>
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 93 52">
<rect width="89" height="48" x=".5" y="3.5" fill="#ECECEC" stroke="#050542" rx="7.5" />
<path fill="#ECECEC" stroke="#050542"
d="M3.5 8A7.5 7.5 0 0 1 11 .5h74A7.5 7.5 0 0 1 92.5 8v33a7.5 7.5 0 0 1-7.5 7.5H11A7.5 7.5 0 0 1 3.5 41V8Z" />
<path fill="#050542"
d="M22.395 33H18V16h9.76v3.686h-5.366v3.244h4.949v3.686h-4.948V33ZM43.566 24.14c0 1.976-.358 3.62-1.074 4.93-.715 1.31-1.724 2.294-3.027 2.953-1.296.651-2.82.977-4.575.977h-5.344V16h5.716c1.778 0 3.284.314 4.52.942a6.37 6.37 0 0 1 2.812 2.756c.648 1.209.972 2.69.972 4.442Zm-4.632.162c0-1.03-.136-1.883-.407-2.558-.263-.682-.663-1.19-1.197-1.523-.535-.341-1.209-.512-2.022-.512h-1.3v9.524h.995c1.355 0 2.35-.404 2.982-1.21.633-.814.949-2.054.949-3.72ZM61.336 33h-5.851l-6.033-11.977h-.102c.038.365.072.803.102 1.314.03.512.057 1.035.08 1.57.022.527.033 1.004.033 1.43V33h-3.954V16h5.83l6.01 11.814h.067a90.938 90.938 0 0 1-.068-1.29l-.068-1.5a45.56 45.56 0 0 1-.022-1.338V16h3.976v17ZM78 24.14c0 1.976-.358 3.62-1.073 4.93-.716 1.31-1.725 2.294-3.028 2.953-1.295.651-2.82.977-4.575.977h-5.343V16h5.716c1.777 0 3.284.314 4.519.942a6.371 6.371 0 0 1 2.813 2.756c.647 1.209.971 2.69.971 4.442Zm-4.632.162c0-1.03-.135-1.883-.406-2.558-.264-.682-.663-1.19-1.198-1.523-.534-.341-1.209-.512-2.022-.512h-1.3v9.524h.995c1.356 0 2.35-.404 2.982-1.21.633-.814.95-2.054.95-3.72Z" />
</svg>
</a>
<button class="nav-button js-trigger">
<span class="is-closed">MENU</span>
<span class="is-opened">CLOSE</span>
</button>
</div>
<ul class="nav-list" style="--total: 4;">
<li class="nav-item" style="--i: 1;">
<a href="#frontender-worden">
Frontender worden?
</a>
</li>
<li class="nav-item" style="--i: 2;">
<a href="#aansluiting-praktijk">
Aansluiting op praktijk
</a>
</li>
<li class="nav-item" style="--i: 3;">
<a href="#studio-model">
Het studiomodel
</a>
</li>
<li class="nav-item" style="--i: 4;">
<a href="#veelgestelde-vragen">
Veelgestelde vragen
</a>
</li>
</ul>
</nav>
</header>
<main>
<div class="fixed-button">
<div class="inner">
<p class="small-body caps font-bold">Wil jij bij ons studeren?</p>
<a class="button is-accent-2 is-full-color" href="https://www.studielink.nl/?brinCode=28DN">
<span>
Schrijf je in via studielink
</span>
</a>
</div>
</div>
<section class="page-header has-image">
<div class="page-header-inner">
<div class="page-header-text rounded--left-bottom">
<p class="large-body caps font-bold">
Associate degree
</p>
<h1 class="xlarge-heading color--highlight">
Frontend design & development
</h1>
</div>
<div class="page-header-image">
<a href="https://www.keuzegids.org/ol/gidsen/hbovt24/opleiding20503-frontend-design-development" target="_blank">
<img class="page-header-banner" src="./assets/img/topopleiding-hbo-2024.png" alt="De Associate Degree Frontend Design en Development is een topopleiding">
</a>
<img class="page-header-media" src="./assets/img/header-image.jpg"
alt="Twee studenten kijken lachend naar de camera, op de achtergrond zijn twee studenten aan het werk.">
</div>
<ul class="page-header-meta rounded--right-top">
<li class="page-header-item">
<p class="font-bold caps large-body font-bold">
Duur
</p>
<p class="page-header-value caps medium-body font-regular">
twee jaar
</p>
</li>
<li class="page-header-item">
<p class="font-bold caps large-body font-bold">
Type
</p>
<p class="page-header-value caps medium-body font-regular">
Voltijd
</p>
</li>
<li class="page-header-item">
<p class="font-bold caps large-body font-bold">
Open dag
</p>
<p class="page-header-value caps medium-body font-regular">
8 februari 2025
</p>
</li>
</ul>
</div>
</section>
<section id="frontender-worden" class="image-with-text">
<figure class="image-container" style="--ratio: 720/510">
<img src="./assets/img/funda.jpg"
alt="Lars Schuitema, werkzaam als developer bij Funda geeft feedback aan studenten" />
<figcaption class="font-semibold">
<span class="caps small-body">
Sprint review
</span>
<span class="medium-body">
Funda
</span>
</figcaption>
</figure>
<div class="text-container">
<div class="p">
<h2 class="large-heading">
Word Frontend Developer
</h2>
<p class="xlarge-body font-medium">
FDND is dé HBO-opleiding voor Frontend Development in Nederland, in twee jaar stomen wij jou klaar
voor het werkveld.
</p>
<p class="medium-body">
Je leert bij ons niet alleen met de nieuwste technieken werken om websites te bouwen maar ook de softskills
van het vak, zoals samenwerken en tijdinschatten.
</p>
<p class="medium-body">
Je werkt bij ons aan échte projecten voor échte opdrachtgevers zoals Funda, Schiphol en de Openbare
Bibliotheek van Amsterdam (OBA). We werken nauw samen met toonaangevende agencies zoals GRRR, Triple en de
Voorhoede.
</p>
<p class="large-body font-medium">
Enthousiast geworden?
</p>
<div class="button-row">
<a class="button is-accent-2 is-full-color"
href="mailto:info-fdnd@hva.nl?subject=Ik%20wil%20graag%20een%20maandag%20meelopen">
<span>
Loop een dag met ons mee
</span>
</a>
</div>
<p class="small-body">
Voor informatie over de opleiding of andere vragen kun je contact opnemen:
</p>
<p class="small-body">
<span class="font-medium">Telefoonnummer Onderwijsbureau:</span> <a href="call:+31205951855">020 595
1855</a>
<br>
<span class="font-medium">E-mail:</span> <a href="mailto:info-fdnd@hva.nl">info-fdnd@hva.nl</a>
</p>
</div>
</div>
</section>
<section id="open-dag" class="image-with-text is-reversed">
<figure class="image-container" style="--ratio: 3/4">
<img src="./assets/img/sfeer.jpg" alt="Twee jongens werken samen op een laptop">
</figure>
<div class="text-container">
<div class="p">
<h2 class="medium-heading">Open dag <time datetime="2025-02-08">zaterdag 8 februari</time></h2>
<p class="large-body font-medium">
Kom kennismaken met onze studenten en docenten tijdens de open dag van Frontend Design & Development.
</p>
<p class="medium-body">
Wij vertellen je meer over de opleiding, de projecten en de samenwerkingen met bedrijven en agencies. Ook is er ruimte om vragen te stellen en in gesprek te gaan met studenten en docenten.
</p>
<p class="medium-body">
Aanmelden voor de open dag kan via de website van de Hogeschool van Amsterdam, meer informatie? Mail ons op <a href="mailto:info-fdnd@hva.nl">info-fdnd@hva.nl</a> of bekijk de veelgestelde vragen.
</p>
<div class="button-row">
<a class="button is-accent-2 is-full-color" href="https://www.hva.nl/opleidingen/ad-frontend-design-and-development/kom-kennismaken/open-dag" target="_blank">
<span>
Aanmelden open dag
</span>
</a>
<a class="button is-accent-1 is-full-color" href="#veelgestelde-vragen">
<span>
Veelgestelde vragen
</span>
</a>
</div>
</div>
</div>
</section>
<section id="design-challenge-sprint-6" class="image-with-text">
<figure class="image-container" style="--ratio: 426/506">
<img src="./assets/img/review-design-challenge.jpg" alt="Design challenge review" />
<figcaption class="font-semibold">
<span class="caps small-body">
De briefing voor de design challenge bij De Correspondent.
</span>
</figcaption>
</figure>
<div class="text-container">
<div class="p">
<h2 class="medium-heading">Design Challenge <br>Sprint 6: The Startup</h2>
<p class="large-body font-medium">
Voor de <a href="https://programma.fdnd.nl/static-web/the-startup">design challenge van Sprint 6: The Startup</a> zijn we op zoek naar opdrachten van digital agencies, -studios of bedrijven met een digital product team.
</p>
<p class="medium-body">
In de sprint van 3 weken krijgen de studenten een kijkje in de keuken van een agency of product team én werken ze aan een uitdagende design challenge.
</p>
<p class="medium-body">
Kijk op onze partner site voor meer informatie over <a href="https://programma.fdnd.nl/static-web/the-startup">Sprint 6: The Startup</a>. Of meld je direct aan!
</p>
<div class="button-row">
<a class="button is-accent-2 is-full-color" href="mailto:info-fdnd@hva.nl?subject=Aanmelden%20Design%20Challenge">
<span>
Wij willen graag een design challenge aanleveren!
</span>
</a>
</div>
</div>
</div>
</section>
<section id="aansluiting-praktijk" class="image-with-text is-reversed">
<figure class="image-container" style="--ratio: 426/630">
<img src="./assets/img/weloveweb.jpg"
alt="Simon Riisnæs Dagfinrud staat voor een scherm een talk over Computational Design te geven" />
<figcaption class="font-semibold">
<span class="caps small-body">
We ❤️ web
</span>
<span class="medium-body">
Simon Riisnæs Dagfinrud’s talk over Computational Design </span>
</figcaption>
</figure>
<div class="text-container">
<div class="p">
<h2 class="medium-heading">
Websites leren bouwen, én praktijkervaring opdoen?
</h2>
<p class="large-body font-medium">
Bij FDND leer je websites bouwen en andere belangrijke skills die jij in de praktijk toe kan passen.
</p>
<p class="medium-body">
Zo werken we samen in Github, verdelen wij het programma in sprints in plaats van vakken, en werken
wij direct samen met agencies en bedrijven waar jij straks misschien gaat werken.
</p>
<p class="medium-body">
Eens per sprint nodigen wij een gastspreker uit, experts in hun vakgebied zoals Kilian Valkhof, Vasilis van
Gemert, Valerie Fuchs en vele anderen.
</p>
<p class="medium-body">
Wil jij ook eens een gastcollege geven?
</p>
<div class="button-row">
<a class="button is-accent-3 is-full-color"
href="mailto:info-fdnd@hva.nl?subject=Ik%20wil%20graag%20een%20gastcollege%20geven">
<span>
Neem contact op
</span>
</a>
</div>
</div>
</div>
</section>
<section class="cta-row" id="links">
<div class="inner">
<div class="cta p">
<h3 class="medium-heading">
Samenwerken?
</h3>
<p class="large-body font-medium">
Ben jij eigenaar of medewerker van een bedrijf en ben je benieuwd naar de samenwerkingsmogelijkheden met
onze opleiding?
</p>
<a class="button is-dark" href="https://partners.fdnd.nl/">
<span>
Onze partner website 🤝
</span>
</a>
</div>
<div class="cta p">
<h3 class="medium-heading">
Programma
</h3>
<p class="large-body font-medium">
Benieuwd geworden naar ons programma?
</p>
<p class="medium-body font-medium">
Wij updaten ons programma elk jaar om aan de wensen van studenten en praktijk te voldoen.
</p>
<a class="button is-dark" href="https://programma.fdnd.nl/">
<span>
Programma 2023-2024 📅
</span>
</a>
</div>
<div class="cta p">
<h3 class="medium-heading">
Voorlichting
</h3>
<p class="large-body font-medium">
Is FDND een goede vervolgopleiding voor jouw studenten?
</p>
<p class="medium-body font-medium">
Wij geven voorlichting op MBO's (niveau 4) en middelbare scholen (HAVO/VWO).
</p>
<a class="button is-dark" href="mailto:info-fdnd@hva.nl?subject=Voorlichting%20plannen">
<span>
Een voorlichting plannen ✍️
</span>
</a>
</div>
</div>
</section>
<section id="studio-model" class="simple-text p">
<div class="inner">
<h2 class="medium-heading">Agile Workspace</h2>
<p class="large-body">
In onze Agile Workspace werken studenten onder begeleiding van coaches en experts uit het vakgebied aan
echte opdrachten voor echte opdrachtgevers.
</p>
<p class="medium-body">
Onze docenten hebben ervaring in verschillende vakgebieden zoals responsive, accessibility, performance, progressive enhancement en animatie.
Zo is er altijd een docent die je vraag kan beantwoorden!
</p>
<p class="medium-body">
Het docententeam is een mix van ervaren docenten en frontenders uit de beroepspraktijk. Een deel van onze
docenten werkt ook nog (deels) in de praktijk.
</p>
</div>
</section>
<section id="veelgestelde-vragen" class="simple-text p">
<div class="inner">
<h2 class="medium-heading">Veelgestelde vragen</h2>
<details>
<summary class="small-heading">
Moet ik al kunnen coderen?
</summary>
<div class="p">
<p class="medium-body">
Nee, je hebt helemaal geen voorkennis nodig om te beginnen aan deze opleiding, we kunnen je alles leren!
Als je wel al voorkennis hebt, is dat alleen maar goed, dan kunnen we je helpen je skills te verbeteren en
te verdiepen in de stof.
</p>
</div>
</details>
<details>
<summary class="small-heading">
Wat is frontend development?
</summary>
<div class="p">
<p class="medium-body">
Een frontend developer ontwerpt en bouwt websites in HTML, CSS en JavaScript.
Deze frontend talen leer je bij ons, je hebt dus geen voorkennis nodig.
</p>
</div>
</details>
<details>
<summary class="small-heading">
Hoe werkt deze frontend developer opleiding?
</summary>
<div class="p">
<p class="medium-body">
Je richt je tijdens deze tweejarige studie op webdesign, visual interface design en
frontend development. Vanaf het begin van de opleiding werk je aan actuele opdrachten van
échte opdrachtgevers, en leer je samenwerken in multidisciplinaire teams.
</p>
</div>
</details>
<details>
<summary class="small-heading">
Wat is een Associate Degree?
</summary>
<div class="p">
<p class="medium-body">
Een Associate degree-opleiding is een tweejarige hbo-opleiding op niveau 5. Een Ad slaat een brug tussen
het
mbo-4 (niveau 4) en een hbo-bachelor (niveau 6). Met een Associate degree kies je voor een
praktijkgerichte
hbo-opleiding; je wordt opgeleid
voor een beroep dat aansluit bij de praktijk. In dit geval word je opgeleid tot ‘frontend
designer/developer' of
kortweg ‘frontender’. Frontenders ontwerpen en maken interactieve, toegankelijke toepassingen voor het
web.
Frontenders werken binnen
het gebied van software development, interactieontwerp en digitaal visueel ontwerp.
</p>
<p class="medium-body">
Na afronding van deze tweejarige hbo-opleiding, krijg je een wettelijk erkend hbo-diploma met de graad
Associate degree. Met dit Ad-diploma kun je direct aan de slag in het werkveld of doorstromen naar de
bacheloropleiding Communication and Multimedia
Design (CMD).
</p>
</div>
</details>
<details>
<summary class="small-heading">
Hoe krijg ik les?
</summary>
<div class="p">
<p class="medium-body">
De beste manier om iets te leren, is door het te doen. Frontend Design & Development (FDND) is een
flexibele,
praktijkgerichte hbo-opleiding. Vanaf dag één werk je - individueel én in teamverband - aan actuele
opdrachten
voor echte opdrachtgevers.
</p>
<p class="medium-body">
Dit zorgt ervoor dat je over actuele kennis, houding en vaardigheden beschikt, die je na het afronden van
de
opleiding direct kunt inzetten. De lessen worden gegeven door docenten en experts uit het vakgebied.
</p>
</div>
</details>
<details>
<summary class="small-heading">
Wat kan je worden na je diploma?
</summary>
<div class="p">
<p class="medium-body">
FDND werkt nauw samen met bedrijven uit de creatieve industrie. Tijdens de opleiding doe je veel ervaring
op in
de praktijk en krijg je ook de kans om een netwerk op te bouwen, waarbinnen je mogelijk een stageplek en
een
werkplek kunt vinden.
</p>
<p class="medium-body">
Met de kennis, skills en alle praktijkervaring die je in de opleiding opdoet, kan je na afloop van de
opleiding
onder andere solliciteren voor de beroepsrollen: Frontend Web Developer, HTML/CSS Developer, Frontend Web
Designer, User Interface Developer, Creative Developer en Frontend Engineer.
</p>
</div>
</details>
<details>
<summary class="small-heading">
Wat zijn de toelatingseisen?
</summary>
<div class="p">
<p class="medium-body">
Je kunt de Ad FDND volgen met een mbo-4, havo- of vwo-diploma. Wil jij graag starten met deze
HvA-opleiding
maar beschik je niet over een havo-, vwo- of mbo-diploma niveau 4? Dan kun je op grond van je leeftijd een
toelatingsexamen maken:
</p>
<a class="button is-full-color is-accent-1"
href="https://www.hva.nl/praktisch/algemeen/hva-breed/studentenzaken/21--toelatingsonderzoek/21--toelatingsonderzoek.html">
<span>het 21+-toelatingsonderzoek.</span>
</a>
</div>
</details>
</section>
</main>
<footer class="simple-text p">
<div class="inner">
<h2 class="medium-heading">FDND microsites</h2>
<p>
FDND maakt gebruik van microsites.
Microsites zijn kleine websites ter ondersteuning van een campagne, informatie over een product, dienst of voor
een ander specifiek doel.
</p>
<div class="button-row">
<a class="button" href="https://fdnd.nl">
<span>
FDND.nl
</span>
</a>
<a class="button" href="https://contact.fdnd.nl">
<span>
Contact en routebeschrijving
</span>
</a>
<a class="button" href="https://programma.fdnd.nl">
<span>
Programma
</span>
</a>
<a class="button" href="https://partners.fdnd.nl">
<span>
Partners
</span>
</a>
<a class="button" href="https://niveaumatrix.fdnd.nl">
<span>
Niveaumatrix
</span>
</a>
<a class="button" href="https://docs.fdnd.nl">
<span>
Documenten
</span>
</a>
</div>
</div>
<div class="footer-bottom">
<svg class="creating-tomorrow" width="150" height="16" viewBox="0 0 150 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.4 3.3H7.8C7.7 2.5 7.4 1.8 7 1.3C6.6 0.7 6 0.5 5.2 0.5C3.9 0.5 3 1.1 2.5 2.2C2 3.3 1.7 4.6 1.7 6.1C1.7 7.9 2 9.4 2.6 10.3C3.2 11.3 4.1 11.8 5.2 11.8C6 11.8 6.6 11.5 7.1 11C7.6 10.4 7.9 9.8 7.9 9H8.5V12.2H8.1C8.1 12.1 8 12 8 11.9C7.9 11.8 7.9 11.8 7.8 11.8C7.8 11.8 7.4 11.9 6.8 12C6.2 12.2 5.8 12.2 5.5 12.2C3.7 12.2 2.4 11.6 1.4 10.5C0.5 9.4 0 7.9 0 6.2C0 4.5 0.4 3 1.3 1.7C2.2 0.6 3.4 0 5.1 0C5.4 0 5.6 1.41561e-07 5.8 0.1C6 0.2 6.2 0.2 6.4 0.3C6.6 0.4 6.7 0.4 6.9 0.5C7.1 0.6 7.2 0.5 7.4 0.5H7.7C7.8 0.5 7.8 0.4 7.8 0.2H8.4V3.3ZM10.1 11.5H10.5C10.9 11.5 11.1 11.4 11.3 11.3C11.4 11.2 11.5 10.9 11.5 10.5V5.6C11.5 5.2 11.4 4.9 11.3 4.7C11.2 4.5 10.9 4.4 10.5 4.4H10.1V3.9H10.4C10.8 3.9 11.2 3.9 11.6 3.8C12 3.8 12.4 3.7 12.7 3.6V5.7C13.2 4.9 13.6 4.3 14 4.1C14.4 3.8 14.8 3.7 15.2 3.7C15.6 3.7 16 3.8 16.3 4C16.6 4.2 16.8 4.5 16.8 4.9C16.8 5.2 16.7 5.4 16.6 5.6C16.5 5.8 16.2 5.9 15.9 5.9C15.7 5.9 15.4 5.8 15.3 5.7C15.1 5.5 15 5.3 15 5.1C15 5 15 4.9 15.1 4.8H14.8C14.3 4.8 13.8 5.1 13.5 5.8C13.1 6.5 13 7.2 13 7.9V10.7C13 11.2 13.1 11.5 13.3 11.6C13.5 11.7 13.9 11.8 14.4 11.8H14.8V12.3H10.3V11.5H10.1ZM19.4 8C19.4 9.1 19.5 10 19.8 10.7C20 11.4 20.6 11.8 21.5 11.8C22.2 11.8 22.8 11.5 23.2 11C23.7 10.5 23.9 9.9 23.9 9.1H24.6C24.6 10.1 24.3 10.8 23.7 11.4C23.1 11.9 22.3 12.2 21.3 12.2C20.1 12.2 19.3 11.8 18.7 11C18.1 10.2 17.8 9.2 17.8 8C17.8 6.7 18.1 5.7 18.7 4.8C19.3 3.9 20.1 3.5 21.3 3.5C22.4 3.5 23.2 3.9 23.8 4.8C24.4 5.7 24.7 6.7 24.7 7.8H19.4V8ZM23.1 7.5C23.1 6.6 23 5.8 22.8 5.1C22.6 4.4 22.1 4.1 21.3 4.1C20.6 4.1 20.1 4.4 19.8 5.1C19.5 5.8 19.4 6.6 19.4 7.5H23.1ZM34.1 10.8C34.1 11.2 34 11.6 33.7 11.9C33.4 12.2 33.1 12.3 32.6 12.3C32.2 12.3 31.9 12.2 31.6 12C31.3 11.8 31.2 11.6 31.2 11.2C31 11.6 30.7 11.8 30.3 12C29.9 12.2 29.5 12.3 29.1 12.3C28.3 12.3 27.7 12.1 27.2 11.7C26.7 11.3 26.4 10.8 26.4 10.1C26.4 9 26.9 8.2 27.8 7.8C28.7 7.4 29.9 7.2 31.2 7.2V5.6C31.2 5.2 31.1 4.8 30.8 4.5C30.6 4.2 30.2 4.1 29.9 4.1C29.4 4.1 29.1 4.2 28.9 4.3C28.7 4.4 28.6 4.6 28.6 4.8C28.7 4.9 28.8 5.1 28.8 5.2C28.8 5.3 28.9 5.4 28.9 5.5C28.9 5.7 28.8 5.9 28.6 6.1C28.4 6.3 28.2 6.3 28 6.3C27.7 6.3 27.5 6.2 27.3 6C27.1 5.8 27 5.5 27 5.2C27 4.6 27.3 4.2 27.9 4C28.5 3.7 29.2 3.6 29.9 3.6C30.7 3.6 31.4 3.8 31.9 4.1C32.4 4.5 32.6 5 32.6 5.7V10.5C32.6 10.8 32.6 11.1 32.7 11.3C32.8 11.5 32.9 11.6 33.1 11.6C33.3 11.6 33.5 11.5 33.6 11.3C33.7 11.1 33.8 10.8 33.8 10.5V9.9L34.3 10V10.8H34.1ZM29.5 11.7C30 11.7 30.4 11.5 30.7 11.1C31 10.7 31.1 10.2 31.1 9.7V7.6C30.1 7.6 29.3 7.8 28.7 8.1C28.2 8.5 27.9 9.1 27.9 10C27.9 10.5 28 10.9 28.3 11.2C28.6 11.6 29 11.7 29.5 11.7ZM37.8 1.2V3.9H39.8V4.5H37.8V10.8C37.8 11.4 38 11.7 38.5 11.7C38.8 11.7 39 11.6 39.1 11.4C39.2 11.2 39.3 11 39.3 10.6V9.8H40V10.3C40 10.9 39.8 11.4 39.5 11.7C39.2 12 38.8 12.2 38.3 12.2C37.6 12.2 37.1 12 36.8 11.7C36.6 11.3 36.4 10.8 36.4 10.1V4.4H34.9V3.9C35.6 3.9 36.1 3.7 36.5 3.2C36.9 2.7 37.1 2.1 37.2 1.3H37.8V1.2ZM42 5.2C42 4.8 41.9 4.6 41.8 4.5C41.7 4.4 41.4 4.4 41 4.4H40.6V3.9H41.2C41.7 3.9 42.1 3.9 42.3 3.8C42.5 3.8 42.9 3.7 43.4 3.6C43.4 4.1 43.3 4.5 43.3 4.7V10.5C43.3 10.9 43.4 11.2 43.5 11.3C43.6 11.4 43.9 11.5 44.2 11.5H44.7V12H40.6V11.5H41.2C41.5 11.5 41.7 11.4 41.8 11.3C41.9 11.2 41.9 10.9 41.9 10.6V5.2H42ZM42.6 0.2C42.8 0.2 43.1 0.3 43.2 0.5C43.4 0.7 43.5 0.9 43.5 1.1C43.5 1.4 43.4 1.6 43.2 1.8C43 2 42.8 2.1 42.6 2.1C42.4 2.1 42.2 2 42 1.8C41.8 1.6 41.7 1.4 41.7 1.1C41.7 0.8 41.8 0.6 42 0.4C42.1 0.3 42.3 0.2 42.6 0.2ZM45.5 3.9H45.9C46.4 3.9 46.7 3.9 47.1 3.8C47.4 3.8 47.7 3.7 48.1 3.6V5.1C48.8 4.1 49.7 3.6 50.7 3.6C51.8 3.6 52.5 3.8 52.9 4.3C53.3 4.7 53.4 5.3 53.4 6.1V10.3C53.4 10.9 53.4 11.3 53.5 11.4C53.6 11.5 53.8 11.6 54.1 11.6H54.7V12.1H50.7V11.6H51.2C51.5 11.6 51.8 11.5 51.8 11.4C51.9 11.3 51.9 10.9 51.9 10.3V6.6C51.9 5.9 51.8 5.3 51.6 4.9C51.4 4.5 51 4.3 50.4 4.3C49.7 4.3 49.1 4.6 48.8 5.1C48.4 5.6 48.2 6.2 48.2 6.9V10.2C48.2 10.8 48.2 11.2 48.3 11.3C48.4 11.4 48.6 11.5 48.9 11.5H49.5V12H45.5V11.5H46.1C46.4 11.5 46.7 11.4 46.7 11.3C46.8 11.2 46.8 10.8 46.8 10.2V5.2C46.8 4.8 46.7 4.6 46.6 4.4C46.5 4.3 46.2 4.2 45.8 4.2H45.4V3.9H45.5ZM60.6 10.8C61.4 10.8 62 11 62.5 11.3C63 11.6 63.3 12.3 63.3 13.1C63.3 14 62.9 14.7 62.1 15.1C61.3 15.6 60.4 15.8 59.4 15.8C58.5 15.8 57.6 15.6 56.9 15.3C56.2 15 55.8 14.4 55.8 13.6C55.8 13.1 56 12.7 56.4 12.4C56.8 12.1 57.2 11.9 57.7 11.8C57.4 11.7 57.1 11.6 56.9 11.3C56.7 11.1 56.6 10.8 56.6 10.5C56.6 10.1 56.7 9.8 56.9 9.6C57.1 9.4 57.4 9.2 57.8 9.1C57.3 8.9 56.8 8.6 56.5 8.1C56.2 7.7 56 7.2 56 6.6C56 5.7 56.3 5 57 4.4C57.6 3.9 58.4 3.6 59.3 3.6H59.8C60 3.6 60.1 3.6 60.2 3.7C60.3 3.7 60.4 3.7 60.6 3.8H60.9C61.1 3.8 61.4 3.7 61.8 3.4C62.2 3.1 62.6 3 62.8 3C63.1 3 63.3 3.1 63.4 3.2C63.6 3.4 63.6 3.6 63.6 3.8C63.6 4 63.5 4.2 63.4 4.4C63.3 4.6 63.1 4.7 62.8 4.7C62.6 4.7 62.4 4.6 62.2 4.3C62.1 4 61.9 3.9 61.8 3.9C61.7 3.9 61.6 3.9 61.5 4C61.4 4.1 61.2 4.1 61.1 4.1C61.5 4.4 61.8 4.7 62 5.1C62.2 5.5 62.3 5.9 62.3 6.4C62.3 7.4 62 8.1 61.3 8.6C60.6 9.1 59.7 9.3 58.7 9.3C58.2 9.3 57.8 9.3 57.5 9.4C57.3 9.5 57.1 9.7 57.1 10C57.1 10.3 57.2 10.5 57.5 10.5C57.7 10.6 58.1 10.6 58.6 10.6H60.6V10.8ZM59.6 15.4C60.2 15.4 60.8 15.2 61.3 14.9C61.8 14.6 62 14.1 62 13.6C62 13 61.8 12.6 61.5 12.3C61.2 12 60.6 12 59.8 12C58.9 12 58.2 12.1 57.8 12.3C57.4 12.5 57.1 12.9 57.1 13.7C57.1 14.3 57.3 14.8 57.8 15C58.4 15.3 58.9 15.4 59.6 15.4ZM61.1 6.6C61.1 5.9 61 5.3 60.8 4.8C60.6 4.3 60.1 4.1 59.5 4.1C58.8 4.1 58.3 4.3 58 4.8C57.7 5.3 57.6 5.9 57.6 6.6C57.6 7.3 57.7 7.9 58 8.3C58.3 8.7 58.7 9 59.4 9C60 9 60.5 8.8 60.7 8.3C60.9 7.8 61.1 7.3 61.1 6.6ZM69.3 0.3H79.1V3.1H78.5C78.4 2.3 78.2 1.8 77.7 1.4C77.3 1 76.6 0.8 75.7 0.8H74.9V9.7C74.9 10.5 74.9 11 75 11.2C75.1 11.4 75.3 11.5 75.7 11.5H76.4V12H71.9V11.5H72.6C73 11.5 73.2 11.4 73.3 11.2C73.4 11 73.4 10.5 73.4 9.7V0.8H72.6C71.7 0.8 71 1 70.6 1.4C70.2 1.8 69.9 2.4 69.8 3.1H69.2V0.3H69.3ZM80.5 8C80.5 6.8 80.8 5.8 81.5 4.9C82.2 4 83 3.6 84.2 3.6C85.4 3.6 86.2 4 86.9 4.9C87.5 5.7 87.9 6.8 87.9 8C87.9 9.2 87.6 10.2 86.9 11.1C86.2 12 85.4 12.4 84.2 12.4C83.1 12.4 82.2 12 81.5 11.1C80.8 10.2 80.5 9.2 80.5 8ZM86.2 8C86.2 6.9 86.1 5.9 85.8 5.2C85.5 4.5 85 4.1 84.1 4.1C83.2 4.1 82.6 4.5 82.4 5.2C82.2 5.9 82.1 6.8 82.1 8C82.1 9.1 82.2 10 82.5 10.8C82.7 11.5 83.3 11.9 84.2 11.9C85.1 11.9 85.7 11.5 85.9 10.8C86.1 10.1 86.2 9.1 86.2 8ZM89.2 11.5H89.8C90.1 11.5 90.4 11.4 90.4 11.3C90.5 11.2 90.5 10.8 90.5 10.2V5.2C90.5 4.8 90.4 4.6 90.3 4.4C90.2 4.3 89.9 4.2 89.5 4.2H89.2V3.9H89.6C90.1 3.9 90.4 3.9 90.8 3.8C91.1 3.8 91.4 3.7 91.8 3.6V5.1C92.5 4.1 93.4 3.6 94.4 3.6C95 3.6 95.5 3.7 95.9 3.9C96.3 4.1 96.6 4.5 96.8 5.1C97 4.7 97.3 4.4 97.8 4C98.3 3.7 98.8 3.5 99.4 3.5C100.5 3.5 101.2 3.7 101.6 4.2C102 4.7 102.1 5.2 102.1 6V10.2C102.1 10.8 102.1 11.2 102.2 11.3C102.3 11.4 102.5 11.5 102.8 11.5H103.4V12H99.4V11.5H100C100.3 11.5 100.6 11.4 100.6 11.3C100.7 11.2 100.7 10.8 100.7 10.2V6.6C100.7 5.9 100.6 5.3 100.4 4.9C100.2 4.5 99.8 4.3 99.2 4.3C98.5 4.3 98 4.5 97.6 4.9C97.2 5.3 97.1 5.8 97.1 6.6V10.3C97.1 10.9 97.1 11.3 97.2 11.4C97.3 11.5 97.5 11.6 97.8 11.6H98.2V12.1H94.2V11.6H94.8C95.1 11.6 95.4 11.5 95.4 11.4C95.4 11.3 95.5 10.9 95.5 10.3V6.6C95.5 5.9 95.4 5.3 95.2 4.9C95 4.5 94.6 4.3 94.1 4.3C93.4 4.3 92.8 4.6 92.5 5.1C92.1 5.6 91.9 6.2 91.9 7V10.3C91.9 10.9 91.9 11.3 92 11.4C92.1 11.5 92.3 11.6 92.6 11.6H93.2V12.1H89.2V11.5ZM104.6 8C104.6 6.8 104.9 5.8 105.6 4.9C106.3 4 107.1 3.6 108.3 3.6C109.5 3.6 110.3 4 111 4.9C111.6 5.7 112 6.8 112 8C112 9.2 111.7 10.2 111 11.1C110.3 12 109.5 12.4 108.3 12.4C107.2 12.4 106.3 12 105.6 11.1C104.9 10.2 104.6 9.2 104.6 8ZM110.3 8C110.3 6.9 110.2 5.9 109.9 5.2C109.7 4.5 109.1 4.1 108.2 4.1C107.3 4.1 106.7 4.5 106.5 5.2C106.3 5.9 106.1 6.8 106.1 8C106.1 9.1 106.2 10 106.5 10.8C106.7 11.5 107.3 11.9 108.2 11.9C109.1 11.9 109.7 11.5 109.9 10.8C110.2 10 110.3 9.1 110.3 8ZM113.3 11.5H113.7C114.1 11.5 114.3 11.4 114.5 11.3C114.6 11.2 114.7 10.9 114.7 10.5V5.6C114.7 5.2 114.6 4.9 114.5 4.7C114.4 4.5 114.1 4.4 113.7 4.4H113.3V3.9H113.6C114 3.9 114.4 3.9 114.8 3.8C115.2 3.8 115.6 3.7 115.9 3.6V5.7C116.4 4.9 116.8 4.3 117.2 4C117.6 3.7 118 3.6 118.4 3.6C118.8 3.6 119.2 3.7 119.5 3.9C119.8 4.1 120 4.4 120 4.8C120 5.1 119.9 5.3 119.8 5.5C119.7 5.7 119.4 5.8 119.1 5.8C118.9 5.8 118.6 5.7 118.5 5.6C118.3 5.4 118.2 5.2 118.2 5C118.2 4.9 118.2 4.8 118.3 4.7H118C117.5 4.7 117 5 116.7 5.7C116.3 6.4 116.2 7.1 116.2 7.8V10.6C116.2 11.1 116.3 11.4 116.5 11.5C116.7 11.6 117.1 11.7 117.6 11.7H118V12.2H113.5V11.5H113.3ZM120.7 11.5H121.1C121.5 11.5 121.7 11.4 121.9 11.3C122 11.2 122.1 10.9 122.1 10.5V5.6C122.1 5.2 122 4.9 121.9 4.7C121.8 4.5 121.5 4.4 121.1 4.4H120.7V3.9H121C121.4 3.9 121.8 3.9 122.2 3.8C122.6 3.8 123 3.7 123.3 3.6V5.7C123.8 4.9 124.2 4.3 124.6 4C125 3.7 125.4 3.6 125.8 3.6C126.2 3.6 126.6 3.7 126.9 3.9C127.2 4.1 127.4 4.4 127.4 4.8C127.4 5.1 127.3 5.3 127.2 5.5C127 5.7 126.8 5.8 126.5 5.8C126.3 5.8 126 5.7 125.9 5.6C125.7 5.4 125.6 5.2 125.6 5C125.6 4.9 125.6 4.8 125.7 4.7H125.2C124.7 4.7 124.2 5 123.9 5.7C123.5 6.4 123.4 7.1 123.4 7.8V10.6C123.4 11.1 123.5 11.4 123.7 11.5C123.9 11.6 124.3 11.7 124.8 11.7H125.2V12.2H120.7V11.5ZM128.4 8C128.4 6.8 128.7 5.8 129.4 4.9C130.1 4 130.9 3.6 132.1 3.6C133.3 3.6 134.1 4 134.8 4.9C135.4 5.7 135.8 6.8 135.8 8C135.8 9.2 135.5 10.2 134.8 11.1C134.1 12 133.3 12.4 132.1 12.4C131 12.4 130.1 12 129.4 11.1C128.7 10.2 128.4 9.2 128.4 8ZM134.2 8C134.2 6.9 134.1 5.9 133.8 5.2C133.5 4.5 133 4.1 132.1 4.1C131.2 4.1 130.6 4.5 130.4 5.2C130.2 5.9 130 6.8 130 8C130 9.1 130.1 10 130.4 10.8C130.6 11.5 131.2 11.9 132.1 11.9C133 11.9 133.6 11.5 133.8 10.8C134 10.1 134.2 9.1 134.2 8ZM138 5.3C137.9 5 137.8 4.8 137.7 4.6C137.6 4.4 137.4 4.3 137.1 4.3H136.8V3.9H140.5V4.4H139.9C139.7 4.4 139.5 4.4 139.4 4.5C139.3 4.5 139.2 4.6 139.2 4.8V5.1C139.2 5.2 139.3 5.4 139.4 5.7L141 10.3L142.9 5.1L142.8 4.8C142.7 4.7 142.7 4.6 142.5 4.5C142.4 4.5 142.2 4.4 142 4.4H141.7V3.9H145.4V4.4H144.6C144.3 4.4 144.2 4.5 144.2 4.7V5C144.2 5.1 144.3 5.2 144.3 5.4L146 10.2L147.8 5.4C147.9 5.1 148 4.9 148 4.7C148 4.5 147.9 4.4 147.8 4.4C147.7 4.4 147.5 4.3 147.2 4.3H146.9V3.9H149.5V4.4H149.2C149 4.4 148.9 4.5 148.8 4.7C148.7 4.9 148.6 5.2 148.4 5.5L145.9 12.2H145.3L143 5.8L140.7 12.2H140.1L138 5.3Z"
fill="#050542" />
</svg>
<a class="insta" href="https://www.instagram.com/fdnd.nl/">
<span class="sr-only">instagram</span>
<svg viewBox="0 0 169.062 169.062" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path
d="M122.406,0 L46.654,0 C20.929,0 0,20.93 0,46.655 L0,122.407 C0,148.133 20.929,169.062 46.654,169.062 L122.406,169.062 C148.133,169.062 169.062,148.132 169.062,122.407 L169.062,46.655 C169.062,20.93 148.133,0 122.406,0 Z M154.063,122.407 C154.063,139.862 139.862,154.062 122.407,154.062 L46.654,154.062 C29.2,154.062 15,139.862 15,122.407 L15,46.655 C15,29.201 29.2,15 46.654,15 L122.406,15 C139.861,15 154.063,29.201 154.063,46.655 L154.063,122.407 L154.063,122.407 Z">
</path>
<path
d="M84.531,40.97 C60.51,40.97 40.968,60.512 40.968,84.533 C40.968,108.553 60.51,128.094 84.531,128.094 C108.552,128.094 128.094,108.553 128.094,84.533 C128.094,60.512 108.552,40.97 84.531,40.97 Z M84.531,113.093 C68.782,113.093 55.968,100.281 55.968,84.532 C55.968,68.782 68.781,55.969 84.531,55.969 C100.281,55.969 113.094,68.782 113.094,84.532 C113.094,100.281 100.28,113.093 84.531,113.093 Z">
</path>
<path
d="M129.921,28.251 C127.031,28.251 124.192,29.421 122.151,31.471 C120.1,33.511 118.921,36.351 118.921,39.251 C118.921,42.142 120.101,44.981 122.151,47.031 C124.191,49.071 127.031,50.251 129.921,50.251 C132.821,50.251 135.651,49.071 137.701,47.031 C139.751,44.981 140.921,42.141 140.921,39.251 C140.921,36.351 139.751,33.511 137.701,31.471 C135.661,29.421 132.821,28.251 129.921,28.251 Z">
</path>
</svg>
</a>
</div>
</footer>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YXBT293P2R"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-YXBT293P2R');
</script>
<script src="./main.js"></script>
</body>
</html>