PageSourceSearch

https://www.fietsknooppunt.app/nl-nl/fietsen/app

html fietsknooppunt.app collected 2026-10-01 00:39:11 UTC 39,529 bytes, 701 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="nl-nl">
6<head>
7    <meta charset="utf-8">
8    <title>Fietsknooppunt app | Fietsknooppunt.app</title>
9        <link rel="alternate" hreflang="nl-be" href="https://www.fietsknooppunt.be/nl-be/fietsen/app" />
10        <link rel="alternate" hreflang="fr" href="https://www.nodemapp.com/fr/velo/application" />
11        <link rel="alternate" hreflang="de" href="https://www.nodemapp.com/de/radfahren/app" />
12        <link rel="alternate" hreflang="en" href="https://www.nodemapp.com/en/biking/app" />
13        <link rel="alternate" hreflang="nl-nl" href="https://www.fietsknooppunt.app/nl-nl/fietsen/app" />
14    
15<!-- Viewport -->
16<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
17    <meta name="og:image" content="https://cdn.nodemapp.com/bg-images/og-image-nl-bike.jpg?v=1">
18<!-- Favicon and Touch Icons -->
19<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon-bike.png">
20<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32-bike.png">
21<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16-bike.png">
22<link rel="manifest" href="/assets/favicon/site-bike.webmanifest?v=1">
23<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab-bike.svg" color="#1c9da0">
24<meta name="msapplication-TileColor" content="#1c9da0">
25
26
27<link rel="canonical" href="https://www.fietsknooppunt.app/nl-nl/fietsen/app" />
28<meta name="theme-color" content="#ffffff">
29<meta name="msapplication-config" content="/assets/favicon/browserconfig-bike" />
30
31
32    <meta name="smartbanner:title" content="Fietsknooppunt">
33    <meta name="smartbanner:author" content="NodeMapp BV">
34    <meta name="smartbanner:price" content="GRATIS">
35    <meta name="smartbanner:price-suffix-apple" content=" - In de App Store">
36    <meta name="smartbanner:price-suffix-google" content=" - In Google Play">
37    <meta name="smartbanner:icon-apple" content="https://www.nodemapp.com/assets/img/custom/fkbadge.png">
38    <meta name="smartbanner:icon-google" content="https://www.nodemapp.com/assets/img/custom/fkbadge.png">
39    <meta name="smartbanner:button" content="Bekijk">
40    <meta name="smartbanner:button-url-apple" content="https://apps.apple.com/be/app/fietsknooppunt/id1114746152?l=nl">
41    <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=be.vlaanderen.fietsland&amp;hl=nl">
42    <meta name="smartbanner:enabled-platforms" content="android,ios">
43    <meta name="smartbanner:close-label" content="Sluiten">
44    <meta name="smartbanner:disable-positioning" content="false">
45    <link rel="stylesheet" href="/smartbanner/smartbanner-custom-auto.css?v=4" />
46    
46<script src="/smartbanner/smartbanner.js"></script>
46
47
48<!-- Vendor Styles -->
49<link rel="stylesheet" href="/assets/vendor/boxicons/css/boxicons.min.css?v=1" />
50<link rel="stylesheet" href="/assets/vendor/swiper/swiper-bundle.min.css?v=1" />
51<link rel="stylesheet" href="/assets/css/fonts-internal.min.css?v=3">
52
53<!-- Main Theme Styles + Bootstrap -->
54<link rel="stylesheet" href="/assets/css/theme-bike.min.css?v=1" defer>
55<!-- Custom CSS -->
56<link href='/assets/css/maplibre.css?v=2' rel='stylesheet' defer/>
57<link rel="stylesheet" href="/assets/css/custom.css?v=70" defer>
58<link rel="stylesheet" href="/assets/css/tips-for-map.css?v=110">
59
60<script src="https://kit.fontawesome.com/8c158444fb.js" crossorigin="anonymous" async></script>
60
61
62
63    <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 63-64
63
64    <script async src="https://www.googletagmanager.com/gtag/js?id=
64G-MGYD86PCVN
vendor: 17 bytes, lines 64-65
64"></script>
65    
65<script>
66        
vendor: 157 bytes, lines 66-69
66window.dataLayer = window.dataLayer || [];
67        function gtag() { dataLayer.push(arguments); }
68        gtag('js', new Date());
69        gtag('config', '
69G-MGYD86PCVN
vendor: 9 bytes, lines 69-70
69');
70    
70</script>
70
71
72
73
74
75
76    
76<script src="/assets/js/custom/ai.min.js?v=1"></script>
76
77</head>
78
79
80<!-- Body -->
81<body>
82
83    <!-- Page loading spinner -->
84    <div class="page-loading active">
85        <div class="page-loading-inner">
86            <div class="page-spinner"></div><span>Loading...</span>
87        </div>
88    </div>
89
90
91    <!-- Page wrapper for sticky footer -->
92    <!-- Wraps everything except footer to push footer to the bottom of the page if there is little content -->
93    <main class="page-wrapper">
94
95
96        
97
98    <header class="header navbar navbar-expand-lg navbar-sticky">
99
100        <div class="container px-3 mt-0 mt-lg-5">
101            <a href="/nl-nl" class="navbar-brand pe-1">
102                <img src="/assets/img/custom/svg/fietsknooppunt.svg" style="height:30px;" alt="Logo van Fietsknooppunt.app"/>
103            </a>
104            <div id="navbarNav" class="offcanvas offcanvas-end">
105                <div class="offcanvas-header border-bottom">
106                    <h5 class="offcanvas-title">Menu</h5>
107                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
108                </div>
109                <div class="offcanvas-body">
110                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
111                        <li class="nav-item dropdown">
112                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
113                                <img src="/assets/img/custom/svg/sl-biker.svg" style="height:20px;" class="me-1" alt="navigatie-icoon"/> Fietsen
114                            </a>
115                            <div class="dropdown-menu">
116                                <div class="d-lg-flex pt-lg-3">
117
118                                    <div class="mega-dropdown-column">
119                                        <h6 class="px-3 mb-2">Fietsen</h6>
120                                        <ul class="list-unstyled">
121                                            <li>
122                                                <a href="/nl-nl/fietsen/knooppunten/routeplanner" class="dropdown-item">Fietsrouteplanner</a>
123                                            </li>
124                                            <li>
125                                                <a href="/nl-nl/fietsen/ontdekken" class="dropdown-item">Ontdek fietsroutes</a>
126                                            </li>
127                                            <li>
128                                                <a href="/nl-nl/fietsen/pathfinder" class="dropdown-item">Pathfinders</a>
129                                            </li>
130                                            <li>
131                                                <a href="/nl-nl/fietsen/langeafstandsfietsroutes" class="dropdown-item">Langeafstandsfietsroutes</a>
132                                            </li>
133                                            <li>
134                                                <a href="/nl-nl/fietsen/importeren" class="dropdown-item">Importeer fietsroute</a>
135                                            </li>
136
137
138                                            <li>
139                                                <a href="/nl-nl/fietsen/app" class="dropdown-item">Fiets app</a>
140                                            </li>
141                                        </ul>
142                                    </div>
143
144
145
146
147                                </div>
148                            </div>
149                        </li>
150
151
152                            <li class="nav-item">
153                                <a href="/nl-nl/inloggen" class="nav-link">
154                                    <img src="/assets/img/custom/svg/sl-login-bike.svg" style="width:18px;" class="me-1" alt="navigatie-icoon"/> Log in
155                                </a>
156                            </li>
157
158
159                        <li class="nav-item dropdown">
160                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
161                                <img src="/assets/img/custom/svg/sl-more-bike.svg" style="width:18px;" class="me-1" alt="navigatie-icoon"/> Meer
162                            </a>
163                            <ul class="dropdown-menu">
164
165
166                                <li>
167                                    <a href="/nl-nl/op-de-route" class="dropdown-item">Logies, eten, drinken &amp; service</a>
168                                </li>
169                                <li>
170                                    <a href="/nl-nl/adverteren" class="dropdown-item">Adverteren</a>
171                                </li>
172                                <li>
173                                    <a href="/nl-nl/premium" class="dropdown-item">Wat is Premium?</a>
174                                </li>
175                                <li>
176                                    <a href="/nl-nl/fietsen/nieuws/wat-zijn-fietsknooppunten-1312" class="dropdown-item">Wat zijn fietsknooppunten?</a>
177                                </li>
178                                <li>
179                                    <a href="/nl-nl/fietsen/nieuws" class="dropdown-item">Fietsnieuws</a>
180                                </li>
181                                <li>
182                                    <a href="/nl-nl/over-ons" class="dropdown-item">Over ons</a>
183                                </li>
184                                <li>
185                                    <a href="/nl-nl/help" class="dropdown-item">Hulp nodig?</a>
186                                </li>
187                                <li>
188                                    <a href="/nl-nl/contact" class="dropdown-item">Contact</a>
189                                </li>
190
191                            </ul>
192                        </li>
193
194                            <li class="nav-item dropdown ms-lg-auto">
195                                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
196                                    <img src="/assets/img/custom/svg/sl-lang-bike.svg" style="width:18px;" class="me-1" alt="navigatie-icoon"/> NL-NL
197                                </a>
198                                <ul class="dropdown-menu">
199
200<li><a class="dropdown-item" href="https://www.fietsknooppunt.be/nl-be/fiet
200sen/app">NL-BE</a></li><li><a class="dropdown-item" href="https://www.nodemapp.com/fr/velo/application">FR</a></li><li><a class="dropdown-item" href="https://www.nodemapp.com/de/radfahren/app">DE</a></li><li><a class="dropdown-item" href="https://www.nodemapp.com/en/biking/app">EN</a></li>                                </ul>
201                            </li>
202
203
204                    </ul>
205                </div>
206                <div class="offcanvas-header border-top">
207                    <a href="/nl-nl/premium" class="btn btn-outline-primary w-100">
208                        <img src="/assets/img/custom/svg/sl-subscribe-bike.svg" style="width:24px;" class="me-1" alt="navigatie-icoon"/>
209                        Premium
210                    </a>
211                </div>
212            </div>
213
214            <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
215                <span class="navbar-toggler-icon"></span>
216            </button>
217            <a href="/nl-nl/premium" class="btn btn-outline-primary btn-sm fs-sm rounded d-none d-lg-inline-flex px-2">
218                <img src="/assets/img/custom/svg/sl-subscribe-bike.svg" style="width:24px;" class="me-1" alt="navigatie-icoon"/>
219                Premium
220            </a>
221        </div>
222
223        <div style="position:absolute;top: 0;left: 0;height: 50px;width: 100%;" class="bg-secondary d-none d-lg-block">
224            <div class="container px-3 text-end">
225                <a class="btn btn-outline-secondary btn-sm py-1 fs-1 px-2" style="margin-top:10px;" href="/nl-nl/adverteren">
226                    <i class="fa-solid fa-location-plus me-2"></i>
227                    <span style="font-size: 13px;">Jouw zaak op de knooppuntenkaart?</span>
228                </a>
229            </div>
230        </div>
231
232    </header>
233
234
235        <div class="container px-3 py-3 d-none d-lg-block">
236
237            <nav aria-label="breadcrumb">
238                <ol class="breadcrumb">
239                    <li class="breadcrumb-item"><a href="/nl-nl"><i class="fa-solid fa-house-window"></i></a></li>
240                    <li class="breadcrumb-item active" aria-current="page">Fietsknooppunt app</li>
241                </ol>
242            </nav>
243
244        </div>
245
246        <!-- Hero -->
247        <section class="overflow-hidden pt-1 position-relative">
248            <div class="bg-holder overlay-0 bg-po" style="background-image: url(https://cdn.nodemapp.com/bg-images/bg-bike-app.jpg);background-position: center right;">
249            </div>
250            <div class="container pt-3 pt-sm-0 pt-xl-0 position-relative">
251                <div class="row pt-5 pb-5">
252
253                    <!-- Articles slider -->
254                    <div class="col-12 col-lg-auto text-center order-1 order-lg-0">
255                        <img src="/assets/img/custom/app-bike-top.png" style="width:362px;" alt="App 1"/>
256                    </div>
257
258                    <div class="col-12 col-lg pb-3 pb-lg-0 order-0 order-lg-1 px-lg-5 d-flex justify-content-start flex-column align-items-center">
259
260                        <h1 class="pb-lg-3 text-secondary">Fietsknooppunt app</h1>
261                        <p class="text-secondary text-center" style="max-width:600px;text-shadow: 2px 2px black;">Je kan alle fietsknooppunten ook mee op zak nemen. Met onze <strong>Fietsknooppunt app</strong> is het mogelijk om mobiel fietsroutes te plannen of te importeren vanaf onze online fietsrouteplanner. Laat je door ons leiden langs de mooiste fietsroutes!</p>
262                        <img src="/assets/img/custom/svg/nodemapp-icon-bike.svg" style="width:80px;" />
263                        
264                        <p class="text-secondary mt-4 text-center" style="max-width:600px;text-shadow: 2px 2px black;">Je kan de app gratis downloaden in de <strong>App Store</strong> of <strong>Google Play</strong> door te zoeken naar <strong>Fietsknooppunt</strong>. Je herkent de app aan het icoon zoals hierboven weergegeven.</p>
265
266                        <p class="mt-3 text-center p-3 rounded" style="background-color: rgba(255, 255, 255, 0.5);">
267                            <a href="https://apps.apple.com/be/app/vlaanderen-fietsland/id1114746152?l=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 me-sm-4 mb-3 mb-sm-0">
268                                <img src="/assets/img/market/appstore-light.svg" width="124" alt="App Store">
269                            </a>
270                            <a href="https://play.google.com/store/apps/details?id=be.vlaanderen.fietsland&hl=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 mb-0">
271                                <img src="/assets/img/market/googleplay-light.svg" width="139" alt="Google Play">
272                            </a>
273                        </p>
274
275                    </div>
276
277                    
278
279
280                </div>
281            </div>
282        </section>
283
284
285        <section class="position-relative bg-secondary py-5">
286            
287            <div class="container mt-3 pt-md-2 pt-lg-4 pb-2 pb-md-4 pb-lg-5">
288                <h2 class="h1 text-center pb-2 pb-md-0 mb-4 mb-md-5">De #1 app voor fietsknooppunten</h2>
289
290
291                
292                <div class="row">
293                    
294                <div class="col-lg-8">
295                    <div class="position-relative ms-xxl-5">
296                        <div class="d-none d-dark-mode-block bg-dark position-absolute top-0 start-0 w-100 h-100 rounded-3"></div>
297                        <div class="card border-light shadow-sm zindex-2 mt-4 pt-5 p-4 p-xxl-5">
298                            <span class="btn btn-icon btn-bike btn-lg shadow-dark pe-none position-absolute top-0 translate-middle-y p-2">
299                                <img src="/assets/img/custom/svg/nodemapp-icon-white-bike.svg" />
300                            </span>
301
302
303                            <!-- Slider -->
304                            <div class="mx-0 mb-md-n2 mb-xxl-n3">
305                                <div class="swiper-wrapper">
306
307                                    <!-- Item -->
308                                    <div class="swiper-slide h-auto">
309                                        <figure class="card h-100 position-relative border-0 bg-transparent">
310                                            <blockquote class="card-body p-0 mb-0">
311                                                <h3 class="h3">Is de Fietsknooppunt app gratis?</h3>
312                                                <p class="fs-lg mb-0">Het basisgebruik van de app is gratis. Je kan vrijblijvend <a href="/nl-nl/premium">Premium</a> nemen aan € 14.99 per jaar waardoor je toegang krijgt tot een aantal <a href="/nl-nl/premium">leuke extra functies</a>. Kocht je al Premium Bike of Premium Plus op onze website? Dan heb je meteen ook toegang tot alle mogelijkheden in de app.</p>
313
314                                                <h3 class="h3 pt-4">Hoe werkt de app?</h3>
315                                                <p class="fs-lg mb-0">We hebben voor jou een <a href="https://support.nodemapp.com" target="_blank">uitgebreid overzicht</a> gemaakt over alles wat je moet weten om met de Fietsknooppunt app aan de slag te gaan. Lees dit zeker door zodat je de app ten volle kan benutten en jouw fietstocht tot een onvergetelijke ervaring kan maken!</p>
316
317
318
319
320                                                <h3 class="h3 pt-4">Welke mogelijkheden heeft de fiets app?</h3>
321                                                <p class="fs-lg mb-0">Zowat alles wat je kan op onze website kan je ook in de app, maar dan volledig geoptimaliseerd voor gebruik op een smartphone. In enkele seconden vind je een fietsroute volledig op jouw maat. Zelf gepland of een route uit ons aanbod van fietsroutes aangeboden door offici&#xEB;le toeristische organisaties.</p>
322
323                                                <h3 class="h3 pt-4">Waar kan ik de app downloaden?</h3>
324                                                <p class="fs-lg mb-3">Ga op je smartphone naar de <a href="https://apps.apple.com/be/app/vlaanderen-fietsland/id1114746152?l=nl" target="_blank">App Store</a> (iOS) of <a href="https://play.google.com/store/apps/details?id=be.vlaanderen.fietsland&hl=nl" target="_blank">Google Play</a> (Android) en zoek de app <strong>Fietsknooppunt</strong>. Je herkent onze app aan dit icoon:</p>
325                                                <img src="/assets/img/custom/svg/nodemapp-icon-bike.svg" style="width:50px;" class="mb-5"/>
326
327                                                <div class="d-flex flex-column flex-sm-row justify-content-center justify-content-lg-end align-items-center">
328                                                    <a href="https://apps.apple.com/be/app/vlaanderen-fietsland/id1114746152?l=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 me-sm-4 mb-3 mb-sm-0">
329                                                        <img src="/assets/img/market/appstore-light.svg" class="light-mode-img" width="124" alt="App Store">
330                                                    </a>
331                                                    <a href="https://play.google.com/store/apps/details?id=be.vlaanderen.fietsland&hl=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 mb-0">
332                                                        <img src="/assets/img/market/googleplay-light.svg" class="light-mode-img" width="139" alt="Google Play">
333                                                    </a>
334                                                </div>
335                                            </blockquote>
336                                        </figure>
337                                    </div>
338
339                                </div>
340                            </div>
341                        </div>
342                    </div>
343                </div>
344                <div class="col-lg-4 mt-4 mt-lg-0">
345
346                    <div class="d-flex justify-content-center pb-3 mb-3">
347                        <button type="button" id="case-study-prev" class="btn btn-prev btn-icon btn-sm bg-white me-2">
348                            <i class="bx bx-chevron-left"></i>
349                        </button>
350                        <button type="button" id="case-study-next" class="btn btn-next btn-icon btn-sm bg-white ms-2">
351                            <i class="bx bx-chevron-right"></i>
352                        </button>
353                    </div>
354
355                    <div class="swiper" data-swiper-options='{
356                      "spaceBetween": 25,
357                      "loop": true,
358                      "tabs": false,
359                      "pagination": {
360                        "el": "#case-study-pagination",
361                        "clickable": true
362                      },
363                      "navigation": {
364                        "prevEl": "#case-study-prev",
365                        "nextEl": "#case-study-next"
366                      }
367                    }'>
368
369                        <div class="swiper-wrapper">
370
371                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-1">
372                                <p style="max-width:250px;" class="fw-bold">Bepaal zelf hoe ver en langs waar je wil fietsen.</p>
373                                <img src="/assets/img/custom/app-bike-2.png" style="max-width:400px;" class="w-100" alt="App 2" loading="lazy"/>
374                                
375                            </div>
376
377                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-2">
378                                <p style="max-width:250px;" class="fw-bold">Jij geniet, wij leiden je langs de juiste route.</p>
379                                <img src="/assets/img/custom/app-bike-1.png" style="max-width:400px;" class="w-100" alt="App 3" loading="lazy"/>
380                                
381                            </div>
382
383                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-3">
384                                <p style="max-width:250px;" class="fw-bold">Bij ons vind je enkel kwalitatieve top-fietsroutes.</p>
385                                <img src="/assets/img/custom/app-bike-3.png" style="max-width:400px;" class="w-100" alt="App 4" loading="lazy"/>
386                            </div>
387
388                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-4">
389                                <p style="max-width:250px;" class="fw-bold">Bewaar je zelf gecre&#xEB;erde fietsroutes.</p>
390                                <img src="/assets/img/custom/app-bike-4.png" style="max-width:400px;" class="w-100" alt="App 5" loading="lazy"/>
391                            </div>
392
393                            
394                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-5">
395                                <p style="max-width:250px;" class="fw-bold">Met de Surprise Me functie vind je altijd de perfecte route.</p>
396                                <img src="/assets/img/custom/app-bike-5.png" style="max-width:400px;" class="w-100" alt="App 6" loading="lazy"/>
397                            </div>
398
399                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-6">
400                                <p style="max-width:250px;" class="fw-bold">
400Registreer welke delen van het fietsnetwerk je al bezocht.</p>
401                                <img src="/assets/img/custom/app-bike-6.png" style="max-width:400px;" class="w-100" alt="App 7" loading="lazy"/>
402                            </div>
403
404                            <div class="swiper-slide text-center d-flex justify-content-center flex-column align-items-center" data-swiper-tab="#image-7">
405                                <p style="max-width:250px;" class="fw-bold">En nog veel meer... Download onze Fietsknooppunt app in de App Store of Google Play en start je fietsavontuur!</p>
406                                <div class="d-flex flex-column flex-sm-row justify-content-center align-items-center">
407                                    <a href="https://apps.apple.com/be/app/vlaanderen-fietsland/id1114746152?l=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 me-sm-4 mb-3 mb-sm-0">
408                                        <img src="/assets/img/market/appstore-light.svg" class="light-mode-img" width="124" alt="App Store">
409                                    </a>
410                                    <a href="https://play.google.com/store/apps/details?id=be.vlaanderen.fietsland&hl=nl" target="_blank" class="btn btn-dark btn-lg px-3 py-2 mb-0">
411                                        <img src="/assets/img/market/googleplay-light.svg" class="light-mode-img" width="139" alt="Google Play">
412                                    </a>
413                                </div>
414                            </div>
415                           
416
417                            
418                        </div>
419
420                       
421                    </div>
422
423
424                    <div class="pt-3">
425                        <div id="case-study-pagination" class="swiper-pagination position-relative bottom-0"></div>
426                    </div>
427
428
429                </div>
430
431
432
433            </div>
434            
435            
436                </div>
437
438        </section>
439
440
441
442
443    </main>
444
445
446    
447<!-- Footer -->
448<footer class="footer dark-mode bg-dark pt-5 pb-4 pb-lg-5 w-100">
449    <div class="container text-center pt-lg-3">
450
451
452        <div class="navbar-brand justify-content-center text-dark mb-2 mb-lg-4">
453            <img src="/assets/img/custom/svg/nodemapp-logo-darkmode.svg" class="me-2" width="180" alt="Logo van NodeMapp">
454        </div>
455        <ul class="nav justify-content-center pt-3 pb-5 ">
456            <li class="nav-item"><a href="/nl-nl/over-ons" class="nav-link">Over ons</a></li>
457            <li class="nav-item"><a href="/nl-nl/contact" class="nav-link">Contact</a></li>
458            <li class="nav-item"><a href="/nl-nl/gebruiksvoorwaarden" class="nav-link">Gebruiksvoorwaarden</a></li>
459            <li class="nav-item"><a href="/nl-nl/privacybeleid" class="nav-link">Privacybeleid</a></li>
460            <li class="nav-item"><a href="/nl-nl/cookies" class="nav-link">Cookies</a></li>
461        </ul>
462        <div class="d-flex justify-content-center ">
463
464                <a href="https://www.facebook.com/fietsknooppunt" class="btn btn-icon btn-secondary btn-facebook mx-2" target="_blank">
465                    <i class="fa-brands fa-facebook-f"></i>
466                </a>
467                <a href="https://www.instagram.com/fietsknooppunt" class="btn btn-icon btn-secondary btn-instagram mx-2" target="_blank">
468                    <i class="fa-brands fa-instagram"></i>
469                </a>
470                <a href="https://x.com/fietsknpt" class="btn btn-icon btn-secondary btn-twitter mx-2" target="_blank">
471                    <i class="fa-brands fa-x-twitter"></i>
472                </a>
473
474            
475        </div>
476        <p class="nav d-block fs-sm text-center pt-5 mt-lg-4 mb-0">
477            <span class="opacity-80">&copy; 2026 NodeMapp BV</span>
478        </p>
479    </div>
480</footer>
481
482
483
484    
485
486<div class="modal fade" id="noSessionModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog">
487    <div class="modal-dialog modal-md modal-dialog-centered" role="document">
488        <div class="modal-content">
489            <div class="modal-header">
490                <h5 class="modal-title">Niet ingelogd</h5>
491            </div>
492            <div class="modal-body mdlNoSessionText">
493                <p></p>
494            </div>
495            <div class="modal-footer">
496                <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal">OK</button>
497            </div>
498        </div>
499    </div>
500</div>
501<div class="modal fade" id="rtpProhike" tabindex="-1" role="dialog">
502    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
503        <div class="modal-content">
504            <div class="modal-header">
505                <h5 class="modal-title">Routeplanner Pro</h5>
506                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
507            </div>
508            <div class="modal-body">
509                <p>De <strong>Routeplanner Pro</strong> is op onze nieuwe website wat veranderd. De mogelijkheid om routes te plannen die afwijken van het wandelnetwerk zit nu geïntegreerd in onze knooppuntenplanner (lees verder onder afbeelding):</p>
510                <p class="text-center"><img src="/assets/img/custom/hike-pro.jpg" alt="Icoon oude Routelanner Pro" loading="lazy" /></p>
511                <p>Als je naar onze routeplanner surft, kan je rechtsboven op het <strong>magneet-symbool</strong> duwen. Als je daarna voor <strong>Offgrid (auto)</strong> (automatische routeplanning) of <strong>Offgrid (manueel)</strong> (manueel plaatsen verbinden) kiest, kan je plaatsen op de kaart selecteren en een route plannen die (deels of volledig) afwijkt van het wandelnetwerk.</p>
512                <p>Je kan tussen de Knooppunt-en Offgrid-modus switchen om een route te maken die deels langs knooppunten loopt en deels afwijkt van het knooppuntennetwerk.</p>
513            </div>
514            <div class="modal-footer">
515                <a class="btn btn-primary btn-sm" href="/nl-nl/wandelen/knooppunten/routeplanner">Naar routeplanner</a>
516            </div>
517        </div>
518    </div>
519</div>
520<div class="modal fade" id="rtpProbike" tabindex="-1" role="dialog">
521    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
522        <div class="modal-content">
523            <div class="modal-header">
524                <h5 class="modal-title">Routeplanner Pro</h5>
525                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
526            </div>
527            <div class="modal-body">
528                <p>De <strong>Routeplanner Pro</strong> is op onze nieuwe website wat veranderd. De mogelijkheid om routes te plannen die afwijken van het fietsnet
528werk zit nu geïntegreerd in onze knooppuntenplanner (lees verder onder afbeelding):</p>
529                <p class="text-center"><img src="/assets/img/custom/bike-pro.jpg" alt="Icoon oude Routelanner Pro" loading="lazy"/></p>
530                <p>Als je naar onze routeplanner surft, kan je rechtsboven op het <strong>magneet-symbool</strong> duwen. Als je daarna voor <strong>Offgrid (auto)</strong> (automatische routeplanning) of <strong>Offgrid (manueel)</strong> (manueel plaatsen verbinden) kiest, kan je plaatsen op de kaart selecteren en een route plannen die (deels of volledig) afwijkt van het fietsnetwerk.</p>
531                <p>Je kan tussen de Knooppunt-en Offgrid-modus switchen om een route te maken die deels langs knooppunten loopt en deels afwijkt van het knooppuntennetwerk.</p>
532            </div>
533            <div class="modal-footer">
534                <a class="btn btn-primary btn-sm" href="/nl-nl/fietsen/knooppunten/routeplanner">Naar routeplanner</a>
535            </div>
536        </div>
537    </div>
538</div>
539<div class="modal fade" id="checkModal" tabindex="-1" role="dialog">
540    <div class="modal-dialog modal-md modal-dialog-centered" role="document">
541        <div class="modal-content">
542            <div class="modal-body">
543                <div class="col-12 text-center mb-4">
544                    <img src="/assets/img/custom/svg/ic-sl-check-bike.svg" style="width:70px;" alt="Icoon bevestiging actie" loading="lazy"/>
545                </div>
546
547                <p></p>
548            </div>
549            <div class="modal-footer">
550                <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal">OK</button>
551            </div>
552        </div>
553    </div>
554</div>
555<div class="modal fade" id="errorModal" tabindex="-1" role="dialog">
556    <div class="modal-dialog modal-md modal-dialog-centered" role="document">
557        <div class="modal-content">
558            <div class="modal-header">
559                <h5 class="modal-title">Melding</h5>
560                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
561            </div>
562            <div class="modal-body mdlErrorText">
563                <p></p>
564            </div>
565            <div class="modal-footer">
566                <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal">OK</button>
567            </div>
568        </div>
569    </div>
570</div>
571<div class="modal fade" id="noSubModal" tabindex="-1" role="dialog">
572    <div class="modal-dialog modal-dialog-centered" role="document">
573        <div class="modal-content">
574            <div class="modal-header">
575                <h5 class="modal-title">Premium</h5>
576                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
577            </div>
578            <div class="modal-body mdlErrorText">
579                <p></p>
580            </div>
581            <div class="modal-footer">
582                <a href="/nl-nl/premium" class="btn btn-outline-dark btn-sm d-none" id="upgradePlusButton">
583                    <img src="/assets/img/custom/svg/sl-subscribe-plus.svg" style="height:24px;" class="me-1" alt="Icoon Premium Plus" loading="lazy"/>
584                    Upgrade naar Premium Plus
585                </a>
586                <a href="/nl-nl/premium" class="btn btn-outline-primary btn-sm d-none" id="upgradeButton">
587                    <img src="/assets/img/custom/svg/sl-subscribe-bike.svg" style="width:24px;" class="me-1" alt="Icoon Premium" loading="lazy"/>
588                    Upgrade naar Premium
589                </a>
590                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">OK</button>
591            </div>
592        </div>
593    </div>
594</div>
595<div class="modal fade" tabindex="-1" id="confirmLogoutModal" role="dialog">
596    <div class="modal-dialog modal-dialog-centered" role="document">
597        <div class="modal-content">
598            <div class="modal-header">
599                <h5 class="modal-title">Uitloggen</h5>
600                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
601            </div>
602            <div class="modal-body">
603                <p>Weet je zeker dat je wilt uitloggen?</p>
604            </div>
605            <div class="modal-footer">
606                <button type="button" class="btn btn-secondary btn-sm button50" data-bs-dismiss="modal">Nee</button>
607                <button type="button" class="btn btn-primary btn-sm buttonWithLoader" id="logoutButton" onclick="logout()">
608                    <span class="fas fa-circle-notch fa-spin fa-lg buttonLoader d-none"></span>
609                    <span class="buttonText">Ja</span>
610                </button>
611            </div>
612        </div>
613    </div>
614</div>
615<div class="modal fade" tabindex="-1" id="loadedConfirmModal" role="dialog">
616    <div class="modal-dialog modal-dialog-centered" role="document">
617        <div class="modal-content">
618            <div class="modal-header">
619                <h5 class="modal-title">Bevestiging</h5>
620                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
621            </div>
622            <div class="modal-body">
623                <p></p>
624            </div>
625            <div class="modal-footer">
626                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Nee</button>
627                <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal" id="loadedConfirmYesButton">Ja</button>
628            </div>
629        </div>
630    </div>
631</div>
632<div class="modal" tabindex="-1" id="loginCodeModal" data-bs-backdrop="static" data-bs-keyboard="false" role="dialog">
633    <div class="modal-dialog modal-dialog-centered" role="document">
634        <div class="modal-content">
635            <div class="modal-header">
636                <h5 class="modal-title">Logincode</h5>
637                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" onclick="cancelTimer();"></button>
638            </div>
639            <div class="modal-body">
640                <p>Met deze QR-code of tekstcode kan je inloggen in onze app. Open het loginscherm van onze app en duw op de knop met QR-code. Je kan in hetzelfde scherm ook de tekstcode (<strong>hoofdlettergevoelig!</strong>) invoeren indien dat je voorkeur geniet.</p>
641
642                <p class="mt-2 mb-1 small text-center">Resterende tijd om in te loggen met deze code:</p>
643                <p id="timerlogincode" class="text-center mt-0 p-2 fs-3 fw-bold" style="background: #f5f5f5;">01:00</p>
644                <p id="qrlogin" class="text-center mt-2"></p>
645                <p id="logincode" class="text-center mt-2 p-2 fs-3 fw-bold" style="background: #f5f5f5;"></p>
646            </div>
647        </div>
648    </div>
649</div>
650
651
652    
653
654<script>
655    (function () {
656        window.onload = function () {
657            const preloader = document.querySelector('.page-loading');
658            preloader.classList.remove('active');
659            setTimeout(function () {
660                preloader.remove();
661            }, 500);
662        };
663    })();
664</script>
664
665
666<script src='/assets/js/custom/maplibre.js?v=2'></script>
666
667
668<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js?v=1"></script>
vendor: 2 bytes, line 668
668
669<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 2 bytes, line 669
669
670<script src="/assets/js/custom/jquery.autocomplete.min.js"></script>
670
671
672
673<!-- Vendor Scripts -->
674<script src="/assets/js/custom/lottie.min.js?v=1" async></script>
vendor: 2 bytes, line 674
674
675<script src="/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js?v=1"></script>
vendor: 2 bytes, line 675
675
676<script src="/assets/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js?v=1"></script>
vendor: 2 bytes, line 676
676
677<script src="/assets/vendor/rellax/rellax.min.js?v=1"></script>
vendor: 2 bytes, line 677
677
678<script src="/assets/vendor/swiper/swiper-bundle.min.js?v=1"></script>
678
679
680<!-- Main Theme Script -->
681<script src="/assets/js/theme.min.js?v=1"></script>
vendor: 2 bytes, line 681
681
682<script src="/assets/js/custom/general.min.js?v=2"></script>
vendor: 2 bytes, line 682
682
683<script src="https://cdn.jsdelivr.net/npm/idb@8/build/umd.js"></script>
683
684
685    
685<script src="/assets/js/custom/cookie.consent.min.js?v=1" defer></script>
685
686
687
688
689    
689<script type="text/javascript">
690        var language = 'nl';
691        var culture = 'nl-nl';
692        var routeType = 'bike';
693    </script>
693
694
695
696
697</body>
698</html>
699
700
701

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.