1<!DOCTYPE html> 2<html lang="nl"> 3 <head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 335 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9 })(window,document,'script','dataLayer','
9GTM-MR5HKXC
vendor: 3 bytes, line 9
9');
9</script>
9 10 <!-- End Google Tag Manager --> 11 12 13 <link rel="shortcut icon" href="https://www.vdwlease.be/resources/vdwlease/img/favicon.ico" type="image/x-icon"> 14 <meta charset="utf-8"> 15 <title>Keuze uit elk fietsmerk - VDW Lease</title> 16 <!-- Mobile Metas --> 17 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 18 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 19 <meta name="description" content="Voorkeur voor een bepaald fietsmerk? Bij VDW Lease heb je als werknemer de keuze uit élk -type en fietsmerk op de markt! Ontdek de talloze mogelijkheden."> 20 <link rel="canonical" href="https://www.vdwlease.be/nl/merken"> 21 22 <!-- CSS --> 23 <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/bootstrap.min.css?ver=1000" > <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/style.css?ver=1000" > <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/responsive.css?ver=1000" > <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/font-awesome/css/font-awesome.css?ver=1000" > <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/bootstrap-select.min.css?ver=1000" > <link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/custom/vdw_update_modal.css?ver=1000" > 24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" integrity="sha512-Cv93isQdFwaKBV+Z4X8kaVBYWHST58Xb/jVOcV9aRsGSArZsgAnFIhMpDoMDcFNoUtday1hdjn0nGp3+KZyyFw==" crossorigin="anonymous" /> 25 <!-- Animate Css file --> 26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css"> 27<!-- <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
vendor: 118 bytes, lines 27-29
27 28 29 <script src="https://www.google.com/recaptcha/api.js?onload=onLoadCallback&render=explicit" async defer></script>
29--> 30 31 <link rel="preconnect" href="https://fonts.gstatic.com"> 32<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 33 34 <!-- Javascript --> 35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/jquery.min.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/Popper.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/bootstrap.min.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/bootstrap-select.min.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/jquery.easing.min.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/appear.min.js?ver=1000"></script>
35
35<script src="https://www.vdwlease.be/resources/vdwlease/js/main.js?ver=1000"></script>
35 <!--
35<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
35 --> 36
36<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
36 37
37<script src="https://www.vdwlease.be/resources/vdwlease/js/slick.min.js?ver=1000"></script>
37 38
38<script type="text/javascript"> 39 var BASE_URL = "https://www.vdwlease.be/"; 40 var LANG = "nl"; 41 </script>
41 42 43 <!-- Start of vdwlease Zendesk Widget script --> 44
44<script id="ze-snippet" 45 src="https://static.zdassets.com/ekr/snippet.js?key=2c1e0288-bdb9-439a-89ae-56dfe1792d93"> </script>
45 46 <!-- End of vdwlease Zendesk Widget script --> 47 48 </head> 49 <body> 50 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 50-51
50 51 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
51GTM-MR5HKXC
vendor: 87 bytes, lines 51-53
51" 52 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 53
53<!-- End Google Tag Manager (noscript) --> 54 55 <!-- Navigation Start --> 56 <nav class="navbar navbar-expand-lg navbar-light sticky-top" id="nav-main"> 57 <div class="container-fluid"> 58 <a href="https://www.vdwlease.be/nl/home" class="navbar-brand small-logo"></a> 59 <button class="navbar-toggler" data-target="#navigation" data-control="navigation" data-toggle="collapse"> 60 <span class="navbar-toggler-icon"></span> 61 </button> 62 <div class="collapse navbar-collapse " id="navigation"> 63 <div class="nav-top d-flex justify-content-center align-items-center"> 64 <a href="https://www.vdwlease.be/nl/home" class="navbar-brand big-logo"></a> 65 </div> 66 <div class="nav-bottom"> 67 <ul class="nav navbar-nav justify-content-end align-items-center"> 68 69 <li class="nav-item mx-3"><a href="https://www.vdwlease.be/nl/home" >Home</a></li> 70 <li class="nav-item mx-3"><a href="https://www.vdwlease.be/nl/voor-wie">Voor wie?</a></li> 71 <li class="nav-item mx-3"><a href="https://www.vdwlease.be/nl/dealer-locator">Dealers</a></li> 72 <li class="nav-item mx-3"><a href="https://www.vdwlease.be/nl/merken">Merken</a></li> 73 <li class="nav-item mx-3"><a href="https://faq.vdwlease.be/hc/nl">FAQ</a></li> 74 <li class="nav-item mx-3"><a href="https://www.vdwlease.be/nl/over-ons">Over ons</a></li> 75 <li class="nav-item mx-3 mobile_nav_item"><a href="https://www.vdwlease.be/nl/blog">Blogs</a></li> 76 77 <li class="nav-item mx-3"><a href="https://vdwlease.zendesk.com/hc/nl/requests/new?ticket_form_id=9449248372124" target="_blank">Contacteer ons</a></li> 78 <li class="nav-item mx-3 mobile_nav_item"><a href="https://www.vdwlease.be/nl/jobs">Jobs</a></li> 79 80 <li class="nav-item mobile_nav_item mobile_nav_item_1 mx-3"><a href="https://www.vdwlease.be/nl/calculator">Calculator</a></li> 81 <li class="nav-item mobile_nav_item mobile_nav_item_2 mx-3 border-class"> 82 <a href="https://forms.office.com/r/zTGdTip0se" target="_blank"> 83 Registreren als dealer 84 </a> 85 </li> 86 <li class="nav-item mobile_nav_item mobile_nav_item_1 mx-3"><a href="https://www.vdwlease.be/nl/driver-support">Driver Support</a></li>
87 <!-- uncomment this for adding language dropdown on nav-bar --> 88 89 <li class="nav-item mobile_nav_item mobile_nav_item_3 lang-dropdown"> 90 <a href="javascript:void(0)" class="nav-link"> 91 <select class="selectpicker test" name="lang-picker" data-width="fit"> 92 <option data-content='NL'>NL</option> 93 <option data-content='FR'>FR</option> 94 <option data-content='EN'>EN</option> 95 </select> 96 </a> 97 </li> 98 </ul> 99 </div> 100 101 <div class="desktop_side_nav_item"> 102 <ul class="d_s_n_item_ul"> 103 <li class="nav-item desktop_nav_item desktop_nav_item_1"><a href="https://www.vdwlease.be/nl/driver-support">Driver Support</a></li> 104 <li class="nav-item desktop_nav_item desktop_nav_item_1"><a href="https://www.vdwlease.be/nl/calculator"> <img src="https://www.vdwlease.be/resources/vdwlease/img/calculator.svg" alt="Calculator" /> Calculator</a></li> 105 <li class="nav-item desktop_nav_item desktop_nav_item_2 border-class"> 106 <a href="https://vdwlease.zendesk.com/hc/nl/requests/new?ticket_form_id=9449464053788" target="_blank"> 107 <img src="https://www.vdwlease.be/resources/vdwlease/img/dealer-login.svg" alt="Registreren als dealer" /> Registreren als dealer </a> 108 </li> 109 </ul> 110 </div> 111 </div> 112 113 <div class="top-nav-item-container desktop_side_nav_item"> 114 <ul class="d_s_n_item_ul top-nav-item-list"> 115 <li class="nav-item desktop_nav_item desktop_nav_item_1"><a href="https://www.vdwlease.be/nl/blog">Blogs</a></li> 116 <li class="nav-item desktop_nav_item desktop_nav_item_1"><a href="https://www.vdwlease.be/nl/jobs">Jobs</a></li>
117 <!-- uncomment this for adding language dropdown on nav-bar --> 118 119 <li class="nav-item desktop_nav_item desktop_nav_item_3 lang-dropdown"> 120 <a href="javascript:void(0)" class="nav-link"> 121 <select class="selectpicker test" name="lang-picker" data-width="fit"> 122 <option data-content='NL'>NL</option> 123 <option data-content='FR'>FR</option> 124 <option data-content='EN'>EN</option> 125 </select> 126 </a> 127 </li> 128 </ul> 129 </div> 130 </div> 131 </nav> 132 <!--Navigation End --> 133 134 <!-- VDW Lease Important Update Modal --> 135<div class="modal fade" id="vdw-important-update-modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-labelledby="vdwUpdateModalLabel" aria-hidden="true"> 136 <div class="modal-dialog modal-dialog-centered vdw-update-modal-dialog"> 137 <div class="modal-content vdw-update-modal-content"> 138 <div class="modal-body vdw-update-modal-body"> 139 <h2 class="vdw-update-heading">Belangrijke update</h2> 140 <p class="vdw-update-text">Vanaf 1 februari 2026 wordt de fietsleaseportefeuille van VDW Lease overgedragen aan Cyclis Bike Lease.</p> 141 <p class="vdw-update-text">Bestaande fietsleasecontracten blijven ongewijzigd. Betrokken klanten worden persoonlijk geïnformeerd.</p> 142 <p class="vdw-update-text">Voor auto- en mobiliteitsoplossingen blijft u welkom bij Belcar.</p> 143 <p class="vdw-update-text"> 144 <a href="https://www.cyclis.be/" target="_blank" rel="noopener noreferrer" class="vdw-update-link">https://www.cyclis.be/</a><br> 145 <a href="https://www.belcar.be/" target="_blank" rel="noopener noreferrer" class="vdw-update-link">https://www.belcar.be/</a> 146 </p> 147 <p class="vdw-update-text"> 148 <div>Klik hier voor Driver Support: </div> 149 <a class="vdw-update-link" href="https://www.vdwlease.be/nl/driver-support" target="_blank" rel="noopener noreferrer">https://www.vdwlease.be/nl/driver-support</a> 150 </p> 151 </div> 152 </div> 153 </div> 154</div> 155
156<script> 157 $(document).ready(function() { 158 // Auto-show the important update modal 159 $('#vdw-important-update-modal').modal('show'); 160 }); 161</script>
161 162
163<script> 164 $(document).ready(function() { 165 // Auto-show the important update modal 166 $('#vdw-important-update-modal').modal('show'); 167 168 var curr_url = window.location.pathname.split('/'); 169 $('.selectpicker').selectpicker('val', curr_url[1].toUpperCase()); 170 }); 171 172 $('select').on('change', function(e){ 173 var lang = $(this).find("option:selected").val().toLowerCase(); 174 window.location.href = BASE_URL+'user/set_language/'+lang; 175 }); 176</script>
176<link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/custom/merken.css?ver=1000" ><div id="demo" class="carousel slide" data-ride="carousel"> 177 178<link rel="stylesheet" media="all" href="https://www.vdwlease.be/resources/vdwlease/css/custom/top_slider.css?ver=1000" ><!-- Indicators --> 179<ul class="carousel-indicators" style="position:absolute;"> 180 </ul> 181 182<!-- The slideshow --> 183<div class="carousel-inner"> 184 <div class="carousel-caption dealer-locator" > 185 <h1 class="ch1">Bij VDW Lease heb je de mogelijkheid om élk fietsmerk te leasen</h1> 186 </div> 187 <div class="carousel-item active" > 188 <img src="https://www.vdwlease.be/resources/vdwlease/img/top-banner/merken.webp" alt="" > 189 </div> 190 </div> 191 192<!-- Left and right controls --> 193<!-- <a class="carousel-control-prev" href="#demo" data-slide="prev"> 194<span class="carousel-control-prev-icon"></span> 195</a> 196<a class="carousel-control-next" href="#demo" data-slide="next"> 197<span class="carousel-control-next-icon"></span> 198</a> 199style="position: relative;bottom: 149px;width: 100%;height: 830px !important;left: 0px;" 200--> 201<div id="overlay"></div></div> 202 203<div class="brands mb-5" id="brands"> 204<div class="container"> 205<div class="merken_section_heading merken_section_heading_1"> 206 <h2>Een overzicht van enkele VDW Lease merken</h2> 207 208 </div> 209 210 <div class="brands_section2_div"> 211 212 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 213 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/RieseenMuller.png"/> 214 </div> 215 216 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 217 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/cortina.png"/> 218 </div> 219 220 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 221 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/frappe.png"/> 222 </div> 223 224 225 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 226 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/felt.png"/> 227 </div> 228 229 230 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 231 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/trek.png"/> 232 </div> 233 234 235 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 236 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/thompson.png"/> 237 </div> 238 239 240 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 241 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/ebm.png"/> 242 </div> 243 244 245 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 246 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/vsf.png"/> 247 </div> 248 249 250 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 251 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/giant.png"/> 252 </div> 253 254 255 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 256 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/brompton.png"/> 257 </div> 258 259 260 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 261 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/koga.png"/> 262 </div> 263 264 265 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 266 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/hercules.png"/> 267 </div> 268 269 270 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 271 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/specialized.png"/> 272 </div> 273 274 275 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 276 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/stromer.png"/> 277 </div> 278 279 280 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 281 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/cannondale.png"/> 282 </div> 283 284 285 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 286 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/bmc.png"/>
287 </div> 288 289 290 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 291 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/achielle.png"/> 292 </div> 293 294 295 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 296 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/cube.png"/> 297 </div> 298 299 300 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 301 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/granville.png"/> 302 </div> 303 304 305 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 306 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/scott.png"/> 307 </div> 308 309 310 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 311 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/kalkhoff.png"/> 312 </div> 313 314 315 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 316 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/oxford.png"/> 317 </div> 318 319 320 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 321 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/gazelle.png"/> 322 </div> 323 324 325 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 326 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/sparta.png"/> 327 </div> 328 329 330 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 331 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/orbea.png"/> 332 </div> 333 334 335 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 336 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/norta.png"/> 337 </div> 338 339 340 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 341 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/klever.png"/> 342 </div> 343 344 345 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 346 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/urban-arrow.png"/> 347 </div> 348 349 350 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 351 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/pegasus.png"/> 352 </div> 353 354 355 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 356 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/minerva.png"/> 357 </div> 358 359 360 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 361 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/bianchi.png"/> 362 </div> 363 364 365 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 366 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/cervelo.png"/> 367 </div> 368 369 370 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 371 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/kona.png"/> 372 </div> 373 374 375 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 376 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/merida.png"/> 377 </div> 378 379 380 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 381 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/ridley.png"/> 382 </div> 383 384 385 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 386 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/pinarello.png"/> 387 </div> 388 389 390 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 391 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/wilier.png"/> 392 </div> 393 394 395 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 396 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/merckx.png"/> 397 </div> 398 399 400 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 401 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/corratec.png"/> 402 </div> 403 404 405 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 406 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/colnago.png"/>
407 </div> 408 409 410 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 411 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/gitane.png"/> 412 </div> 413 414 415 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 416 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/ktm.png"/> 417 </div> 418 419 420 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 421 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/raleigh.png"/> 422 </div> 423 424 425 <div class="col-md-6 col-lg-4 col-sm-12 col-xs-12"> 426 <img class="brands_img" src="https://www.vdwlease.be/resources/vdwlease/img/brands/Logos/kettler.png"/> 427 </div> 428 429</div> 430 431</div> 432</div> 433</div> 434 435<div class="section2 mb-5" id="section2"> 436 <div class="container"> 437 <style> 438 .section2_h5 { 439 text-align: center; 440 } 441 442 .advantage { 443 display: flex; 444 flex-flow: column wrap; 445 margin: auto; 446 } 447 448 .section2_img { 449 height: 50px !important; 450 } 451</style> 452<div class="section2_div"> 453 <div class="advantage my-0 col-md-4 col-lg-4 col-sm-12 col-xs-12"> 454 <img class="section2_img" src="https://www.vdwlease.be/resources/vdwlease/img/lease-bike.svg"/> 455 <h5 class="section2_h5">Lease de fiets van jouw dromen</h5> 456 </div> 457 <div class="advantage my-0 col-md-4 col-lg-4 col-sm-12 col-xs-12"> 458 <img class="section2_img" src="https://www.vdwlease.be/resources/vdwlease/img/insurance.svg"/> 459 <h5 class="section2_h5">Zorgeloos onderweg met de meest complete verzekeringsdekking</h5> 460 </div> 461 <div class="advantage my-0 col-md-4 col-lg-4 col-sm-12 col-xs-12"> 462 <img class="section2_img" src="https://www.vdwlease.be/resources/vdwlease/img/maintenance.svg"/> 463 <h5 class="section2_h5">Een onderhoudspakket afgestemd op jouw gebruik</h5> 464 </div> 465</div> </div> 466</div> 467 468 469<div class="ebook" id="ebook"> 470 <div class="container-fluid"> 471 <div class="ebook_div"> 472 <div class="col-md-8 col-lg-8 col-sm-12 col-xs-12 ebook_div_block1">
473 <div class="ebook_section_image"> 474 <img src="https://www.vdwlease.be/resources/vdwlease/img/ebook-vdwlease.png" /> 475 </div> 476 </div> 477 <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 ebook_div_block2"> 478 <div class="col-md-12 col-lg-12"> 479 <style> 480 #_form_1_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } 481 #_form_1_ * { outline:0; } 482 ._form_hide { display:none; visibility:hidden; } 483 ._form_show { display:block; visibility:visible; } 484 #_form_1_._form-top { top:0; } 485 #_form_1_._form-bottom { bottom:0; } 486 #_form_1_._form-left { left:0; } 487 #_form_1_._form-right { right:0; } 488 #_form_1_ input[type="text"],#_form_1_ input[type="date"],#_form_1_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 489 #_form_1_ textarea { resize:none; } 490 #_form_1_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#2c3c86 !important; border:0 !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; color:#fff !important; padding:12px !important; } 491 #_form_1_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; } 492 #_form_1_ ._close-icon:before { position:relative; } 493 #_form_1_ ._form-body { margin-bottom:30px; } 494 #_form_1_ ._form-image-left { width:150px; float:left; } 495 #_form_1_ ._form-content-right { margin-left:164px; } 496 #_form_1_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; } 497 #_form_1_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; } 498 #_form_1_ .form-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; } 499 #_form_1_ ._form-label,#_form_1_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; } 500 #_form_1_._dark ._form-branding { color:#333; } 501 #_form_1_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } 502 #_form_1_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; } 503 #_form_1_ ._form_element * { font-size:14px; } 504 #_form_1_ ._form_element._clear { clear:both; width:100%; float:none; } 505 #_form_1_ ._form_element._clear:after { clear:left; } 506 #_form_1_ ._form_element input[type="text"],#_form_1_ ._form_element input[type="date"],#_form_1_ ._form_element select,#_form_1_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:inherit; } 507 #_form_1_ ._field-wrapper { position:relative; } 508 #_form_1_ ._inline-style { float:left; } 509 #_form_1_ ._inline-style input[type="text"] { width:150px; } 510 #_form_1_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; } 511 #_form_1_ ._form_element img._form-image { max-width:100%; } 512 #_form_1_ ._form_element ._form-fieldset { border:0; padding:0.01em 0 0 0; margin:0; min-width:0; } 513 #_form_1_ ._clear-element { clear:left; } 514 #_form_1_ ._full_width { width:100%; } 515 #_form_1_ ._form_full_field { display:block; width:100%; margin-bottom:10px; } 516 #_form_1_ input[type="text"]._has_error,#_form_1_ textarea._has_error { border:#f37c7b 1px solid; } 517 #_form_1_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; } 518 #_form_1_ ._error { display:block; position:absolute; font-size:14px; z-index:10000001; } 519 #_form_1_ ._error._above { padding-bottom:4px; bottom:39px; right:0; } 520 #_form_1_ ._error._below { padding-top:4px; top:100%; right:0; } 521 #_form_1_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } 522 #_form_1_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } 523 #_form_1_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:14px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } 524 #_form_1_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } 525 #_form_1_ ._button-wrapper ._error-inner._form_error { position:static; } 526 #_form_1_ ._error-inner._no_arrow { margin-bottom:10px; } 527 #_form_1_ ._error-arrow { position:absolute; width:0; height:0; } 528 #_form_1_ ._error-html { margin-bottom:10px; } 529 .pika-single { z-index:10000001 !important; } 530 #_form_1_ input[type="text"].datetime_date { width:69%; display:inline; } 531 #_form_1_ select.datetime_time { width:29%; display:inline; height:32px; } 532 @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; } 533 #_form_1_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; } 534 #_form_1_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; } 535 #_form_1_ ._form-content { margin:0; width:100%; } 536 #_form_1_ ._form-inner { display:block; min-width:100%; } 537 #_form_1_ ._form-title,#_form_1_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; } 538 #_form_1_ ._form-title { font-size:1.2em; } 539 #_form_1_ ._form_element { margin:0 0 20px; padding:0; width:100%; } 540 #_form_1_ ._form-element,#_form_1_ ._inline-style,#_form_1_ input[type="text"],#_form_1_ label,#_form_1_ p,#_form_1_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; } 541 #_form_1_ ._row._checkbox-radio label { display:inline; } 542 #_form_1_ ._row,#_form_1_ p,#_form_1_ label { margin-bottom:0.7em; width:100%; } 543 #_form_1_ ._row input[type="checkbox"],#_form_1_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; } 544 #_form_1_ ._row input[type="checkbox"] + span label { display:inline; } 545 #_form_1_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; } 546 #_form_1_ ._form-image { max-width:100%; height:auto !important; } 547 #_form_1_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; } 548 #_form_1_ input[type="radio"],#_form_1_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; } 549 #_form_1_ button[type="submit"] { padding:20px; font-size:1.5em; } 550 #_form_1_ ._inline-style { margin:20px 0 0 !important; } 551 } 552 #_form_1_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:transparent !important; border:0px solid #b0b0b0 !important; width:300px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#000 !important; } 553 #_form_1_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; } 554 #_form_1_:before,#_form_1_:after { content:" "; display:table; } 555 #_form_1_:after { clear:both; } 556 #_form_1_._inline-style { width:auto; display:inline-block; } 557 #_form_1_._inline-style input[type="text"],#_form_1_._inline-style input[type="date"] { padding:10px 12px; } 558 #_form_1_._inline-style button._inline-style { position:relative; top:27px; } 559 #_form_1_._inline-style p { margin:0; } 560 #_form_1_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; } 561 #_form_1_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; } 562 @media all and (min-width:320px) and (max-width:667px) { #_form_1_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; } 563 } 564 565 #_form_1_ ._submit { padding:5px; font-family:"Montserrat", sans-serif; text-align:center; display:inherit; margin:15px auto; font-weight:bold; font-size:14px; } 566 #_form_1_ ._x78242062 input { padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; border-radius:7px; } 567 #_form_1_ ._x96493593 input { padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; border-radius:7px; } 568 #_form_1_ ._x72629638 input { border-radius:7px; padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; } 569 #_form_1_ ._x35785826 ._form-title { font-family:"Montserrat", sans-serif; text-align:left; font-weight:bold; font-size:20px; margin-bottom:1.5rem; } 570 #_form_1_ ._field1 select { border-radius:7px; padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; color:#6e6d6d; } 571 #_form_1_ ._x99485981 input { border-radius:7px; padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; } 572 #_form_1_ ._x99757657 input { border-radius:7px; padding:10px; top-margin:10px; border:0; font-family:"Montserrat", sans-serif; font-size:14px; } 573 574 ._field-wrapper > select { 575 background-color: white; 576 font-family: arial, helvetica, sans-serif !important; 577 font-size: 14px; 578 font-weight: bold; 579 color: #7d7979; 580 } 581 582#_form_1_ { 583 max-width: fit-content; 584} 585 586.ebook { 587 margin-top: 10rem !important; 588} 589 590@media(max-width:1201px) { 591 .ebook { 592 margin-top: 8rem !important; 593 } 594} 595 596@media(max-width:400px) { 597 .ebook { 598 margin-top: 2rem !important; 599 } 600 .bg-section4 { 601 height: 190px !important; 602 } 603} 604 605@media (min-width:1269px) and (max-width:1323px){ 606 .ebook_section_image img { 607 max-width: 1150px; 608 } 609} 610@media (min-width:1201px) and (max-width:1268px){ 611 .ebook_section_image img { 612 max-width: 1100px; 613 } 614} 615@media (max-width: 1269px) and (min-width: 768px){ 616 .ebook_div_block1 { 617 max-width: 60%; 618 } 619 .ebook_div_block2 { 620 max-width: 40%; 621 } 622} 623@media (max-width: 869px) and (min-width: 769px){ 624 .ebook_section_image img{ 625 max-width: 700px; 626 } 627} 628@media (min-width: 767px) { 629 .ebook_section_image img{ 630 width: 80% !important; 631 margin-left: 5rem; 632 } 633} 634@media (min-width: 768px) { 635 .ebook_div_block1 { 636 height: 300px; 637 } 638} 639.ebook_section_image img{ 640 width: 100%; 641} 642</style> 643<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap" rel="stylesheet"> 644<form method="POST" action="https://vdwlease.activehosted.com/proc.php" id="_form_1_" class="_form _form_1 _inline-form _dark" novalidate> 645 <input type="hidden" class="txt_csrfname" name="csrf_test_name" value="75e082d305b020f699f683998d00e0f7" /> 646 <input type="hidden" name="u" value="1" /> 647 <input type="hidden" name="f" value="1" /> 648 <input type="hidden" name="s" />
649 <input type="hidden" name="c" value="0" /> 650 <input type="hidden" name="m" value="0" /> 651 <input type="hidden" name="act" value="sub" /> 652 <input type="hidden" name="v" value="2" /> 653 <input type="hidden" name="or" value="aeaf96e460ad5f331c26fff9cc69287c" /> 654 <div class="_form-content"> 655 <div class="_form_element _x35785826 _full_width _clear" > 656 <div class="_form-title"> 657 6 zaken die jij wil weten vooraleer je start met fietsleasing </div> 658 </div> 659 <div class="_form_element _x99485981 _full_width " > 660 <label for="firstname" class="_form-label"> 661 </label> 662 <div class="_field-wrapper"> 663 <input type="text" id="firstname" name="firstname" placeholder="Voornaam" required/> 664 </div> 665 </div> 666 <div class="_form_element _x99757657 _full_width " > 667 <label for="lastname" class="_form-label"> 668 </label> 669 <div class="_field-wrapper"> 670 <input type="text" id="lastname" name="lastname" placeholder="Achternaam" required /> 671 </div> 672 </div> 673 <div class="_form_element _x96493593 _full_width " > 674 <label for="email" class="_form-label"> 675 </label> 676 <div class="_field-wrapper"> 677 <input type="text" id="email" name="email" placeholder="E-mail" required/> 678 </div> 679 </div> 680 <div class="_form_element _x72629638 _full_width " > 681 <label for="phone" class="_form-label"> 682 </label> 683 <div class="_field-wrapper"> 684 <input type="text" id="phone" name="phone" placeholder="Telefoon" required/> 685 </div> 686 </div> 687 <div class="_form_element _field1 _full_width " > 688 <label for="field[1]" class="_form-label"> 689 </label> 690 <div class="_field-wrapper"> 691 <select name="field[1]" id="field[1]" required> 692 693 <option value="" selected=""> 694 Select Profile 695 </option> 696 <option value="Werkgever" > 697 Werkgever </option> 698 <option value="Werknemer" > 699 Werknemer </option> 700 <option value="Fietswinkel" > 701 Fietswinkel </option> 702 </select> 703 </div> 704 </div> 705 <div class="_form_element _x34229240 _full_width " > 706 <label for="ls" class="_form-label"> 707 Please verify your request* 708 </label> 709 <div class="g-recaptcha" data-sitekey="6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go"> 710 </div> 711 </div> 712 <div class="_form_element _field3 _full_width " > 713 <input type="hidden" name="field[3]" value="" /> 714 </div> 715 <div class="_form_element _field5 _full_width " > 716 <input type="hidden" name="field[5]" value="" /> 717 </div> 718 <div class="_form_element _field6 _full_width " > 719 <input type="hidden" name="field[6]" value="" /> 720 </div> 721 <div class="_button-wrapper _full_width"> 722 <button id="_form_1_submit" class="_submit" type="submit"> 723 Download e-book 724 </button> 725 </div> 726 <div class="_clear-element"> 727 </div> 728 </div> 729 <div class="_form-thank-you" style="display:none;"> 730 </div> 731 </form>
731<script type="text/javascript"> 732window.cfields = {"1":"select_profile","3":"utm_source","5":"utm_medium","6":"utm_campaign"}; 733window._show_thank_you = function(id, message, trackcmp_url, email) { 734 var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you'); 735 form.querySelector('._form-content').style.display = 'none'; 736 thank_you.innerHTML = message; 737 thank_you.style.display = 'block'; 738 const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias; 739 var visitorObject = window[vgoAlias]; 740 if (email && typeof visitorObject !== 'undefined') { 741 visitorObject('setEmail', email); 742 visitorObject('update'); 743 } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) { 744 // Site tracking URL to use after inline form submission. 745 _load_script(trackcmp_url); 746 } 747 if (typeof window._form_callback !== 'undefined') window._form_callback(id); 748}; 749window._show_error = function(id, message, html) { 750 var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error'); 751 if (old_error) old_error.parentNode.removeChild(old_error); 752 err.innerHTML = message; 753 err.className = '_error-inner _form_error _no_arrow'; 754 var wrapper = document.createElement('div'); 755 wrapper.className = '_form-inner'; 756 wrapper.appendChild(err); 757 button.parentNode.insertBefore(wrapper, button); 758 document.querySelector('[id^="_form"][id$="_submit"]').disabled = false; 759 if (html) { 760 var div = document.createElement('div'); 761 div.className = '_error-html'; 762 div.innerHTML = html; 763 err.appendChild(div); 764 } 765}; 766window._load_script = function(url, callback) { 767 var head = document.querySelector('head'), script = document.createElement('script'), r = false; 768 script.type = 'text/javascript'; 769 script.charset = 'utf-8'; 770 script.src = url; 771 if (callback) { 772 script.onload = script.onreadystatechange = function() { 773 if (!r && (!this.readyState || this.readyState == 'complete')) { 774 r = true; 775 callback(); 776 } 777 }; 778 } 779 head.appendChild(script); 780}; 781(function() { 782 if (window.location.search.search("excludeform") !== -1) return false; 783 var getCookie = function(name) { 784 var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)')); 785 return match ? match[2] : null; 786 } 787 var setCookie = function(name, value) { 788 var now = new Date(); 789 var time = now.getTime(); 790 var expireTime = time + 1000 * 60 * 60 * 24 * 365; 791 now.setTime(expireTime); 792 document.cookie = name + '=' + value + '; expires=' + now + ';path=/'; 793 } 794 var addEvent = function(element, event, func) { 795 if (element.addEventListener) { 796 element.addEventListener(event, func); 797 } else { 798 var oldFunc = element['on' + event]; 799 element['on' + event] = function() { 800 oldFunc.apply(this, arguments); 801 func.apply(this, arguments); 802 }; 803 } 804 } 805 var _removed = false; 806 var form_to_submit = document.getElementById('_form_1_'); 807 var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false; 808 809 var getUrlParam = function(name) { 810 var regexStr = '[\?&]' + name + '=([^&#]*)'; 811 var results = new RegExp(regexStr, 'i').exec(window.location.href); 812 return results != undefined ? decodeURIComponent(results[1]) : false; 813 }; 814 815 for (var i = 0; i < allInputs.length; i++) { 816 var regexStr = "field\\[(\\d+)\\]"; 817 var results = new RegExp(regexStr).exec(allInputs[i].name); 818 if (results != undefined) { 819 allInputs[i].dataset.name = window.cfields[results[1]]; 820 } else { 821 allInputs[i].dataset.name = allInputs[i].name; 822 } 823 var fieldVal = getUrlParam(allInputs[i].dataset.name); 824 825 if (fieldVal) { 826 if (allInputs[i].dataset.autofill === "false") { 827 continue; 828 } 829 if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") { 830 if (allInputs[i].value == fieldVal) { 831 allInputs[i].checked = true; 832 } 833 } else { 834 allInputs[i].value = fieldVal; 835 } 836 } 837 } 838 839 var remove_tooltips = function() { 840 for (var i = 0; i < tooltips.length; i++) { 841 tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); 842 } 843 tooltips = []; 844 }; 845 var remove_tooltip = function(elem) { 846 for (var i = 0; i < tooltips.length; i++) { 847 if (tooltips[i].elem === elem) { 848 tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); 849 tooltips.splice(i, 1); 850 return; 851 } 852 } 853 }; 854 var create_tooltip = function(elem, text) { 855 var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {}; 856 if (elem.type != 'radio' && elem.type != 'checkbox') { 857 tooltip.className = '_error'; 858 arrow.className = '_error-arrow'; 859 inner.className = '_error-inner'; 860 inner.innerHTML = text; 861 tooltip.appendChild(arrow); 862 tooltip.appendChild(inner); 863 elem.parentNode.appendChild(tooltip); 864 } else { 865 tooltip.className = '_error-inner _no_arrow'; 866 tooltip.innerHTML = text; 867 elem.parentNode.insertBefore(tooltip, elem); 868 new_tooltip.no_arrow = true; 869 } 870 new_tooltip.tip = tooltip; 871 new_tooltip.elem = elem; 872 tooltips.push(new_tooltip); 873 return new_tooltip; 874 }; 875 var resize_tooltip = function(tooltip) { 876 var rect = tooltip.elem.getBoundingClientRect(); 877 var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)); 878 if (scrollPosition < 40) { 879 tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below'; 880 } else { 881 tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above'; 882 } 883 }; 884 var resize_tooltips = function() { 885 if (_removed) return; 886 for (var i = 0; i < tooltips.length; i++) { 887 if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]); 888 } 889 };
890 var validate_field = function(elem, remove) { 891 var tooltip = null, value = elem.value, no_error = true; 892 remove ? remove_tooltip(elem) : false; 893 if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, ''); 894 if (elem.getAttribute('required') !== null) { 895 if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) { 896 var elems = form_to_submit.elements[elem.name]; 897 if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) { 898 no_error = elem.checked; 899 } 900 else { 901 no_error = false; 902 for (var i = 0; i < elems.length; i++) { 903 if (elems[i].checked) no_error = true; 904 } 905 } 906 if (!no_error) { 907 tooltip = create_tooltip(elem, "Please select an option."); 908 } 909 } else if (elem.type =='checkbox') { 910 var elems = form_to_submit.elements[elem.name], found = false, err = []; 911 no_error = true; 912 for (var i = 0; i < elems.length; i++) { 913 if (elems[i].getAttribute('required') === null) continue; 914 if (!found && elems[i] !== elem) return true; 915 found = true; 916 elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ''); 917 if (!elems[i].checked) { 918 no_error = false; 919 elems[i].className = elems[i].className + ' _has_error'; 920 err.push("Checking %s is required".replace("%s", elems[i].value)); 921 } 922 } 923 if (!no_error) { 924 tooltip = create_tooltip(elem, err.join('<br/>')); 925 } 926 } else if (elem.tagName == 'SELECT') { 927 var selected = true; 928 if (elem.multiple) { 929 selected = false; 930 for (var i = 0; i < elem.options.length; i++) { 931 if (elem.options[i].selected) { 932 selected = true; 933 break; 934 } 935 } 936 } else { 937 for (var i = 0; i < elem.options.length; i++) { 938 if (elem.options[i].selected && !elem.options[i].value) { 939 selected = false; 940 } 941 } 942 } 943 if (!selected) { 944 elem.className = elem.className + ' _has_error'; 945 no_error = false; 946 tooltip = create_tooltip(elem, "Please select an option."); 947 } 948 } else if (value === undefined || value === null || value === '') { 949 elem.className = elem.className + ' _has_error'; 950 no_error = false; 951 tooltip = create_tooltip(elem, "This field is required."); 952 } 953 } 954 if (no_error && elem.name == 'email') { 955 if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) { 956 elem.className = elem.className + ' _has_error'; 957 no_error = false; 958 tooltip = create_tooltip(elem, "Enter a valid email address."); 959 } 960 } 961 if (no_error && /date_field/.test(elem.className)) { 962 if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) { 963 elem.className = elem.className + ' _has_error'; 964 no_error = false; 965 tooltip = create_tooltip(elem, "Enter a valid date."); 966 } 967 } 968 tooltip ? resize_tooltip(tooltip) : false; 969 return no_error; 970 }; 971 var needs_validate = function(el) { 972 if(el.getAttribute('required') !== null){ 973 return true 974 } 975 if(el.name === 'email' && el.value !== ""){ 976 return true 977 } 978 return false 979 }; 980 var validate_form = function(e) { 981 var err = form_to_submit.querySelector('._form_error'), no_error = true; 982 if (!submitted) { 983 submitted = true; 984 for (var i = 0, len = allInputs.length; i < len; i++) { 985 var input = allInputs[i]; 986 if (needs_validate(input)) { 987 if (input.type == 'text') { 988 addEvent(input, 'blur', function() { 989 this.value = this.value.trim(); 990 validate_field(this, true); 991 }); 992 addEvent(input, 'input', function() { 993 validate_field(this, true); 994 }); 995 } else if (input.type == 'radio' || input.type == 'checkbox') { 996 (function(el) { 997 var radios = form_to_submit.elements[el.name]; 998 for (var i = 0; i < radios.length; i++) { 999 addEvent(radios[i], 'click', function() { 1000 validate_field(el, true); 1001 }); 1002 } 1003 })(input); 1004 } else if (input.tagName == 'SELECT') { 1005 addEvent(input, 'change', function() { 1006 validate_field(this, true); 1007 }); 1008 } else if (input.type == 'textarea'){ 1009 addEvent(input, 'input', function() { 1010 validate_field(this, true); 1011 }); 1012 } 1013 } 1014 } 1015 } 1016 remove_tooltips(); 1017 for (var i = 0, len = allInputs.length; i < len; i++) { 1018 var elem = allInputs[i]; 1019 if (needs_validate(elem)) { 1020 if (elem.tagName.toLowerCase() !== "select") { 1021 elem.value = elem.value.trim(); 1022 } 1023 validate_field(elem) ? true : no_error = false;
1024 } 1025 } 1026 if (!no_error && e) { 1027 e.preventDefault(); 1028 } 1029 resize_tooltips(); 1030 return no_error; 1031 }; 1032 addEvent(window, 'resize', resize_tooltips); 1033 addEvent(window, 'scroll', resize_tooltips); 1034 window['recaptcha_callback'] = function() { 1035 // Get all recaptchas in the DOM (there may be more than one form on the page). 1036 var recaptchas = document.getElementsByClassName("g-recaptcha"); 1037 for (var i in recaptchas) { 1038 // Set the recaptcha element ID, so the recaptcha can be applied to each element. 1039 var recaptcha_id = "recaptcha_" + i; 1040 recaptchas[i].id = recaptcha_id; 1041 var el = document.getElementById(recaptcha_id); 1042 if (el != null) { 1043 var sitekey = el.getAttribute("data-sitekey"); 1044 var stoken = el.getAttribute("data-stoken"); 1045 grecaptcha.render(recaptcha_id, {"sitekey":sitekey,"stoken":stoken}); 1046 } 1047 } 1048}; _load_script("//www.google.com/recaptcha/api.js?onload=recaptcha_callback&render=explicit"); 1049 var _form_serialize = function(form){if(!form||form.nodeName!=="FORM"){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===""){continue}switch(form.elements[i].nodeName){case"INPUT":switch(form.elements[i].type){case"text":case"number":case"date":case"time":case"hidden":case"password":case"button":case"reset":case"submit":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"checkbox":case"radio":if(form.elements[i].checked){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value))}break;case"file":break}break;case"TEXTAREA":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"SELECT":switch(form.elements[i].type){case"select-one":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"select-multiple":for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case"BUTTON":switch(form.elements[i].type){case"reset":case"submit":case"button":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break}break}}return q.join("&")}; 1050 var form_submit = function(e) { 1051 e.preventDefault(); 1052 if (validate_form()) { 1053 // use this trick to get the submit button & disable it using plain
1053javascript 1054 document.querySelector('#_form_1_submit').disabled = true; 1055 var serialized = _form_serialize(document.getElementById('_form_1_')).replace(/%0A/g, '\\n'); 1056 var err = form_to_submit.querySelector('._form_error'); 1057 err ? err.parentNode.removeChild(err) : false; 1058 $.ajax({ 1059 url: "https://www.vdwlease.be/User/add_ebook", 1060 type: 'POST', 1061 data:serialized, 1062 dataType: 'json', 1063 success: function(response){ 1064 if(response.rc){ 1065 _load_script('https://vdwlease.activehosted.com/proc.php?' + serialized + '&jsonp=true'); 1066 } 1067 } 1068 }); 1069 } 1070 return false; 1071 }; 1072 addEvent(form_to_submit, 'submit', form_submit); 1073})(); 1074 1075</script>
1075 1076 </div> 1077 </div> 1078 </div> 1079</div> 1080 1081</div> 1082 1083
1083<script> 1084 jQuery(document).ready(function(){ 1085/* jQuery('.your-class').slick({ 1086 infinite: true, 1087 slidesToShow: 1, 1088 slidesToScroll: 1 1089 }); 1090jQuery('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 1091 jQuery('.your-class').slick('setPosition'); 1092}) 1093 */ 1094 1095}); 1096 1097 1098 1099 </script>
1099<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'> 1100 <div class="footer-inner text-center py-1"> 1101 <div class="container"> 1102 <div class="row w-footer" style="margin:15px;"> 1103 <div class="col-md-5 col-lg-5 col-sm-12 col-xs-12 footer-content"> 1104 <a href="https://www.vdwlease.be/nl/home" class="navbar-brand" style="background-size: cover;margin-top:-14px;"></a> 1105 <div class="row headings" style="margin-bottom:10px;margin-left:0;">Contacteer ons</div> 1106 <div class="row"> 1107 <div class="col-md-12 footer-block"> 1108 <div> 1109 <table> 1110 <tr> 1111 <td><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/location.svg"> </td> 1112 <td>Bist 12<br/> 1113 2630 Aartselaar 1114 </td> 1115 </tr> 1116 <tr> 1117 <td><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/phone.svg"> </td> 1118 <td><a href="tel:+32038719360">+32 (0)3 871 93 60</a></td> 1119 </tr> 1120 <tr> 1121 <td><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/mail.svg"> </td> 1122 <td><a href="mailto:[email protected]">[email protected]</a></td> 1123 </tr> 1124 <tr> 1125 <td> </td> 1126 <td> 1127 <a href="https://www.facebook.com/vdwlease"><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/facebook.svg"></a> 1128 <a href="https://www.instagram.com/vdw_lease/"><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/instagram.svg"></a> 1129 <a href="https://www.linkedin.com/company/vdw-lease/"><img src="https://www.vdwlease.be/resources/vdwlease/img/icons/linkedin.svg"></a> 1130 </td> 1131 </tr> 1132 </table> 1133 </div> 1134 </div> 1135 </div> 1136 </div> 1137 1138 <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 footer-content"> 1139 <ul> 1140 <li class="headings">Snelle links</li> 1141 <li><a href="https://www.vdwlease.be/nl/home">Home</a></li> 1142 <li><a href="https://www.vdwlease.be/nl/voor-wie">Voor wie?</a></li> 1143 <li><a href="https://www.vdwlease.be/nl/merken">Merken</a></li> 1144 <li><a href="https://faq.vdwlease.be/hc/nl">FAQ</a></li> 1145 <li><a href="https://www.vdwlease.be/nl/over-ons">Over ons</a></li> 1146 <li><a href="https://www.vdwlease.be/nl/blog">Blogs</a></li> 1147 <li><a href="https://www.vdwlease.be/nl/jobs">Jobs</a></li> 1148 <li><a href="https://www.vdwlease.be/nl/calculator">Calculator</a></li> 1149 <li><a href="https://vdwlease.zendesk.com/hc/nl/requests/new?ticket_form_id=9449248372124" target="_blank">Contacteer ons</a></li> 1150 </ul> 1151 </div> 1152 <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 footer-content"> 1153 <ul> 1154 <li class="headings">Handige links</li> 1155 <li><a href="https://www.vdwlease.be/nl/fietsleasing">Fietsleasing</a></li> 1156 <li><a href="https://www.vdwlease.be/nl/elektrische-fiets">Elektrische fiets</a></li> 1157 <li><a href="https://www.vdwlease.be/nl/bakfiets">Bakfiets</a></li> 1158 <li><a href="https://www.vdwlease.be/nl/racefiets">Racefiets</a></li> 1159 <li><a href="https://www.vdwlease.be/nl/mountainbike">Mountainbike</a></li> 1160 <li><a href="https://www.vdwlease.be/nl/voor-wie/werkgever">Werkgever</a></li> 1161 <li><a href="https://www.vdwlease.be/nl/voor-wie/werknemer">Werknemer</a></li> 1162 <li><a href="https://www.vdwlease.be/nl/voor-wie/fietswinkel">Fietswinkel</a></li> 1163 <li><a href="https://www.vdwlease.be/nl/sitemap">Sitemap</a></li> 1164 <li><a href=https://form.jotform.com/210203463964047 target="_blank">Digitale aangifte ongeval en diefstal</a></li> 1165 </ul> 1166 </div> 1167 </div> 1168 </div> 1169 </div> 1170 <div class="foot-bottom"> 1171 <div class="footer-bottom-block"> 1172 <div class=" d-flex justify-content-space-evenly align-items-center footer-bottom-bar"> 1173 <div> 1174 <span><i class="fa fa-copyright"></i>2022 VDW LEASE</span> 1175 <span> - </span> 1176 <span><a class="link-text" href="https://www.vdwlease.be/nl/privacybeleid">Privacybeleid</a></span> 1177 </div><span class="pipe-symbol"> | </span> 1178 <div><a class="link-text" href="https://www.vdwlease.be/resources/vdwlease/pdf/nl/algemene-voorwaarden.pdf" target="_blank"> Algemene voorwaarden</a></div><span class="pipe-symbol"> | </span> 1179 <div><a class="link-text" href="https://www.vdwlease.be/resources/vdwlease/pdf/nl/verzekeringsvoorwaarden.pdf" target="_blank"> Verzekeringsvoorwaarden</a></div><span class="pipe-symbol"> | </span> 1180 <div><a class="link-text" href="https://www.yellowshape.com/nl/home" target="_blank"> Designed & Developed BY YELLOWSHAPE</a></div>
1181 </div> 1182 </div> 1183 </div> 1184
1184<script type="text/javascript"> 1185 (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo"); 1186 vgo('setAccount', '476695257'); 1187 vgo('setTrackByDefault', true); 1188 1189 vgo('process'); 1190 </script>
1190 1191 1192 <style> 1193 .footer-content{ 1194 text-align: initial; 1195 color: white; 1196 font-family: 'Montserrat'; 1197 } 1198 .footer-block{ 1199 margin-bottom: 10px; 1200 } 1201 1202 a, a:hover, a:visited, a:active { 1203 color: inherit; 1204 text-decoration: none; 1205 } 1206 ul li{ 1207 margin-bottom: 5px; 1208 } 1209 td{ 1210 padding-top: .5em; 1211 padding-bottom: .5em; 1212 } 1213 .headings{ 1214 font-family: 'Montserrat'; 1215 font-size: 18px; 1216 font-weight: bold; 1217 } 1218 .foot-bottom 1219 { 1220 font-family: 'Montserrat'; 1221 font-size: 12px; 1222 font-weight: 600; 1223 } 1224 1225 .footer-bottom-block{ 1226 width:100%; 1227 } 1228 1229 .justify-content-space-evenly{ 1230 justify-content: space-evenly !important; 1231 } 1232 1233 @media(max-width: 768px) { 1234 .footer-bottom-bar { 1235 flex-direction:column; 1236 } 1237 .pipe-symbol{ 1238 display:none; 1239 } 1240 } 1241 1242 @media(min-width: 768px) and (max-width: 992px) { 1243 .pipe-symbol{ 1244 display:none; 1245 } 1246 .footer-bottom-bar { 1247 margin-left: 30px; 1248 } 1249 1250 } 1251 1252 @media(min-width: 992px) and (max-width: 1200px){ 1253 .footer-bottom-bar{ 1254 margin-left:25px; 1255 } 1256 } 1257 1258 </style> 1259 </body> 1260</html>
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.