-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
748 lines (687 loc) · 64.7 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
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!--Roobert font-->
<link href="https://fonts.cdnfonts.com/css/roobert" rel="stylesheet">
<link rel="stylesheet" href="./css/styles.css">
<script defer src="./script/index.js"></script>
<title>VRT NWS clone</title>
</head>
<body>
<header class="sticky-top">
<div class="container-fluid col-12 col-xxl-8 gap-1 d-flex justify-content-between align-items-center h-100">
<div class="nav-responsive">
<button class="btn dropdown-toggle p-0" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown"
aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32" aria-hidden="true" focusable="false"
height="42" width="42">
<path fill="black" fill-rule="evenodd"
d="M8 16c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2ZM8 6c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm10 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm10 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2ZM8 26c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm16.4-3 3.6 3.5-1.5 1.5-3.5-3.6 1.4-1.4Zm-5.9 2c-3.6 0-6.5-2.9-6.5-6.5s2.9-6.5 6.5-6.5 6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5ZM14 18.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5Z"
clip-rule="evenodd"></path>
</svg>
</button>
<ul class="dropdown-menu w-100" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">Hoofdpunten</a></li>
<li><a class="dropdown-item" href="#">Regio</a></li>
<li><a class="dropdown-item" href="#">Thema's</a></li>
<li class="dropdown-item">
<div class="row">
<div class="col-6 p-2 d-flex justify-content-center ">
<a href="#"><img src="./img/binnenland.jpg">
<p>Binnenland</p>
</a>
</div>
<div class="col-6 p-2 d-flex justify-content-center">
<a href="#"><img src="./img/buitenland.jpg">
<p>Buitenland</p>
</a>
</div>
</div>
<div class="row">
<div class="col-6 p-2 d-flex justify-content-center">
<a href="#"><img src="./img/cultuurenmedia.jpg">
<p>Cultuur en media</p>
</a>
</div>
<div class="col-6 p-2 d-flex justify-content-center">
<a href="#"><img src="./img/desinformatie.jpg">
<p>Desinformatie</p>
</a>
</div>
</div>
</li>
<li><a class="dropdown-item" href="#">Recent</a></li>
<li><a class="dropdown-item" href="#">Kijk</a></li>
<li><a class="dropdown-item" href="#">Radio</a></li>
<li><a class="dropdown-item" href="#">Podcasts</a></li>
</ul>
</div>
<div class="nav-left">
<div class="dropdown">
<button class="btn btn-secondary welcome-item d-flex align-items-center gap-2 flex-shrink-0" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<span>Dag Michaël</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-person-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">VRT-profiel</a></li>
<li><a class="dropdown-item bold fs-5" href="#">Michaël Cornelis</a></li>
<hr>
<li><a class="dropdown-item bold" href="#">Mijn gegevens</a></li>
<li><a class="dropdown-item bold" href="#">Wachtwoord wijzigen</a></li>
<li><a class="dropdown-item bold" href="#">Mijn nieuwsbrieven</a></li>
<hr>
<li><a class="dropdown-item bold" href="#">Afmelden</a></li>
</ul>
</div>
<div class="share-item d-flex align-items-center gap-2 flex-shrink-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots"
viewBox="0 0 16 16">
<path
d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
<path
d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
</svg>
<a href="#">
<div>Laat van je horen</div>
</a>
</div>
</div>
<div class="nav-logo">
<img src="./img/logo-on-light.svg">
</div>
<div class="nav-right d-flex align-items-center gap-2">
<div class="nav-weather">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" focusable="false">
<g class="helder" name="clear">
<path fill="%235541f0"
d="M17.0135 6.89204H14.9985V4H17.0135V6.89204ZM23.6102 16C23.6102 20.2 20.2039 23.608 16.006 23.608C11.8081 23.608 8.41379 20.2 8.41379 16C8.41379 11.8 11.8201 8.39204 16.006 8.39204C20.1919 8.39204 23.6102 11.8 23.6102 16ZM21.5952 16C21.5952 12.916 19.0885 10.408 16.006 10.408C12.9235 10.408 10.4168 12.916 10.4168 16C10.4168 19.084 12.9235 21.592 16.006 21.592C19.0885 21.592 21.5952 19.084 21.5952 16ZM10.2729 8.84805L8.23388 6.80796L6.81859 8.22402L8.85757 10.264L10.2729 8.84805ZM6.89055 14.992H4V17.008H6.89055V14.992ZM6.80659 23.776L8.22188 25.192L10.2609 23.152L8.84558 21.736L6.80659 23.776ZM14.9985 28H17.0135V25.108H14.9985V28ZM21.7271 23.152L23.7661 25.192L25.1814 23.776L23.1424 21.736L21.7271 23.152ZM25.1094 14.992V17.008H28V14.992H25.1094ZM25.1934 8.22402L23.7781 6.80796L21.7391 8.84805L23.1544 10.264L25.1934 8.22402Z">
</path>
</g>
</svg>
<a href="#">10°C</a>
</div>
<div class="nav-traffic">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-car-front-fill" viewBox="0 0 16 16">
<path
d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848ZM3 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H6ZM2.906 5.189a.51.51 0 0 0 .497.731c.91-.073 3.35-.17 4.597-.17 1.247 0 3.688.097 4.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 11.691 3H4.309a.5.5 0 0 0-.447.276L2.906 5.19Z" />
</svg>
<span>70 km</span>
</div>
<div class="search">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search"
viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
<a href="#">Zoek</a>
</div>
<div class="responsive-settings">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle welcome-item d-flex align-items-center gap-2 flex-shrink-0"
type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<svg class="mt-1xmlns=" http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-person-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">VRT-profiel</a></li>
<li><a class="dropdown-item bold fs-5" href="#">Michaël Cornelis</a></li>
<hr>
<li><a class="dropdown-item bold" href="#">Mijn gegevens</a></li>
<li><a class="dropdown-item bold" href="#">Wachtwoord wijzigen</a></li>
<li><a class="dropdown-item bold" href="#">Mijn nieuwsbrieven</a></li>
<hr>
<li><a class="dropdown-item bold" href="#">Afmelden</a></li>
</ul>
</div>
</div>
<div class="responsive-contact">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" margin="10px" fill="currentColor"
class="bi bi-chat-dots" viewBox="0 0 16 16">
<path
d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
<path
d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
</svg>
</a>
</div>
</div>
</div>
<div class="subheader">
<div class="container-fluid col-12 col-xxl-8 g-1 d-flex justify-content-between align-items-center h-100">
<div><a href="#" class="subheader-item active">Hoofdpunten</a></div>
<div><a href="#" class="subheader-item">Regio</a></div>
<div><a href="#" class="subheader-item">Thema's</a></div>
<div><a href="#" class="subheader-item">Recent</a></div>
</div>
</div>
</header>
<div class="main">
<div class="main container-fluid col-12 col-xxl-8">
<div class="row">
<div class="col-md-3 col-lg-2 sidebar">
<div class="topSidebar">
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2 active">
<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.14892 15.5366H21.8511C22.8272 15.5366 23.625 16.3375 23.625 17.3174V22.7193C23.625 23.6991 22.8272 24.5 21.8511 24.5H6.14892C5.17284 24.5 4.375 23.6991 4.375 22.7193V17.3174C4.375 16.2779 5.17284 15.5366 6.14892 15.5366V15.5366ZM6.5733 17.803V22.2166H7.6767V19.8223C7.6767 19.1492 8.10108 18.7147 8.71219 18.7147C9.26389 18.7147 9.62886 19.1407 9.62886 19.7542V22.2677H10.7323V19.5071C10.7323 18.4676 10.0617 17.7263 9.08565 17.7263C8.47454 17.7263 7.98225 17.9734 7.7446 18.4591V17.786H6.58179L6.5733 17.803ZM18.0656 20.7511H19.0417C19.1011 21.1771 19.4066 21.4242 19.8989 21.4242C20.3233 21.4242 20.5694 21.2367 20.5694 20.93C20.5694 20.504 20.1451 20.4358 19.6528 20.3762C18.9823 20.2569 18.1844 20.1291 18.1844 19.03C18.1844 18.229 18.8549 17.7434 19.7716 17.7434C20.8071 17.7434 21.4861 18.2972 21.5455 19.1578H20.5694C20.51 18.7317 20.1451 18.5443 19.7716 18.5443C19.3981 18.5443 19.1605 18.7317 19.1605 19.0385C19.1605 19.4048 19.5849 19.4645 20.0772 19.5327C20.7477 19.6519 21.6049 19.7201 21.6049 20.947C21.6049 21.8076 20.9344 22.2932 19.8904 22.2932C18.8465 22.2932 18.1165 21.7394 18.0571 20.7596L18.0656 20.7511ZM16.7245 17.803H17.8279C17.4035 19.5838 16.7924 21.4242 16.419 22.2166H15.1968C14.9506 21.7224 14.7045 20.8703 14.3989 19.882C14.0934 20.8618 13.8472 21.7224 13.6011 22.2166H12.3789C12.0139 21.4156 11.4028 19.5753 10.9699 17.803H12.1327C12.3789 18.9703 12.7438 20.1376 13.0494 21.0578C13.3549 20.1972 13.6605 19.1578 13.9066 18.0501C13.9066 17.9905 13.966 17.8627 13.966 17.803H14.9421C14.9421 17.8627 15.0015 17.9905 15.0015 18.0501C15.2477 19.1578 15.5532 20.2569 15.8588 21.0578C16.1644 20.1972 16.4699 18.9703 16.716 17.803H16.7245ZM20.3827 5.48264C20.0772 5.23555 19.9583 4.80954 19.8904 4.375H18.1759C18.1759 4.74137 18.2353 5.04811 18.3627 5.41448C18.5494 5.90866 18.8549 6.39432 19.2199 6.76069C19.6443 7.12706 20.1366 7.37415 20.6883 7.49344C20.9344 7.55308 21.1806 7.55308 21.4182 7.55308H21.9699V5.84902H21.4182C20.9938 5.84902 20.6883 5.72973 20.3827 5.48264V5.48264ZM17.081 6.21539C14.9421 6.21539 12.2515 6.70957 12.99 12.8442H14.8827C14.8233 12.0433 14.7639 11.3702 14.7639 10.7567C14.7639 8.91633 15.2562 7.87685 17.0895 7.93649H17.4545V6.21539H17.0895H17.081ZM21.9699 10.9356C21.6049 11.1231 21.24 11.1827 20.9344 11.1827C20.3827 11.1827 20.0772 10.9953 20.0177 10.3222C19.9583 9.82801 19.8989 8.84817 20.0177 7.92797H18.1844C18.125 9.03562 18.0656 9.70872 18.2438 10.6289C18.49 12.1029 19.3472 12.9635 20.875 12.9635C21.4267 12.9635 21.9105 12.8442 22.5895 12.4693L21.9784 10.9356H21.9699ZM9.13657 11.3617C9.38272 10.6886 9.62886 10.0155 9.86651 9.27418C10.1721 8.29435 10.537 7.18671 10.7832 6.26651H12.8032C12.4383 7.37415 12.0733 8.47327 11.6404 9.58092C11.2076 10.6886 10.7832 11.7877 10.2994 12.8953H7.85494C7.36265 11.8558 6.93827 10.7482 6.51389 9.58092C6.14892 8.41363 5.78395 7.31451 5.41049 6.20687H7.43056C7.6767 7.18671 8.04167 8.23471 8.34722 9.21454C8.59336 9.94729 8.83951 10.6289 9.07716 11.302H9.13657V11.3617V11.3617Z">
</path>
</svg>
Hoofdpunten
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.94702 3.69403H4.04298C3.46327 3.69403 2.99351 4.19776 2.99351 4.81405V6.31461C2.99351 6.93089 3.46327 7.43463 4.04298 7.43463H5.94702C6.52674 7.43463 6.9965 6.93089 6.9965 6.31461V4.81405C6.9965 4.19776 6.52674 3.69403 5.94702 3.69403ZM5.997 6.31997C5.997 6.34677 5.97701 6.37355 5.94702 6.37355H4.04298C4.01799 6.37355 3.99301 6.35212 3.99301 6.31997V4.81941C3.99301 4.79262 4.01299 4.76584 4.04298 4.76584H5.94702C5.97201 4.76584 5.997 4.78726 5.997 4.81941V6.31997ZM6.03198 0.5H3.95802C1.77411 0.5 0 2.40248 0 4.73902V6.4164C0 7.0434 0.12494 7.6436 0.369818 8.2063L0.379807 8.22239L3.75812 14.7175C4.013 15.2052 4.47776 15.5 5.0025 15.5C5.52724 15.5 5.99201 15.2052 6.24688 14.7175L9.6152 8.23848L9.63019 8.2063C9.87507 7.6436 10 7.03804 10 6.4164V4.73902C10 2.40248 8.22089 0.5 6.04198 0.5H6.03198ZM8.9955 6.4164C8.9955 6.87727 8.90555 7.32206 8.72564 7.74006L5.36732 14.2031C5.25738 14.4121 5.07246 14.4335 4.9975 14.4335C4.92254 14.4335 4.73763 14.4121 4.62768 14.2031L1.26936 7.74006C1.08945 7.32206 0.999501 6.87727 0.999501 6.4164V4.73902C0.999501 2.99197 2.32884 1.56651 3.95802 1.56651H6.03198C7.66616 1.56651 8.99051 2.98661 8.99051 4.73902V6.4164H8.9955Z">
</path>
</svg>
Regio
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.801 10.9437C13.949 11.2008 13.8644 11.5277 13.6108 11.6777L7.26894 15.4277C7.10511 15.5241 6.899 15.5241 6.73517 15.4277L0.393352 11.6777C0.13968 11.5277 0.0551136 11.2008 0.203089 10.9437C0.351065 10.6866 0.673454 10.6009 0.927127 10.7509L7.0047 14.3455L13.0823 10.7509C13.3359 10.6009 13.6583 10.6866 13.8063 10.9437H13.801ZM13.077 7.53658L6.99941 11.1313L0.921837 7.53658C0.668164 7.38658 0.345791 7.47229 0.197815 7.72943C0.0498397 7.98657 0.13439 8.31342 0.388062 8.46342L6.72988 12.2134C6.89371 12.3098 7.09982 12.3098 7.26365 12.2134L13.6055 8.46342C13.8591 8.31342 13.9437 7.98657 13.7957 7.72943C13.6477 7.47229 13.3254 7.38658 13.0717 7.53658H13.077ZM0.12911 4.78301C0.12911 4.59016 0.229522 4.41874 0.393352 4.32231L6.73517 0.572321C6.899 0.475893 7.10511 0.475893 7.26894 0.572321L13.6108 4.32231C13.7746 4.41874 13.875 4.59551 13.875 4.78301C13.875 4.97051 13.7746 5.14735 13.6108 5.24378L7.26894 8.99377C7.10511 9.0902 6.899 9.0902 6.73517 8.99377L0.393352 5.24378C0.229522 5.14735 0.12911 4.97051 0.12911 4.78301ZM1.704 4.78301L6.99941 7.91162L12.2948 4.78301L6.99941 1.65447L1.704 4.78301Z">
</path>
</svg>
Thema's
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
Recent
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.125 1.25H1.75V7.5C1.75 8.19036 2.30964 8.75 3 8.75H11.125V7.77778L12.375 8.05556V10H3C1.61929 10 0.5 8.88071 0.5 7.5V0H12.375V1.79031L15.5 1.09586V7.65414L11.125 6.68191V5.40142L14.25 6.09586V2.65413L11.125 3.34858L11.125 1.25Z">
</path>
</svg>
Kijk
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.37501 8.35191L5.82387 8.79616L4.94887 9.70197L4.5 9.25772C3.57387 8.33465 3.00001 7.05385 3.00001 5.62885C3.00001 4.61347 3.29545 3.6673 3.80113 2.87115L4.14204 2.34042L5.19318 3.0327L4.85227 3.5635C4.47159 4.15773 4.25 4.86732 4.25 5.62885C4.25 6.69616 4.68182 7.6539 5.37501 8.34621V8.35191ZM12.1989 2.87115L11.858 2.34042L10.8068 3.0327L11.1477 3.5635C11.5284 4.15773 11.75 4.86732 11.75 5.62885C11.75 6.69616 11.3182 7.6539 10.625 8.34621L10.1761 8.79038L11.0511 9.69619L11.5 9.25195C12.4261 8.32887 13 7.04808 13 5.62308C13 4.6077 12.7045 3.66159 12.1989 2.86544V2.87115ZM1.75001 5.62885C1.75001 4.18078 2.22728 2.84236 3.0341 1.77505L3.41477 1.27313L2.42046 0.5L2.03978 1.00192C1.07388 2.28269 0.5 3.88655 0.5 5.62885C0.5 7.82693 1.42046 9.81157 2.88637 11.202L3.34091 11.6346L4.19318 10.7058L3.73864 10.2731C2.51705 9.1135 1.75001 7.46347 1.75001 5.62885ZM13.9602 1.00192L13.5795 0.5L12.5852 1.27313L12.9659 1.77505C13.7727 2.84236 14.25 4.18078 14.25 5.62885C14.25 7.46347 13.4886 9.1135 12.2614 10.2731L11.8068 10.7058L12.6591 11.6346L13.1136 11.202C14.5795 9.81157 15.5 7.8327 15.5 5.62885C15.5 3.89232 14.9261 2.28846 13.9602 1.00192ZM10.1875 5.54808C10.1875 4.31923 9.21023 3.32694 8 3.32694C6.78977 3.32694 5.8125 4.31923 5.8125 5.54808C5.8125 6.55192 6.47159 7.39426 7.375 7.66541V15.5H8.625V7.66541C9.52841 7.38849 10.1875 6.55192 10.1875 5.54808Z">
</path>
</svg>
Radio
</div>
</a>
<a href="#">
<div class="sidebar-item d-flex align-items-center gap-2">
<svg viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.1667 6.92857C11.1667 8.12857 10.6875 9.21069 9.91667 9.98748L9.54688 10.3625L8.81772 9.59642L9.18751 9.22138C9.76563 8.63745 10.125 7.82321 10.125 6.92321C10.125 5.14999 8.72396 3.70892 7 3.70892C5.27604 3.70892 3.875 5.14999 3.875 6.92321C3.875 7.82321 4.23438 8.63745 4.81251 9.22138L5.1823 9.59642L4.45313 10.3625L4.08335 9.98748C3.31251 9.21069 2.83333 8.12321 2.83333 6.92857C2.83333 4.56071 4.69792 2.64286 7 2.64286C9.30208 2.64286 11.1667 4.56071 11.1667 6.92857ZM7 0.5C3.54687 0.5 0.75 3.37679 0.75 6.92857C0.75 8.7875 1.51563 10.4589 2.73959 11.6321L3.1198 11.9964L3.82813 11.2143L3.44793 10.85C2.4271 9.86961 1.79167 8.47679 1.79167 6.92857C1.79167 3.97143 4.125 1.57143 7 1.57143C9.875 1.57143 12.2083 3.97143 12.2083 6.92857C12.2083 8.47679 11.5729 9.86961 10.5521 10.85L10.1719 11.2143L10.8802 11.9964L11.2604 11.6321C12.4844 10.4589 13.25 8.7875 13.25 6.92857C13.25 3.37679 10.4531 0.5 7 0.5ZM7 9.07143C5.84896 9.07143 4.91667 8.1125 4.91667 6.92857C4.91667 5.74464 5.84896 4.78571 7 4.78571C8.15104 4.78571 9.08333 5.74464 9.08333 6.92857C9.08333 8.1125 8.15104 9.07143 7 9.07143ZM7 8C7.57292 8 8.04167 7.51786 8.04167 6.92857C8.04167 6.33929 7.57292 5.85714 7 5.85714C6.42708 5.85714 5.95833 6.33929 5.95833 6.92857C5.95833 7.51786 6.42708 8 7 8ZM9.08333 11.75V13.3571C9.08333 14.5411 8.15104 15.5 7 15.5C5.84896 15.5 4.91667 14.5411 4.91667 13.3571V11.75C4.91667 10.5661 5.84896 9.60714 7 9.60714C8.15104 9.60714 9.08333 10.5661 9.08333 11.75ZM8.04167 11.75C8.04167 11.1607 7.57292 10.6786 7 10.6786C6.42708 10.6786 5.95833 11.1607 5.95833 11.75V13.3571C5.95833 13.9464 6.42708 14.4286 7 14.4286C7.57292 14.4286 8.04167 13.9464 8.04167 13.3571V11.75Z">
</path>
</svg>
Podcasts
</div>
</a>
</div>
<div class="bottomSidebar">
<p>Taal</p>
<div class="btn-group dropup">
<button type="button" class="btn d-flex align-items-center gap-1" data-bs-toggle="dropdown"
aria-expanded="false">
<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M28.27 20.3C28.74 18.95 29.01 17.51 29.01 16C29.01 14.49 28.74 13.05 28.27 11.7C28.26 11.65 28.24 11.6101 28.22 11.5701C26.41 6.58007 21.63 3 16.01 3C10.39 3 5.62 6.57007 3.8 11.5701C3.78 11.6101 3.77 11.65 3.75 11.7C3.28 13.05 3 14.49 3 16C3 17.51 3.27 18.9601 3.75 20.3101C3.76 20.3501 3.78 20.3899 3.8 20.4299C5.61 25.4199 10.39 29 16.01 29C21.63 29 26.4 25.4299 28.22 20.4399C28.24 20.3999 28.25 20.3501 28.27 20.3101V20.3ZM17.26 26.05C16.79 26.52 16.37 26.6799 16.02 26.6799C15.67 26.6799 15.25 26.52 14.78 26.05C14.3 25.58 13.83 24.8501 13.41 23.8701C13.06 23.0501 12.76 22.08 12.53 21.01H19.52C19.29 22.08 19 23.0501 18.64 23.8701C18.22 24.8501 17.74 25.58 17.27 26.05H17.26ZM12.19 19C12.08 18.05 12.01 17.05 12.01 16C12.01 14.95 12.08 13.95 12.19 13H19.83C19.94 13.95 20.01 14.95 20.01 16C20.01 17.05 19.94 18.05 19.83 19H12.19V19ZM5.01 16C5.01 14.96 5.16 13.95 5.43 13H10.18C10.07 13.97 10.01 14.97 10.01 16C10.01 17.03 10.07 18.03 10.18 19H5.43C5.16 18.05 5.01 17.04 5.01 16V16ZM14.77 5.94995C15.24 5.47995 15.66 5.32007 16.01 5.32007C16.36 5.32007 16.78 5.47995 17.25 5.94995C17.73 6.41995 18.2 7.14988 18.62 8.12988C18.97 8.94988 19.27 9.91999 19.5 10.99H12.51C12.74 9.91999 13.03 8.94988 13.39 8.12988C13.81 7.14988 14.29 6.41995 14.76 5.94995H14.77ZM21.85 13H26.59C26.86 13.95 27.01 14.96 27.01 16C27.01 17.04 26.86 18.05 26.59 19H21.85C21.96 18.03 22.02 17.03 22.02 16C22.02 14.97 21.96 13.97 21.85 13ZM25.81 11H21.55C21.29 9.65 20.92 8.4101 20.47 7.3501C20.19 6.7001 19.87 6.11008 19.51 5.58008C22.25 6.50008 24.5 8.46 25.8 11H25.81ZM12.52 5.58008C12.16 6.11008 11.84 6.7001 11.56 7.3501C11.11 8.4101 10.74 9.65 10.48 11H6.22C7.52 8.46 9.77 6.50008 12.51 5.58008H12.52ZM6.23 21H10.49C10.75 22.35 11.12 23.5899 11.57 24.6499C11.85 25.2999 12.17 25.8899 12.53 26.4199C9.79 25.4999 7.54 23.54 6.24 21H6.23ZM19.52 26.4199C19.88 25.8899 20.2 25.2999 20.48 24.6499C20.93 23.5899 21.3 22.35 21.56 21H25.82C24.52 23.54 22.27 25.4999 19.53 26.4199H19.52Z">
</path>
</svg>
Nederlands
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32">
<path d="m27.41 9.41-14 14a.996.996 0 0 1-1.41 0l-7-7L6.41 15l6.29 6.29L25.99 8l1.41 1.41h.01Z">
</path>
</svg>
</button>
<ul class="dropdown-menu">
<li class="dropdown-item">Français</li>
<hr>
<li class="dropdown-item">English</li>
<hr>
<li class="dropdown-item">Deutsch</li>
</ul>
</div>
<div class="socialIcons d-flex justify-content-between mb-2">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3694_91953)">
<path
d="M17.1318 4.58355C17.5279 4.93798 18.0041 5.1753 18.5464 5.28768C18.7782 5.33562 19.0179 5.35998 19.2639 5.35998H19.81V3.64524C19.81 3.64524 19.4493 3.64603 19.267 3.64682C18.867 3.64682 18.5244 3.53208 18.2737 3.30733C17.9892 3.05271 17.825 2.66843 17.7935 2.19849H16.0796C16.0937 2.55055 16.1511 2.88689 16.2525 3.20359C16.4261 3.74662 16.7303 4.22363 17.1318 4.58355Z"
fill="#001039"></path>
<path
d="M10.9102 10.5419H12.753C12.6823 9.75448 12.6305 9.10772 12.625 8.47589C12.625 6.67314 13.1004 5.6256 14.9338 5.70025L15.3102 5.7144V4.03739C15.1868 4.02324 15.0006 4.01774 14.9613 4.01695C12.8835 4.01695 10.2305 4.47432 10.911 10.5419H10.9102Z"
fill="#001039"></path>
<path
d="M8.9 4.0366C8.64224 4.98198 8.31454 6.03346 7.98998 7.00949C7.75344 7.72069 7.25992 9.06057 7.25992 9.06057H7.17741C6.91493 8.37373 6.68625 7.72069 6.44735 7.00949C6.12043 6.03424 5.7778 4.98198 5.52318 4.0366H3.54519C3.89096 5.12187 4.26975 6.20713 4.68861 7.31047C5.10747 8.41381 5.5114 9.49043 5.99391 10.5419H8.37819C8.85599 9.49043 9.25914 8.41381 9.67957 7.31047C10.1 6.20792 10.4804 5.12265 10.8261 4.0366H8.89922H8.9Z"
fill="#001039"></path>
<path
d="M19.81 8.63621C19.4752 8.80359 19.0619 8.9199 18.7758 8.9199C18.2391 8.9199 17.9373 8.72894 17.8281 8.07825C17.7472 7.59495 17.7173 6.60713 17.8092 5.7144H16.0489C15.9633 6.77766 15.9578 7.43306 16.0961 8.36194C16.3145 9.82835 17.1971 10.6323 18.68 10.6221C19.2191 10.6181 19.6835 10.5105 20.3381 10.1671L19.81 8.63621Z"
fill="#001039"></path>
<path
d="M20.4882 13.1116H3.5114C2.56601 13.1116 1.7998 13.8779 1.7998 14.8232V20.09C1.7998 21.0354 2.56601 21.8016 3.5114 21.8016H20.4882C21.4336 21.8016 22.1998 21.0354 22.1998 20.09V14.8232C22.1998 13.8779 21.4336 13.1116 20.4882 13.1116ZM17.3637 15.2979L18.0136 16.2315C18.1173 16.3808 18.3389 16.38 18.4418 16.2307L19.0847 15.2979H20.2407L19.2505 16.714C18.7538 17.4244 17.7024 17.4244 17.2057 16.714L16.2155 15.2979H17.3637ZM10.599 19.6146H9.55383V17.1392C9.55383 16.5309 9.23713 16.1285 8.73183 16.1285C8.1668 16.1285 7.81552 16.5309 7.81552 17.1392V19.6146H6.77034V17.1392C6.77034 16.5309 6.45364 16.1285 5.94833 16.1285C5.39195 16.1285 5.04067 16.5309 5.04067 17.1392V19.6146H3.98684V15.2979H5.04067V15.9745C5.25442 15.5376 5.68271 15.2295 6.29096 15.2295C6.97623 15.2295 7.44696 15.5211 7.63556 16.0515C7.83281 15.606 8.38055 15.2295 9.06582 15.2295C9.99941 15.2295 10.599 15.9061 10.599 16.8225V19.6146ZM15.5719 19.6146H14.5181V19.1093C14.3122 19.4519 13.8155 19.683 13.2764 19.683C11.9743 19.683 11.2206 18.7753 11.2206 17.4559C11.2206 16.1364 11.9743 15.2287 13.2591 15.2287C13.799 15.2287 14.2697 15.4511 14.5181 15.7851V15.2971H15.5719V19.6146ZM19.2041 19.6146L18.4065 18.479C18.3028 18.3313 18.0835 18.3313 17.9798 18.479L17.1821 19.6146H16.0599L17.0973 18.1191C17.6269 17.3553 18.757 17.356 19.2851 18.1215L20.3169 19.6154H19.2033L19.2041 19.6146Z"
fill="#FF484C"></path>
<path
d="M13.421 16.1372C12.7271 16.1372 12.265 16.6598 12.265 17.4566C12.265 18.2535 12.7279 18.7761 13.421 18.7761C14.1141 18.7761 14.5943 18.2535 14.5943 17.4566C14.5943 16.6598 14.1314 16.1372 13.421 16.1372Z"
fill="#FF484C"></path>
<path
d="M3.98605 15.2979H5.03988V15.9745C5.25442 15.5376 5.68193 15.2295 6.29018 15.2295C6.97544 15.2295 7.44617 15.5211 7.63478 16.0515C7.83203 15.606 8.37977 15.2295 9.06503 15.2295C9.99863 15.2295 10.5982 15.9061 10.5982 16.8225V19.6146H9.55305V17.1392C9.55305 16.5309 9.23635 16.1285 8.73104 16.1285C8.16601 16.1285 7.81474 16.5309 7.81474 17.1392V19.6146H6.76955V17.1392C6.76955 16.5309 6.45285 16.1285 5.94755 16.1285C5.39116 16.1285 5.03988 16.5309 5.03988 17.1392V19.6146H3.98605V15.2979Z"
fill="white"></path>
<path
d="M11.2198 17.4566C11.2198 16.1372 11.9735 15.2295 13.2584 15.2295C13.7982 15.2295 14.269 15.4519 14.5173 15.7859V15.2979H15.5711V19.6146H14.5173V19.1093C14.3114 19.4519 13.8147 19.683 13.2756 19.683C11.9735 19.683 11.2198 18.7753 11.2198 17.4559V17.4566ZM14.5943 17.4566C14.5943 16.6598 14.1314 16.1372 13.421 16.1372C12.7106 16.1372 12.2642 16.6598 12.2642 17.4566C12.2642 18.2535 12.7271 18.7761 13.421 18.7761C14.1149 18.7761 14.5943 18.2535 14.5943 17.4566Z"
fill="white"></path>
<path
d="M19.2851 18.1215L20.3169 19.6154H19.2033L18.4057 18.4798C18.302 18.3321 18.0827 18.3321 17.979 18.4798L17.1813 19.6154H16.0591L17.0965 18.1199C17.6261 17.3561 18.7562 17.3568 19.2843 18.1223L19.2851 18.1215Z"
fill="white"></path>
<path
d="M17.2057 16.714L16.2155 15.2979H17.3637L18.0136 16.2315C18.1173 16.3808 18.3389 16.38 18.4418 16.2307L19.0847 15.2979H20.2415L19.2513 16.714C18.7546 17.4244 17.7031 17.4244 17.2065 16.714H17.2057Z"
fill="white"></path>
</g>
<defs>
<clipPath id="clip0_3694_91953">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3694_91957)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M17.7469 18.6047C17.7469 19.4813 18.0469 20.2172 18.6563 20.8172C19.261 21.4172 20.011 21.7172 20.9063 21.7172C21.7876 21.7172 22.5235 21.4172 23.1141 20.8172C23.7047 20.2313 24.0001 19.4954 24.0001 18.6047C24.0001 17.7188 23.7047 16.9782 23.1141 16.3922C22.5235 15.8063 21.7876 15.511 20.9063 15.511C20.0251 15.511 19.2751 15.8063 18.6563 16.3922C18.0516 16.9922 17.7469 17.7329 17.7469 18.6047Z"
fill="#77FF07"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.65781 15.1454L0 18.8251C2.38594 20.8594 5.04375 21.7219 8.29688 21.7219C13.0828 21.7219 16.3359 19.6079 16.3359 15.6563C16.3359 12.3891 14.3437 10.411 9.00469 9.47349C5.99062 8.9438 5.35781 8.51255 5.35781 7.53755C5.35781 6.85317 6.14531 6.28599 8.1375 6.28599C9.77344 6.28599 11.3297 6.83442 12.8484 7.88911L15.3891 4.34536C13.3594 2.70005 10.8937 1.80005 8.07656 1.80005C3.60469 1.80005 0.510937 4.11099 0.510937 7.88442C0.510937 11.2875 2.67656 12.9704 7.19062 13.6782C10.4625 14.1891 11.4656 14.7329 11.4656 15.7313C11.4656 16.8094 10.3031 17.2172 8.40937 17.2172C6.38437 17.2219 4.33594 16.4391 2.65781 15.1454Z"
fill="#1C1A24"></path>
</g>
<defs>
<clipPath id="clip0_3694_91957">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="col-12 col-md-9 col-lg-10">
<div class="row mainArticle py-3 m-xl-3 mx-xl-1">
<div class="mainArticlebg">
<div class="row justify-content-center pt-3 mainTitle h4 fw-bold">Gesprekken over stikstof gaan voort
</div>
<div class="row g-3">
<div class="col-12 col-sm-6 pb-3 p-lg-4 text-center"><a href="./mainArticle.html"><img
src="./img/mainArticle-cover.jpg"></a> </div>
<div class="col-12 col-sm-6 pb-3 p-lg-4 d-flex justify-content-center align-items-start flex-column">
<div class="articleSubheading"><a href="./mainArticle.html">Stikstof</div>
<div class="mainArticleTitle h5 fw-bold">Vlaams kernkabinet komt vandaag niet meer samen over
stikstof, morgen dag van de laatste kans?</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
18u25</a>
</div>
</div>
</div>
<div class="row p-lg-4">
<div class="col col-12 col-sm-6 d-flex gap-2 p-lg-0 mb-2 py-1 align-items-center overflow-hidden">
<div class="col-4 subArticle">
<div class="container-fluid p-0 pt-lg-3">
<a href="#"><img class="subArticleImg w-100 h-100 mw-100" src="./img/regularArticleImg1.jpg"></a>
</div>
</div>
<div class="col-8 subArticleContent p-1 p-lg-3">
<div class="articleSubheading"><a href="#">Stikstof</div>
<div class="subArticleTitle">Dit weekend een stikstofakkoord? Partijvoorzitters De Wever en Mahdi
willen landen</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
1 dag geleden</a>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 d-flex gap-2 p-lg-0 mb-2 py-1 align-items-center overflow-hidden">
<div class="col-4 subArticle">
<div class="container-fluid p-0 pt-lg-3">
<a href="#"><img class="subArticleImg w-100 h-100 mw-100" src="./img/regularArticleImg2.jpg"></a>
</div>
</div>
<div class="col-8 subArticleContent p-1 p-lg-3">
<div class="articleSubheading"><a href="#">Stikstof</div>
<div class="subArticleTitle">Meer dan 2.700 tractors geteld tijdens boerenbetoging in Brussel</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
vr 03 mrt.</a>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 d-flex gap-3 p-lg-0 mb-2 py-1 align-items-center overflow-hidden">
<div class="col-4 subArticle">
<div class="container-fluid p-0 pt-lg-3">
<a href="#"><img class="subArticleImg w-100 h-100 mw-100" src="./img/regularArticleImg3.jpg"></a>
</div>
</div>
<div class="col-8 subArticleContent p-1 p-lg-3">
<div class="articleSubheading"><a href="#">Stikstof</div>
<div class="subArticleTitle">Hoe stikstof een probleem werd voor onze natuur, de boeren en de
Vlaamse politiek</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
vr 17 feb.</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row articleContainer p-3 py-md-4 h-auto">
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article1.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Oorlog Rusland-Oekraïne</div>
<div class="subArticleTitle">Oekraïnse leger krijgt het steeds moeilijker in Bachmoet, maar geeft
voorlopg niet op</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
3 dagen geleden</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article2.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Sporza</div>
<div class="subArticleTitle">Bart Swings rijdt meesterlijk naar wereldtitel, Sandrine Tas 6e op
massastart</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
17u35</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article3.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Olivier Vandecasteele</div>
<div class="subArticleTitle">Zus van Olivier Vandecasteele reageert op uitspraak Grondwettelijk Hof:
"Beste dat wij konden verwachten"</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
11u53</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article4.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Samenleving</div>
<div class="subArticleTitle">Regering-De Croo stelt grootbanken voor ultimatum: of ze zorgen voor
voldoende bankautomaten, of ze worden via wet verplicht</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
17u29</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article5.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Politiek</div>
<div class="subArticleTitle">Herman De Croo gaat extra verrgoeding boven op pensioen schenken aan
Stichting tegen Kanker</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
09u00</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article6.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Frankrijk</div>
<div class="subArticleTitle">Verschillende gewonden bij busongeluk met schoolkinderen in de Franse Alpen
</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
13u09</a>
</div>
</div>
</div>
</div>
<div class="row mainArticle py-3 m-xl-3 mx-xl-1">
<div class="mainArticlebg2">
<div class="row justify-content-center pt-3 mainTitle h4 fw-bold">Wielerpeloton op pad in Toscane</div>
<div class="row g-3">
<div class="col-12 col-sm-6 pb-3 p-lg-4 text-center"><a href="#"><img src="./img/mainArticle2.jpg"></a>
</div>
<div class="col-12 col-sm-6 pb-3 p-lg-4 d-flex justify-content-center align-items-start flex-column">
<div class="articleSubheading"><a href="#">Sporza</div>
<div class="mainArticleTitle h5 fw-bold">Tom Pidcock rondt formidabel nummertje af in zenuwslopende
Strade Bianche, Tiesj Benoot is 3e</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
16u58</a>
</div>
</div>
</div>
<div class="row p-lg-4">
<div class="col col-12 col-sm-6 d-flex gap-2 p-lg-0 mb-2 py-1 align-items-center overflow-hidden">
<div class="col-4 subArticle">
<div class="container-fluid p-0 pt-lg-3">
<a href="#"><img class="subArticleImg w-100 h-100 mw-100" src="./img/regularArticle4.jpg"></a>
</div>
</div>
<div class="col-8 subArticleContent p-1 p-lg-3">
<div class="articleSubheading"><a href="#">Sporza</div>
<div class="subArticleTitle">Lotte Kopecky laat zich zege in Strade Bianche afsnoepen door
ploeggenote Demi Vollering</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
14u20</a>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 d-flex gap-2 p-lg-0 mb-2 py-1 align-items-center overflow-hidden">
<div class="col-4 subArticle">
<div class="container-fluid p-0 pt-lg-3">
<a href="#"><img class="subArticleImg w-100 h-100 mw-100" src="./img/regularArticle5.jpg"></a>
</div>
</div>
<div class="col-8 subArticleContent p-1 p-lg-3">
<div class="articleSubheading"><a href="#">Sporza</div>
<div class="subArticleTitle">"Ik was zo bang": losgeslagen paard doet Demi Vollering krijsen en vol
in de remmen gaan</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
14u30</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row articleContainer p-3 py-md-4 h-auto">
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article7.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Binnenland</div>
<div class="subArticleTitle">Bomvolle kerk in Machelen neemt afscheid van voormalig Volksunie-boegbeeld
Vic Anciaux</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
14u30</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article8.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Verenigd Koninkrijk</div>
<div class="subArticleTitle">Heilige olie voor de zalving van koning Charles samengesteld en gewijd in
Jeruzalem</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
12u34</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article9.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Oorlog Rusland-Oekraïne</div>
<div class="subArticleTitle">Mannen getuigen over seksueel geweld tijdens de oorlog: "Het is erger dan
afgeranseld worden"</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
06u00</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article10.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Film & Series</div>
<div class="subArticleTitle">Acteur Tom Sizemore (61) bekend van "Saving Private Ryan" en "Heat",
overleden</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
09u13</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article11.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Binnenland</div>
<div class="subArticleTitle">Busbouwer Van Hool uit Lier zoekt 125 nieuwe medewerkers terwijl 100
arbeiders technisch werkloos thuis zitten</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
2 uur geleden</a>
</div>
</div>
</div>
<div class="article col-12 col-sm-6 col-xl-4 d-flex flex-column gap-2 py-2">
<a href="#"><img src="./img/Article12.jpg"></a>
<div class="articleContent">
<div class="articleSubheading"><a href="#">Consument</div>
<div class="subArticleTitle">Niko werd slachteroffer van investeringsfraude: "Ik raakte mijn spaargeld
(400.000 euro) kwijt en leende bij"</div>
<div class="articlePosted">
<svg viewBox="0 0 16 16" width="12px" style="margin-top: -2px" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.57692 3.96154C8.57692 3.64423 8.31731 3.38462 8 3.38462C7.68269 3.38462 7.42308 3.64423 7.42308 3.96154H8.57692ZM8 8H7.42308C7.42308 8.31731 7.68269 8.57692 8 8.57692V8ZM12.0385 8.57692C12.3558 8.57692 12.6154 8.31731 12.6154 8C12.6154 7.68269 12.3558 7.42308 12.0385 7.42308V8.57692ZM14.3462 8C14.3462 11.5077 11.5077 14.3462 8 14.3462V15.5C12.1423 15.5 15.5 12.1423 15.5 8H14.3462ZM8 14.3462C4.49231 14.3462 1.65385 11.5077 1.65385 8H0.5C0.5 12.1423 3.85769 15.5 8 15.5V14.3462ZM1.65385 8C1.65385 4.49231 4.49231 1.65385 8 1.65385V0.5C3.85769 0.5 0.5 3.85769 0.5 8H1.65385ZM8 1.65385C11.5077 1.65385 14.3462 4.49231 14.3462 8H15.5C15.5 3.85769 12.1423 0.5 8 0.5V1.65385ZM7.42308 3.96154V8H8.57692V3.96154H7.42308ZM8 8.57692H12.0385V7.42308H8V8.57692Z">
</path>
</svg>
di 07 mrt.</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>