-
Notifications
You must be signed in to change notification settings - Fork 0
/
landingspagina.html
530 lines (494 loc) · 38.3 KB
/
landingspagina.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="src/sass/krediet.style.css">
<title>Document</title>
</head>
<body>
<nav class="main-nav d-flex justify-content-between">
<div class="d-flex">
<a href="index.html" class="main-nav__logo">
<img src="assets/images/logo.svg" alt="logo">
</a>
</div>
<ul class="main-nav__list d-flex flex-fill ">
<li class="main-nav__list__item main-nav__list__item-home flex-fill ">
<a href="lening-simulatie.html" class="nav-link">Simulatie</a>
</li>
<li class="main-nav__list__item flex-fill hide-for-tablet">
<a href="woonkrediet.html" class="nav-link">woonkrediet</a>
</li>
<li class="main-nav__list__item flex-fill hide-for-tablet">
<a href="lening-op-afbetaling.html" class="nav-link">lening</a>
</li>
<li class="main-nav__list__item flex-fill hide-for-tablet">
<a href="blog.html" class="nav-link">blog</a>
</li>
<li class="main-nav__list__item flex-fill hide-for-tablet">
<a href="kantoren.html" class="nav-link">kantoren</a>
</li>
<li class="main-nav__list__item flex-fill hide-for-tablet">
<a href="contact.html" class="nav-link">contact</a>
</li>
<li class="main-nav__list__item hide-for-desktop">
<a href="#" class="nav-link mobile-nav__item__link hamburger" id="hamburger-1">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</a>
</li>
<li class="main-nav__list__item hide-for-desktop hide-for-mobile">
<a href="#" class="nav-link mobile-nav__item__link">FR</a>
</li>
</ul>
</nav>
<div class="mobile-nav hide-for-desktop">
<div class="h-100 d-flex flex-column justify-content-between">
<ul class="mobile-nav__list">
<li class="mobile-nav__list__item">
<a href="woonkrediet.html" class="nav-link">woonkrediet</a>
</li>
<li class="mobile-nav__list__item">
<a href="lening-op-afbetaling.html" class="nav-link">lening</a>
</li>
<li class="mobile-nav__list__item">
<a href="blog.html" class="nav-link">blog</a>
</li>
<li class="mobile-nav__list__item">
<a href="kantoren.html" class="nav-link">kantoren</a>
</li>
<li class="mobile-nav__list__item">
<a href="contact.html" class="nav-link">contact</a>
</li>
</ul>
<div class="show-for-mobile-only">
<ul class="mobile-nav__language-container d-flex justify-content-center align-items-center">
<li class="mobile-nav__language__item">
<a class="mobile-nav__language__item__link mobile-nav__language__item__link-left" href="">NL</a>
</li>
<li class="mobile-nav__language__item">
<a class="mobile-nav__language__item__link mobile-nav__language__item__link-right mobile-nav__language__item__link-active" href="">FR</a>
</li>
</ul>
</div>
</div>
</div>
<div class="hidden-nav"></div>
<section class="intro">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-sm-12 col-lg-9">
<h1 class ="text-center">Een huis kopen? Hier lees je alles wat je moet weten over je woonkrediet</h1>
<p class="intro__text">Integer ut tincidunt leo. Cras massa mauris, cursus et dignissim luctus, condimentum sed mi. Ut ultricies sapien vel placerat fringilla. Maecenas lacinia dolor at semper finibus. Curabitur ultricies lorem consectetur aliquam tincidunt. Mauris dapibus ut ante a congue. </p>
</div>
<div class="col-12 col-sm-11 col-lg-7">
<p>Nam volutpat malesuada nisi ullamcorper pulvinar. Nam rhoncus ultrices risus, sed sagittis purus egestas ac. Ut massa sem, sagittis sit amet auctor non, efficitur ut orci. Donec efficitur tincidunt tellus sed maximus.
Nam justo quam, ultricies quis augue sit amet, varius porttitor elit.</p>
</div>
</div>
</div>
</section>
<section class="loan-detail">
<div class="container drupal-content">
<div class="row">
<div class="col-12 col-sm-12 col-lg-7">
<h2>Waarom verkoop je jouw huis?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis
pharetra pharetra. Phasellus aliquam scelerisque ante, id facilisis
turpis faucibus et. Pellentesque maximus convallis odio at aliquet.
Nam cursus sagittis dolor id consectetur. Duis sed tincidunt felis, eu
interdum nulla. Maecenas finibus viverra risus ut ornare. Aenean eu
libero massa. Sed dapibus feugiat ipsum eget vehicula. Mauris eu hendrerit
diam, sit amet eleifend lorem. Donec imperdiet diam sed euismod semper.
Nullam sed tellus non neque congue elementum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis
pharetra pharetra. Phasellus aliquam scelerisque ante, id facilisis
turpis faucibus et. Pellentesque maximus convallis odio at aliquet.
<a>Nam cursus</a> sagittis dolor id consectetur. Duis sed tincidunt felis, eu
interdum nulla. Maecenas finibus viverra risus ut ornare. Aenean eu
libero massa. Sed dapibus feugiat ipsum eget vehicula. Mauris eu hendrerit
diam, sit amet eleifend lorem. Donec imperdiet diam sed euismod semper.
Nullam sed tellus non neque congue elementum.</p>
<h2>Duis sed tincidunt felis?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis
pharetra pharetra. Phasellus aliquam scelerisque ante, id facilisis
turpis faucibus et. Pellentesque maximus convallis odio at aliquet.
Nam cursus sagittis dolor id consectetur. Duis sed tincidunt felis, eu
interdum nulla. Maecenas finibus viverra risus ut ornare. Aenean eu
libero massa. Sed dapibus feugiat ipsum eget vehicula. Mauris eu hendrerit
diam, sit amet eleifend lorem. Donec imperdiet diam sed euismod semper.
Nullam sed tellus non neque congue elementum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis
pharetra pharetra. Phasellus aliquam scelerisque ante, id facilisis
turpis faucibus et. Pellentesque maximus convallis odio at aliquet.
<a>Nam cursus</a> sagittis dolor id consectetur. Duis sed tincidunt felis, eu
interdum nulla. Maecenas finibus viverra risus ut ornare. Aenean eu
libero massa. Sed dapibus feugiat ipsum eget vehicula. Mauris eu hendrerit
diam, sit amet eleifend lorem. Donec imperdiet diam sed euismod semper.
Nullam sed tellus non neque congue elementum.</p>
</div>
<div class="col-12 col-sm-12 col-lg-5">
<div class="quote">
Morbi feugiat purus et purus hendrerit lacinia. Cras in magna mollis, vehicula sem eu,
pellentes turpis. Nunc convallis at massa
ac gravida.
</div>
</div>
</div>
</div>
</section>
<section class="contact">
<h3 class="contact__title">Contacteer ons vrijblijvend</h3>
<div class="row justify-content-center contact__info">
<div class="col-12 col-sm-auto contact__info-container">
<a href="tel:02232332" class="d-flex flex-column align-items-center justify-content-center">
<img class="contact__info__image" src="assets/images/phone-circle.svg" alt="">
<p class="contact__info__link">+32 (0)78 05 08 00</p>
</a>
</div>
<div class="col-8 col-sm-auto">
<div class="contact__border"></div>
</div>
<div class="col-12 col-sm-auto contact__info-container">
<a href="mailto:[email protected]" class="d-flex flex-column align-items-center justify-content-center">
<img class="contact__info__image" src="assets/images/mail-window.svg" alt="">
<p class="contact__info__link">[email protected]</p>
</a>
</div>
</div>
<div class="d-flex justify-content-center">
<a href="" class="btn btn-white">Ontdek onze kantoren</a>
</div>
</section>
<section class="blog">
<h3 class="blog__uppertitle text-center">Lees meer over woonkrediet voor aankoop</h3>
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-4">
<article class="blog__article blog__woonkrediet">
<a class="blog__link" href="">
<div class="blog__image-container">
<div class="blog__image-overlay d-flex justify-content-center align-items-center">
<img class="" src="assets/images/search.svg" alt="">
</div>
<img class="blog__image" src="assets/images/blog1.jpg" alt="">
</div>
<div class="d-flex justify-content-between">
<p class="blog__category">Woonkrediet</p>
<p class="blog__date">5 maart 2020</p>
</div>
<h4 class="blog__title">Je woning verbouwen op latere leeftijd: wat met je hypotheek?</h4>
<p class="blog__text">Je gaat richting 60… of hebt die kaap al gerond.
Je zou graag je woning verbouwen
of renoveren. Daarvoor denk je aan een hypothecaire lening. Moet je dan een extra
woonkrediet afsluiten voor de verbouwingswerken of bestaan er voordeligere oplossingen?</p>
</a>
</article>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<article class="blog__article blog__lening-op-afbetaling">
<a class="blog__link" href="">
<div class="blog__image-container">
<div class="blog__image-overlay d-flex justify-content-center align-items-center">
<img class="" src="assets/images/search.svg" alt="">
</div>
<img class="blog__image" src="assets/images/blog1.jpg" alt="">
</div>
<div class="d-flex justify-content-between">
<p class="blog__category">Lening op afbetaling</p>
<p class="blog__date">5 maart 2020</p>
</div>
<h4 class="blog__title">Je woning verbouwen op latere leeftijd: wat met je hypotheek?</h4>
<p class="blog__text">Je gaat richting 60… of hebt die kaap al gerond.
Je zou graag je woning verbouwen
of renoveren. Daarvoor denk je aan een hypothecaire lening. Moet je dan een extra
woonkrediet afsluiten voor de verbouwingswerken of bestaan er voordeligere oplossingen?</p>
</a>
</article>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<article class="blog__article blog__woonkrediet">
<a class="blog__link" href="">
<div class="blog__image-container">
<div class="blog__image-overlay d-flex justify-content-center align-items-center">
<img class="" src="assets/images/search.svg" alt="">
</div>
<img class="blog__image" src="assets/images/blog1.jpg" alt="">
</div>
<div class="d-flex justify-content-between">
<p class="blog__category">Woonkrediet</p>
<p class="blog__date">5 maart 2020</p>
</div>
<h4 class="blog__title">Je woning verbouwen op latere leeftijd: wat met je hypotheek?</h4>
<p class="blog__text">Je gaat richting 60… of hebt die kaap al gerond.
Je zou graag je woning verbouwen
of renoveren. Daarvoor denk je aan een hypothecaire lening. Moet je dan een extra
woonkrediet afsluiten voor de verbouwingswerken of bestaan er voordeligere oplossingen?</p>
</a>
</article>
</div>
</div>
</div>
</section>
<section class="intro intro-woonkrediet">
<div class="container">
<h3 class="text-center">Ontdek al onze oplossingen</h3>
<div class="kredieten woonkredieten row flex-wrap">
<!-- AANKOOP -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="58" height="52" viewBox="0 0 58 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.836 50.1652C30.3736 50.6956 29.7051 51 29.0023 51C28.2996 51 27.6311 50.6956 27.1686 50.1652L5.1378 24.8551C0.843372 20.6319 -0.228452 14.107 2.48835 8.72632V8.72632C4.55924 4.69756 8.41763 1.89591 12.8818 1.17943C17.346 0.462955 21.884 1.91703 25.1061 5.09631L29.0023 8.6653L32.8986 5.10363C36.1202 1.92434 40.6579 0.470231 45.1217 1.18673C49.5856 1.90323 53.4435 4.70495 55.5139 8.73365V8.73365C58.2269 14.1121 57.1563 20.6321 52.8668 24.8551L30.836 50.1652Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.0212 34.3333V28.3809C26.0212 26.4085 27.6216 24.8095 29.5957 24.8095C31.5698 24.8095 33.1702 26.4085 33.1702 28.3809V34.3333" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.2554 20.0476V34.3333H37.9362V20.0476" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.4893 24.8095L29.5956 12.9048L42.702 24.8095" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">aankoop</p>
</div>
</a>
</div>
<!-- OVERBRUGGING -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="42" height="50" viewBox="0 0 42 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9792 30.2083C12.2668 30.2083 12.5 30.4415 12.5 30.7292C12.5 31.0168 12.2668 31.25 11.9792 31.25C11.6915 31.25 11.4583 31.0168 11.4583 30.7292C11.4583 30.4415 11.6915 30.2083 11.9792 30.2083" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M29.6874 30.2083C29.9751 30.2083 30.2083 30.4415 30.2083 30.7292C30.2083 31.0168 29.9751 31.25 29.6874 31.25C29.3998 31.25 29.1666 31.0168 29.1666 30.7292C29.1666 30.4415 29.3998 30.2083 29.6874 30.2083" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.6292 36.4583C26.8899 39.0633 23.9645 40.6276 20.8323 40.6276C17.7 40.6276 14.7747 39.0633 13.0354 36.4583" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.4583 19.7917V10.4167C11.4583 5.23902 15.6556 1.04169 20.8333 1.04169C26.0109 1.04169 30.2083 5.23902 30.2083 10.4167V19.7917" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.5541 42.7084L38.6791 15.625C38.6002 14.4529 37.6268 13.5423 36.4521 13.5417H5.20832C4.03357 13.5423 3.06013 14.4529 2.98123 15.625L1.10623 42.7084C1.05901 43.4028 1.0354 44.0972 1.0354 44.7917C1.0354 47.0929 2.90088 48.9584 5.20207 48.9584H36.4521C38.7533 48.9584 40.6187 47.0929 40.6187 44.7917C40.6229 44.0972 40.6014 43.4028 40.5541 42.7084Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">overbrugging</p>
</div>
</a>
</div>
<!-- UITKOPEN -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="48" height="50" viewBox="0 0 48 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40.7274 43.025L32.5122 44.6625" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M33.409 35.4167L29.5324 37.0021C28.282 37.5053 26.856 36.9336 26.3038 35.7077C25.7516 34.4818 26.2707 33.0402 27.4792 32.4438L31.3536 30.5688C32.205 30.1446 33.1941 30.088 34.0885 30.4125L41.1621 33.1084" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.7273 44.7916H20.6546L25.5264 48.4812C26.0365 49.0514 26.9071 49.1194 27.5002 48.6354L34.8184 42.7875C35.4175 42.2968 35.5148 41.4197 35.0379 40.8104L31.0192 36.3979" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.1573 32.6562L26.6346 32.2271C26.107 31.8414 25.4698 31.6334 24.8155 31.6333C24.425 31.6325 24.0381 31.7068 23.6759 31.8521L17.7273 34.375" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4546 46.875H15.6364C16.7912 46.875 17.7273 45.9423 17.7273 44.7917V34.375C17.7273 33.2244 16.7912 32.2917 15.6364 32.2917H11.4546V46.875Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47 46.875H42.8182C41.6634 46.875 40.7273 45.9423 40.7273 44.7917V34.375C40.7273 33.2244 41.6634 32.2917 42.8182 32.2917H47V46.875Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M33.4091 1.04169H7.27273C3.8084 1.04169 1 3.83991 1 7.29169V47.9167C1 48.492 1.46807 48.9584 2.04545 48.9584H7.27273" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.27271 9.37498H21.9091" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.27271 15.625H21.9091" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.27271 21.875H14.5909" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.1819 27.0834V6.25002C28.1819 3.37354 30.5222 1.04169 33.4092 1.04169C36.2946 1.04169 38.6364 3.37294 38.6364 7.29169H28.1819" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">uitkopen</p>
</div>
</a>
</div>
<!-- RENOVATIE -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="57" height="51" viewBox="0 0 57 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M55.8125 23.8096H1.1875L14.25 2.38098L27.3125 23.8096" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.75 2.38098L36.8125 23.8096" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M33.25 2.38098L46.3125 23.8096" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.3125 30.9524V23.8095" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.1875 23.8095V30.9524" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.25 2.38097H43.9375" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.6033 9.52379H48.6874" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.9592 16.6667H53.4376" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.125 50H54.625C55.2808 50 55.8125 49.467 55.8125 48.8095V39.2857C55.8125 38.6282 55.2808 38.0952 54.625 38.0952H36.8125" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36.8125 23.8095V38.0952" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M46.3125 23.8095V38.0952" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="1.1875" y="45.2381" width="26.125" height="4.7619" rx="0.5" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="5.9375" y="40.4762" width="26.125" height="4.7619" rx="0.5" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="1.1875" y="35.7143" width="26.125" height="4.7619" rx="0.5" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">renovatie</p>
</div>
</a>
</div>
<!-- HERFINANCIERING -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="40" height="50" viewBox="0 0 40 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.00854" y="1.04166" width="38" height="47.9167" rx="2.5" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.00854 32.2917H39.0085" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.00854 17.7083H39.0085" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.0084 17.7083V48.9583" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.28613 26.0417H12.6195" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 26.0417H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 42.7083H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 38.5417H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.45277 22.9167V29.1667" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.28613 37.5L12.6195 43.75" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.6195 37.5L6.28613 43.75" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.5661 11.4583V7.29166" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">herfinanciering</p>
</div>
</a>
</div>
<!-- OPBRENGST EIGENDOM -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="40" height="50" viewBox="0 0 40 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.00854" y="1.04166" width="38" height="47.9167" rx="2.5" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.00854 32.2917H39.0085" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.00854 17.7083H39.0085" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.0084 17.7083V48.9583" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.28613 26.0417H12.6195" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 26.0417H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 42.7083H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3418 38.5417H32.6751" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.45277 22.9167V29.1667" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.28613 37.5L12.6195 43.75" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.6195 37.5L6.28613 43.75" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.5661 11.4583V7.29166" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">opbrengst-eigendom</p>
</div>
</a>
</div>
<!-- ERFENIS -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.9999 1V51" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M51 26H1" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0228 14.0682C24.2182 16.2659 26.0001 26 26.0001 26C26.0001 26 16.2637 24.2205 14.0682 22.0227C11.9094 19.8198 11.9272 16.2892 14.1082 14.1082C16.2892 11.9271 19.8198 11.9093 22.0228 14.0682V14.0682Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9773 14.0682C27.7818 16.2659 26 26 26 26C26 26 35.7364 24.2205 37.9318 22.0227C40.0907 19.8198 40.0729 16.2892 37.8918 14.1082C35.7108 11.9271 32.1802 11.9093 29.9773 14.0682Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 51C39.8071 51 51 39.8071 51 26C51 12.1929 39.8071 1 26 1C12.1929 1 1 12.1929 1 26C1 39.8071 12.1929 51 26 51Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.0001 26L16.9092 33.9545" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26 26L35.0909 33.9545" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">erfenis</p>
</div>
</a>
</div>
<!-- HERGROEPEREN -->
<div class="col-6 col-sm-4 col-lg-3">
<a href="">
<div class="kredieten__layout d-flex flex-column align-items-center">
<svg class="kredieten__svg" width="38" height="50" viewBox="0 0 38 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.04175" y="1.03958" width="35.4167" height="47.9167" rx="2" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.8103 2.79376L7.49989 15.7958C8.00617 16.9559 9.15085 17.7065 10.4166 17.7083H27.0832C28.3479 17.7072 29.4923 16.9584 29.9999 15.8L35.6874 2.79585" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M35.3187 47.6521L30.5374 42.1896C29.6659 41.1939 28.4065 40.6234 27.0832 40.625H10.4166C9.09266 40.6253 7.83312 41.1962 6.96032 42.1917L2.18115 47.6521" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.75 11.4562C20.4759 11.4562 21.875 10.0571 21.875 8.33124C21.875 6.60535 20.4759 5.20624 18.75 5.20624C17.0241 5.20624 15.625 6.60535 15.625 8.33124C15.625 10.0571 17.0241 11.4562 18.75 11.4562Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.75 34.3729C20.4759 34.3729 21.875 32.9738 21.875 31.2479C21.875 29.522 20.4759 28.1229 18.75 28.1229C17.0241 28.1229 15.625 29.522 15.625 31.2479C15.625 32.9738 17.0241 34.3729 18.75 34.3729Z" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.6249 8.33124V31.2479" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.8749 8.33124V31.2479" stroke="#222222" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="text-center">hergroeperen</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="seo">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-sm-10 col-lg-8">
<p>
Nam volutpat malesuada nisi ullamcorper pulvinar. Nam rhoncus ultrices risus, sed sagittis purus egestas ac. Ut massa sem, sagittis sit amet auctor non, efficitur ut orci. Donec efficitur tincidunt tellus sed maximus. Nam justo quam, ultricies quis augue sit amet, varius porttitor elit. In hac habitasse platea dictumst. Mauris nec mollis est, et tincidunt massa. Curabitur sodales sem quis dolor vulputate semper. Maecenas aliquet tempus elit, eget finibus massa elementum ac. Pellentesque elementum hendrerit interdum. In vitae dolor rhoncus, dignissim lorem vitae, tincidunt felis.
</p>
<p>
Ut ultricies sapien vel placerat fringilla. Maecenas lacinia dolor at semper finibus. Curabitur ultricies lorem consectetur aliquam tincidunt. Mauris dapibus ut ante a congue. Integer ut tincidunt leo. Cras massa mauris, cursus et dignissim luctus, condimentum sed mi. Phasellus ac massa sapien. Morbi lobortis elementum lacinia. Mauris a nisi quis mauris vehicula ultricies ullamcorper eu odio. Praesent quis erat eu massa pharetra blandit in eget nulla.
</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row footer__container">
<div class="col-12 col-sm-12 col-lg-3">
<img class="footer__logo" src="assets/images/logo-blue.svg" alt="logo">
</div>
<div class="col-12 col-sm-4 col-lg-3">
<ul class="">
<li>
<a href="">Simulaties</a>
</li>
<li>
<a href="">Woonkrediet</a>
</li>
<li>
<a href="">Tarieven Woonkrediet</a>
</li>
<li>
<a href="">Woonkrediet</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-4 col-lg-3">
<ul class="">
<li>
<a href="">Gezinsuitgaven</a>
</li>
<li>
<a href="">Huwelijk</a>
</li>
<li>
<a href="">Vakantie</a>
</li>
<li>
<a href="">Studie</a>
</li>
<li>
<a href="">Auto</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-4 col-lg-3">
<ul class="">
<li>
<a href="">Onze kantoren</a>
</li>
<li>
<a href="">Juridische informatie</a>
</li>
<li>
<a href="">Privacybeleid</a>
</li>
<li>
<a href="">Disclaimer</a>
</li>
<li>
<a href="">Lexicon</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="container">
<div class="row justify-content-between ">
<p class="col-auto footer__bottom__copyright">
©2020. Credishop. Alle rechten voorbehouden.
</p>
<p class="col-auto footer__bottom__webagency">
Made with love by Dickytall.
</p>
</div>
</div>
</div>
</footer>
<script src="assets/js/navigation.js"></script>
<script src="assets/js/ofi.min.js"></script>
<script src="assets/js/resize-images.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
</body>
</html>