1<!doctype html> 2<html lang="nl" dir="ltr" prefix="og: http://ogp.me/ns#"> 3 4<head> 5 6 7
7<script> 8 window.dataLayer = window.dataLayer || []; 9 window.dataLayer.push({ 10 'pagina_type': 'contentpaginas' 11 }); 12 </script>
12 13 14 15 16
16<script>
vendor: 474 bytes, lines 16-23
16(function (w, d, s, l, i) { 17 w[l] = w[l] || []; w[l].push({ 18 'gtm.start': 19 new Date().getTime(), event: 'gtm.js' 20 }); var f = d.getElementsByTagName(s)[0], 21 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 22 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 23 })(window, document, 'script', 'dataLayer', '
23GTM-KLPF7ZD
vendor: 3 bytes, line 23
23');
23</script>
23 24 25 26 <meta charset="UTF-8"> 27 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 28 <meta name="google-site-verification" content="i-SoXNF0Az62trFNOt585fN8jpVKzdWotnyLAHBq_68" /> 29 30 <meta name="description" content=""> 31 <meta name="robots" content="index,follow"> 32 <link rel="canonical" href="https://vlaardingendoen.nl/blogs"> 33 34 35 <meta name="creator" content="Vlaardingen Partners"> 36 <meta name="author" content="Vlaardingen Partners"> 37 <meta name="color-scheme" content="normal"> 38 39 40 <meta property="og:type" content="website"> 41 <meta property="og:site_name" content="Citymarketing VLD"> 42 <meta property="og:url" content="https://vlaardingendoen.nl/blogs"> 43 <meta property="og:title" content="Blogs"> 44 <meta property="og:description" content=""> 45 <meta property="og:image" 46 content="https://vlaardingendoen.nl/slir/w1200"> 47 <meta property="og:image:secure_url" 48 content="https://vlaardingendoen.nl/slir/w1200"> 49 <meta property="og:image:alt" content=""> 50 <meta property="og:image:width" content="1200"> 51 <meta property="og:image:height" content="630"> 52 <meta property="og:image:type" content=""> 53 54 55 <meta name="twitter:card" content="summary_large_image"> 56 <meta name="twitter:site" content="Citymarketing VLD"> 57 <meta name="twitter:creator" content=""> 58 <meta name="twitter:url" content="https://vlaardingendoen.nl/blogs"> 59 <meta name="twitter:title" content="Blogs - Citymarketing VLD"> 60 <meta name="twitter:description" content=""> 61 62 <meta name="twitter:image" 63 content="https://vlaardingendoen.nl/slir/w800"> 64 <meta name="twitter:image:alt" content=""> 65 <meta name="ahrefs-site-verification" content="0549ca9cfc672c74e7e64b7559719e6a4c5616e90210f6ad6662a60d1dc6b35d"> 66 67 <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/converted/apple-touch-icon.png"> 68 <link rel="shortcut icon" type="image/x-icon" sizes="any" href="/assets/images/favicon/converted/favicon.ico"> 69 <link rel="icon" type="image/svg+xml" href="/assets/images/favicon/favicon.svg"> 70 <link rel="icon" href="/favicon.ico"> 71 <link rel="manifest" href="/assets/images/favicon/converted/site.webmanifest"> 72 <link rel="mask-icon" href="/assets/images/favicon/converted/safari-pinned-tab.svg" color="#51AD32"> 73 <meta name="msapplication-TileColor" content="#9f00a7"> 74 <meta name="msapplication-TileImage" content="/assets/images/favicon/converted/mstile-144x144.png"> 75 <meta name="msapplication-config" content="/assets/images/favicon/converted/browserconfig.xml"> 76 <meta name="theme-color" content="#ffffff"> 77 <link rel="preconnect" href="https://fonts.googleapis.com"> 78 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 79 <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 80 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 81 <link rel="stylesheet" href="/assets/css/style.css"> 82 <link rel="stylesheet" href="/assets/css/editor-extensions.css"> 83 84 85 <title> 86 Blogs - Kom VlaarDingen doen 87 </title> 88 <style> 89 90 .cc-window:before{ 91 content:''; 92 width:100%; 93 height:190px; 94 position: absolute; 95 left:0px; 96 top:-187px; 97 border-top-right-radius: 12px; 98 border-top-left-radius: 12px; 99 background-image: url('https://vlaardingendoen.nl/files/koekje.png'); 100z-index: 100; 101 } 102 .cc-revoke, .cc-window{ 103 overflow: visible !important; 104 } 105 106 @media only screen and (max-height: 750px) { 107 .hide-height { 108 display: none; 109 } 110 111 } 112 113 @media only screen and (max-width: 1400px) { 114 115 section.articles .intro h3, 116 section.articles .intro .h3 { 117 font-size: 20px; 118 } 119 120 } 121 @media (max-height: 600px) { 122 .menuHeaderImage{ 123 124 height: 150px !important; 125 } 126 127 .full-menu .right ul li a{ 128 font-size: 18px; 129 } 130 131 } 132 </style> 133</head> 134 135<body class="page-1929"> 136<div class="backdrop"></div>
vendor: 69 bytes, lines 136-138
136 137 138<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
138GTM-KLPF7ZD
vendor: 103 bytes, lines 138-141
138" height="0" width="0" 139 style="display:none;visibility:hidden"></iframe></noscript> 140 141
142<header> 143 <div class="icon"> 144 <span></span> 145 <span></span> 146 <span></span> 147 </div> 148 149 <div class="headernavContainer" style=""> 150 <div class="container position-relative"> 151 <a href="/" aria-label="Back to home"><img src="/assets/images/logo_vld.svg" class="logo top" 152 alt="Logo Vlaardingen Citymarketing"></a> 153 154 <nav> 155 <style> 156 .zoek-form.active{ 157 } 158 .zoek-form .zoekveld-input{ 159 border:none; border-bottom: 1px solid #CCC; 160 width: 120px; 161 } 162 .zoek-form button{ 163 background:none; 164 border:none; 165 } 166 .nav-items.isZoeken .items{ 167 display: none; 168 } 169 .nav-items.isZoeken .zoekveld-input{ 170 width: 700px; 171 } 172 .zoek-resultaten{ 173 display: none; 174 } 175 .nav-items.isZoeken .zoek-resultaten{ 176 display: block; 177 } 178 #zoek-resultaten li a .url{ 179 color:green; font-size: 13px 180 } 181 182 #id-10 { 183 position: relative; 184 } 185 186 /* Tooltip (text) */ 187 #id-10:after { 188 top: 35px; 189 padding: 5px 10px; 190 width: 120px; 191 text-align: center; 192 color: #FFF; 193 border-radius: 4px; 194 font-weight: bold; 195 font-size: 13px; 196 content: 'Koop Tickets'; 197 position: absolute; 198 left: -32px; 199 background-color: #c42426; 200 201 /* Verborgen standaard */ 202 opacity: 0; 203 pointer-events: none; 204 transition: opacity 0.3s; 205 } 206 207 /* Tooltip arrow */ 208 #id-10:before { 209 content: ''; 210 width: 12px; 211 height: 12px; 212 position: absolute; 213 left: 20px; 214 top: 30px; 215 transform: rotate(45deg); 216 border-radius: 3px; 217 background-color: #c42426; 218 219 /* Verborgen standaard */ 220 opacity: 0; 221 pointer-events: none; 222 transition: opacity 0.3s; 223 } 224 225 /* Toon bij hover */ 226 #id-10:hover:after, 227 #id-10:hover:before { 228 opacity: 1; 229 } 230 </style> 231 232 <ul class="nav-items"> 233 <li class="items" id="id-1"> 234 <a href="#" data-mega="menu-1" data-color="red" class=""> 235 zien & doen </a> 236 </li> 237 <li class="items" id="id-9"> 238 <a href="#" data-mega="menu-9" data-color="blue" class=""> 239 echte haringkoppen </a> 240 </li> 241 <li class="items" id="id-3"> 242 <a href="#" data-mega="menu-3" data-color="white" class=""> 243 praktisch </a> 244 </li> 245 <li class="items" id="id-7"> 246 <a href="#" data-mega="menu-7" data-color="yellow" class=""> 247 wonen </a> 248 </li> 249 <li class="items" id="id-10"> 250 <a href="/boeknu" class=" "> 251 <i class="fa-solid fa-ticket"></i> </a> 252 </li> 253 <li class="items" id="id-6"> 254 <a href="https://uitagenda.vlaardingendoen.nl/" class=" btn "> 255 UITAGENDA </a> 256 </li> 257 258 <li class="px-1"> 259 260 <form action="/zoeken" class="zoek-form" method="get"> 261 <input autocomplete="off" class="zoekveld-input zoekveld-header" name="q" onfocusin="toggleFullSearch()" placeholder="zoeken...."> 262 263 <button type="submit"> 264 <svg width="20" xmlns="http://www.w3.org/2000/svg"
265 viewBox="0 0 512 512"> 266 <path 267 d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 268 </svg> 269 </button> 270 </form> 271 272 <style> 273 #zoek-resultaten{ 274 display: block; 275 } 276 #zoek-resultaten li{ 277 margin-bottom: 15px; 278 border-bottom: 1px solid #CCCCCC; 279 padding-bottom: 15px; 280 padding-left: 25px; 281 } 282 #zoek-resultaten li small{ 283 display: block; 284 margin-top: 10px; 285 font-weight: normal; 286 text-decoration: none !important; 287 color:#000000;; 288 font-size: 14px; 289 } 290 #zoek-resultaten li small *{ 291 292 text-decoration: none !important; 293 color:#000000;; 294 font-size: 14px; 295 } 296 #zoek-suggesties{ 297 border-bottom: 1px solid #CCCCCC; 298 padding:15px; 299 padding-left: 5px; 300 margin-bottom: 15px; 301 display: block; 302 } 303 304 #zoek-suggesties li a{ 305 color:#181e39 !important; 306 } 307 #zoek-suggesties li{ 308 font-weight: normal; 309 color:blue; 310 position: relative; 311 padding-left: 45px; 312 margin-bottom: 10px; 313 314 } 315 #zoek-suggesties li:before{ 316 content: ''; 317 318 position: absolute; 319 left:16px; 320 top:6px; 321 border-color: transparent transparent transparent #c42426; 322 border-width: 8px 0 8px 14px; 323 border-style:solid; 324 } 325 #zoek-resultaten li .title{ 326 text-decoration: underline; 327 text-decoration: none; 328 color: rgb(24, 30, 57) !important; 329 } 330 #zoek-resultaten li .type{ 331 color:red; 332 background-color:#c42426; 333 border-radius: 3px; 334 font-size: 11px; 335 color:#ffffff; 336 display: inline-block; 337 padding:3px; 338 padding-left: 8px; 339 padding-right: 8px; 340 } 341 #zoek-suggesties.small{ 342 padding: 0; list-style: none; 343 column-count: 2; 344 gap: 1rem; 345 padding: 0; 346 list-style: none; 347 padding-bottom: 5px; 348 overflow: scroll; 349 } 350 #title-suggesties{ 351 margin-left: 20px; 352 margin-bottom: 0px; 353 } 354 .zoek-resultaten{ 355 background-color: #FFF; width: 100%; height: 300px; overflow: scroll; position: absolute;
355left:0px; top:60px; 356 } 357 358 @media (max-width: 795px) { 359 360 header nav { 361 position: absolute; 362 left: 5px; 363 right: 5px; 364 } 365 366 .nav-items.isZoeken .zoekveld-input { 367 width: calc(100% - 51px); 368 margin-left: 70px; 369 padding:5px; 370 371 } 372 373 .zoek-resultaten{ 374 background-color: #FFF; 375 width: 100%; 376 height: calc(100dvh - 205px); 377 overflow: scroll; 378 position: absolute; 379 left: 0px; 380 top: 80px; 381 padding-top: 20px; 382 } 383 } 384 385 </style> 386 <div class="zoek-resultaten" style=" 387"> 388 389 <div id="suggesties-container"> 390 <h3 id="title-suggesties">Zoek suggesties:</h3> 391 <div style="overflow-x: auto; white-space: nowrap;"> 392 <ul id="zoek-suggesties"> 393 394 </ul> 395 </div> 396 </div> 397 398 399 <ul id="zoek-resultaten"> 400 </ul> 401 </div> 402 </li> 403 </ul> 404 405 </nav> 406 </div> 407 <div class="mobile-nav"> 408 409 <div class="page1"> 410 411 <ul> 412 <li> 413 <input style="padding: 4px;" class="zoekveld-input" placeholder="Zoeken..." > 414 </li> 415 <li> 416 <a href="#" data-mega="menu-1" data-color="red"> 417 zien & doen </a> 418 </li> 419 <li> 420 <a href="#" data-mega="menu-9" data-color="blue"> 421 echte haringkoppen </a> 422 </li> 423 <li> 424 <a href="#" data-mega="menu-3" data-color="white"> 425 praktisch </a> 426 </li> 427 <li> 428 <a href="#" data-mega="menu-7" data-color="yellow"> 429 wonen </a> 430 </li> 431 432 <li> 433 <a href="/boeknu" class="active"> 434 <i class="fa-solid fa-ticket"></i> </a> 435 </li> 436 437 <li> 438 <a href="https://uitagenda.vlaardingendoen.nl/" class="active"> 439 UITAGENDA </a> 440 </li> 441 </ul> 442 </div> 443 <div class="page2"> 444 445 <div class="full-menu red"> 446 447 <div class="container submenu" id="menu-1"> 448 449 <div class="row justify-content-center"> 450 <div class="col-md-10 position-relative"> 451 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 452 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 453 </a> 454 455 <div class="row"> 456 <div class="col-md-5 left"> 457 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 458 <img src="/files/DSC04283.jpg" class="menuHeaderImage"> 459 <h5>Van fietsverhuur tot arrangementen</H5> 460 <h3>Bekijk hier ons aanbod</h3> 461 <a href="/boeknu" class="btn arrow">Klik hier voor alle tours & tickets</a> 462 </div> 463 <div class="col-md-7 right"> 464 <div class="row"> 465 <div class="col-md-6"> 466 <ul> 467 <li><a href="/lokale-smaken">Lokale smaken</a></li> 468 <li><a href="/zien-doen/arrangementen">Arrangementen</a></li> 469 <li><a href="/doen-in-het-groen">DOEN in het groen</a></li> 470 </ul> 471 </div> 472 <div class="col-md-6"> 473 <ul> 474 <li><a href="/zien-doen/kunst-cultuur">Kunst & cultuur</a></li> 475 <li><a href="/zien-doen/verken-de-stad">Verken de stad</a></li> 476 <li><a href="/zien-doen/met-kinderen">DOEN met kinderen</a></li> 477 </ul> 478 </div> 479 </div> 480 <a href="/zien-doen" class="extra arrow">Bekijk het volledige aanbod</a> 481 </div> 482 </div> 483 </div> 484 </div> 485 </div> 486 <div class="container submenu" id="menu-9"> 487 488 <div class="row justify-content-center"> 489 <div class="col-md-10 position-relative"> 490 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 491 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 492 </a> 493 494 <div class="row"> 495 <div class="col-md-5 left"> 496 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 497 <img src="/files/DSC00200-Verbeterd-NR.jpg" class="menuHeaderImage"> 498 <h5>Wat zijn haringkoppen?</H5> 499 <h3></h3> 500 <a href="/over-vlaardingen" class="btn arrow">Het verhaal van Vlaardingen</a> 501 </div> 502 <div class="col-md-7 right"> 503 <div class="row"> 504 <div class="col-md-6"> 505 <ul> 506 <li><a href="/wonen/woonverhalen">Huisje, boompje, Vlaardingen</a></li> 507 <li><a href="/mbo-stad">MBO-stad</a></li> 508 <li><a href="/ondernemen/haringkuit">Jonge ondernemers</a></li> 509 <li><a href="/ondernemen">Ondernemen in Vlaardingen</a></li> 510 </ul> 511 </div> 512 <div class="col-md-6"> 513 <ul> 514 <li><a href="/werken">Werken in Vlaardingen</a></li> 515 <li><a href="/wonen">
515Op huizenjacht</a></li> 516 <li><a href="https://vlaardingsecadeaubon.nl/">Vlaardingse Cadeaubon</a></li> 517 <li><a href="/blogs">Blogs</a></li> 518 </ul> 519 </div> 520 </div> 521 <a href="/echte-haringkoppen" class="extra arrow">Bekijk het volledige aanbod</a> 522 </div> 523 </div> 524 </div> 525 </div> 526 </div> 527 <div class="container submenu" id="menu-3"> 528 529 <div class="row justify-content-center"> 530 <div class="col-md-10 position-relative"> 531 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 532 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 533 </a> 534 535 <div class="row"> 536 <div class="col-md-5 left"> 537 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 538 <img src="/files/infopunt 04-07-24.jpg" class="menuHeaderImage"> 539 <h5>Alles bij de hand</H5> 540 <h3></h3> 541 <a href="/infopunt" class="btn arrow">Bezoek ons Infopunt</a> 542 </div> 543 <div class="col-md-7 right"> 544 <div class="row"> 545 <div class="col-md-6"> 546 <ul> 547 <li><a href="/infopunt">Infopunt Vlaardingen</a></li> 548 <li><a href="/winkelgebieden">Winkelgebieden</a></li> 549 <li><a href="/overnachten">Overnachten</a></li> 550 </ul> 551 </div> 552 <div class="col-md-6"> 553 <ul> 554 <li><a href="/bereikbaarheid">Bereikbaarheid</a></li> 555 <li><a href="https://vlaardingendoen.nl/vld-merchandise">Shop</a></li> 556 <li><a href="/fietsverhuur">Fietsverhuur</a></li> 557 </ul> 558 </div> 559 </div> 560 <a href="/praktisch" class="extra arrow">Bekijk het volledige aanbod</a> 561 </div> 562 </div> 563 </div> 564 </div> 565 </div> 566 <div class="container submenu" id="menu-7"> 567 568 <div class="row justify-content-center"> 569 <div class="col-md-10 position-relative"> 570 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 571 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 572 </a> 573 574 <div class="row"> 575 <div class="col-md-5 left"> 576 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 577 <img src="/files/City Tours (23) Watertoren.jpg" class="menuHeaderImage"> 578 <h5>Kom jij in Vlaardingen wonen?</H5> 579 <h3>Oktober is Woonmaand</h3> 580 <a href="/woonmaand" class="btn arrow">Lees alles over wat je deze maand kunt ontdekken</a> 581 </div> 582 <div class="col-md-7 right"> 583 <div class="row"> 584 <div class="col-md-6"> 585 <ul> 586 <li><a href="/wonen/waarom-vlaardingen">Waarom Vlaardingen?</a></li> 587 <li><a href="/wonen/huurwoningen">Huurwoningen</a></li> 588 <li><a href="/wonen/woonwijken">Woonwijken</a></li> 589 </ul> 590 </div> 591 <div class="col-md-6"> 592 <ul> 593 <li><a href="/wonen/koopwoningen">Koopwoningen</a></li> 594 <li><a href="/wonen/nieuwbouw">Nieuwbouwprojecten</a></li> 595 </ul> 596 </div> 597 </div> 598 <a href="/wonen" class="extra arrow">Bekijk het volledige aanbod</a> 599 </div> 600 </div> 601 </div> 602 </div> 603 </div> 604 <div class="container submenu" id="menu-10"> 605 606 <div class="row justify-content-center"> 607 <div class="col-md-10 position-relative"> 608 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 609 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 610 </a> 611 612 <div class="row"> 613 <div class="col-md-5 left"> 614 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 615 <img src="" class="menuHeaderImage"> 616 <h5></H5> 617 <h3></h3> 618 </div> 619 <div class="col-md-7 right"> 620 <div class="row"> 621 <div class="col-md-6"> 622 <ul> 623 </ul> 624 </div> 625 <div class="col-md-6"> 626 <ul> 627 </ul> 628 </div> 629 </div> 630 <a href="/boeknu" class="extra arrow">/boeknu</a> 631 </div> 632 </div> 633 </div> 634 </div> 635 </div> 636 <div class="container submenu" id="menu-6"> 637 638 <div class="row justify-content-center"> 639 <div class="col-md-10 position-relative"> 640 <a href="#" class="closeMenu" style="position:absolute; right:-70px; top:-10px;"> 641 <svg width="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 642 </a> 643 644 <div class="row"> 645 <div class="col-md-5 left"> 646 <a href="" class="nav-back btn btn-red arrow-left mb-4">Terug</a> 647 <img src="" class="menuHeaderImage"> 648 <h5></H5> 649 <h3></h3> 650 </div> 651 <div class="col-md-7 right"> 652 <div class="row"> 653 <div class="col-md-6"> 654 <ul> 655 </ul> 656 </div> 657 <div class="col-md-6"> 658 <ul> 659 </ul> 660 </div> 661 </div> 662 <a href="https://uitagenda.vlaardingendoen.nl/" class="extra arrow">UITAGENDA</a> 663 </div> 664 </div> 665 </div> 666 </div> 667 </div> 668 </div> 669 </div> 670 </div> 671 </div> 672 673 674 675 </header> 676 677 678 679 680<main> 681 682 683 <div class="row"> 684 <div class="col-md-12 removePaddingMobile"> 685 686 <div class="part " id="part-690b54efae1f18386" name="part-690b54efae1f18386"> 687 688 <style> 689 .image-gallery { 690 position: absolute; 691 display: inline-block; 692 overflow: hidden; 693 height: 100%; 694 width: 100% 695 } 696 .image-gallery img { 697 display: block; 698 width: 100%; 699 transition: opacity 0.3s ease; 700 } 701 .progress-bar { 702 position: absolute; 703 bottom: 0; 704 left: 0; 705 height: 4px; 706 background: #007bff; 707 width: 0%; 708 transition: width 0.3s ease; 709 } 710 @media (max-width: 787px) { 711 712 section.fotoblokken.height-50{ 713 height: inherit !important; 714 } 715 section.fotoblokken .row{ 716 height: inherit !important; 717 } 718 section.fotoblokken .item{ 719 height: 500px !important; 720 } 721 .height-mb-1-6 { 722 height: calc(100vh / 6) !important; 723 margin-bottom: 15px; 724 } 725 .height-mb-1-5 { 726 height: calc(100vh / 5) !important; 727 margin-bottom: 15px; 728 } 729 .height-mb-25 { 730 height: calc(100vh / 4) !important; 731 margin-bottom: 15px; 732 } 733 .height-mb-50 { 734 margin-bottom: 5px; 735 } 736 .height-mb-full { 737 height: calc(100vh / 1) !important; 738 margin-bottom: 15px; 739 } 740 .height-mb--full .inner{ 741 margin-bottom: 300px !important; 742 border:1px solid red; 743 } 744 } 745 </style> 746 <section class="fotoblokken "> 747 <div class="row g-md-0 "> 748 <div class="col-md- height-mb-50 749 "> 750 <div class="item" href=""> 751 752 753 754 755 <div class="image-gallery" data-count="1"> 756 <img src="/files/Beeldbank
756/Waterweg - RN.jpg" 757 class="image" 758 data-index="0" 759 style=""> 760 </div> 761 762 763 764 765 766 767 768 <div class="inner "> 769 770 771 772 773 <h3 style="font-size: 58px">Blogs</h3> 774 <p style="font-size: 32px">Alles over Vlaardingen</p> 775 776 </div> 777 </div> 778 </div> 779 </div> 780 </section> 781 782 783
783<script> 784 document.addEventListener('DOMContentLoaded', () => { 785 document.querySelectorAll('.item').forEach(item => { 786 const gallery = item.querySelector('.image-gallery'); 787 if (!gallery) return; 788 789 const images = gallery.querySelectorAll('.image'); 790 if (images.length === 0) return; 791 792 // Show only the first image by default 793 images.forEach(img => img.style.display = 'none'); 794 images[0].style.display = 'block'; 795 796 item.addEventListener('mousemove', e => { 797 const rect = item.getBoundingClientRect(); 798 const x = e.clientX - rect.left; 799 const percentage = (x / rect.width) * 100; 800 801 // Determine which image index to show based on percentage 802 const index = Math.min( 803 images.length - 1, 804 Math.floor((percentage / 100) * images.length) 805 ); 806 807 // Hide all images first 808 images.forEach(img => img.style.display = 'none'); 809 810 // Show the calculated image 811 images[index].style.display = 'block'; 812 }); 813 814 item.addEventListener('mouseleave', () => { 815 // Reset to first image 816 images.forEach(img => img.style.display = 'none'); 817 images[0].style.display = 'block'; 818 }); 819 }); 820 }); 821 </script>
821 822 </div><div class="container"><div class="row justify-content-center"><div class="col-md-8"><div class="part mt-2 " id="part-690b5bdb3a8465050" name="part-690b5bdb3a8465050"> 823 824 <div class=""> 825 <h2 class=" blauw mb-3" style="color: !important">Lees. Kijk. Beleef.</h2> 826 <p ><div>In Vlaardingen gebeurt altijd wat. En wij vangen die energie in onze blogs. Verhalen over mensen, plekken en momenten die je gewoon móét meemaken. We nemen je mee de stad in. Naar makers met lef, smaken die verrassen en events die je niet wilt missen. Geen praatjes, maar echte verhalen. Ter inspiratie, stoer en met een glimlach. Lees mee, laat je inspireren en trek eropuit. Want hier doen we niet aan stilzitten. Hier doen we aan VlaarDINGEN.</div> </p> 827 828 </div> 829 830 831 832 </div></div></div></div><div class="container"><div class="row justify-content-center"><div class="col-md-10"><div class="part " id="part-691b19778bc0b7579" name="part-691b19778bc0b7579"> 833 <section class="wonen"> 834 <div class="row justify-content-center"> 835 <div class="col-md-6"> 836 <article class="mb-5 article__housing yellow"> 837 <a href="/huisje-boompje-vlaardingen-wonen-aan-de-vaartweg"> 838 <div class="article__status">wonen </div> 839 840 <picture> 841 <img src="/files/wonen-aan-het-water-magazine-5.png"> 842 </picture> 843 <div class="info"> 844 <h3>Huisje, boompje, Vlaardingen: wonen aan de Vaartweg</h3> 845 <p> </p> 846 <img class="arrow" src="/assets/images/button_arrow.svg"> 847 </div> 848 </a> 849 </article> 850 </div> 851 <div class="col-md-6"> 852 <article class="mb-5 article__housing yellow"> 853 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-wonen-aan-de-oosthavenkade"> 854 <div class="article__status">wonen </div> 855 856 <picture> 857 <img src="/files/1 Witte vila.png"> 858 </picture> 859 <div class="info"> 860 <h3>Huisje, boompje, Vlaardingen: wonen aan de Oosthavenkade</h3> 861 <p> </p> 862 <img class="arrow" src="/assets/images/button_arrow.svg"> 863 </div> 864 </a> 865 </article> 866 </div> 867 <div class="col-md-6"> 868 <article class="mb-5 article__housing yellow"> 869 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-wonen-in-oost"> 870 <div class="article__status">wonen </div> 871 872 <picture> 873 <img src="/files/img-3466.jpg"> 874 </picture> 875 <div class="info"> 876 <h3>Huisje, boompje, Vlaardingen: wonen in Oost</h3> 877 <p> </p> 878 <img class="arrow" src="/assets/images/button_arrow.svg"> 879 </div> 880 </a> 881 </article> 882 </div> 883 <div class="col-md-6"> 884 <article class="mb-5 article__housing yellow"> 885 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-wonen-in-het-museumkwartier"> 886 <div class="article__status">wonen </div> 887 888 <picture> 889 <img src="/files/sanne.jpg"> 890 </picture> 891 <div class="info"> 892 <h3>Huisje, boompje, Vlaardingen: wonen in het Museumkwartier</h3> 893 <p> </p> 894 <img class="arrow" src="/assets/images/button_arrow.svg"> 895 </div> 896 </a> 897 </article> 898 </div> 899 <div class="col-md-6"> 900 <article class="mb-5 article__housing yellow"> 901 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-wonen-aan-de-parkweg"> 902 <div class="article__status">wonen </div> 903 904 <picture> 905 <img src="/files/Insta template VDD (17).png"> 906 </picture> 907 <div class="info"> 908 <h3>Huisje, boompje, Vlaardingen: wonen aan de Parkweg</h3> 909 <p> </p> 910 <img class="arrow" src="/assets/images/button_arrow.svg"> 911 </div> 912 </a> 913 </article> 914 </div> 915 <div class="col-md-6"> 916 <article class="mb-5 article__housing yellow"> 917 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-wonen-in-ambacht"> 918 <div class="article__status">wonen </div> 919 920 <picture> 921 <img src="/files/IMG_6464.jpeg"> 922 </picture> 923 <div class="info"> 924 <h3>Huisje, boompje, Vlaardingen: wonen in Ambacht</h3> 925 <p> </p> 926 <img class="arrow" src="/assets/images/button_arrow.svg"> 927 </div> 928 </a> 929 </article> 930 </div> 931 <div class="col-md-6"> 932 <article class="mb-5 article__housing yellow"> 933 <a href="https://vlaardingendoen.nl/huisje-boompje-vlaardingen-de-oostwijk"> 934 <div class="article__status">wonen </div> 935 936 <picture> 937 <img src="/files/june.png"> 938 </picture> 939 <div class="info"> 940 <h3>Huisje, boompje, Vlaardingen: de Oostwijk</h3> 941 <p> </p> 942 <img class="arrow" src="/assets/images/button_arrow.svg"> 943 </div> 944 </a> 945 </article> 946 </div> 947 <div class="col-md-6"> 948 <article class="mb-5 article__housing yellow"> 949 <a href="https://vlaardingendoen.nl/smaakmakers"> 950 <div class="article__status">smaakmaker </div> 951 952 <picture> 953 <img src="/files/ro23-00826-def.jpg"> 954 </picture> 955 <div class="info"> 956 <h3>Migas de AlmerÃa à la Haringkop</h3> 957 <p> </p> 958 <img class="arrow" src="/assets/images/button_arrow.svg"> 959 </div> 960 </a> 961 </article> 962 </div> 963 <div class="col-md-6"> 964 <article class="mb-5 article__housing yellow"> 965 <a href="https://vlaardingendoen.nl/van-stijns-vers-en-eerlijk"> 966 <div class="article__status">lokale smaken </div> 967 968 <picture> 969 <img src="/files/vanstijns-foto-stijn-kip-varken-1200x801.jpeg"> 970 </picture> 971 <div class="info"> 972 <h3>
972Van Stijn's: vers en eerlijk</h3> 973 <p> </p> 974 <img class="arrow" src="/assets/images/button_arrow.svg"> 975 </div> 976 </a> 977 </article> 978 </div> 979 <div class="col-md-6"> 980 <article class="mb-5 article__housing yellow"> 981 <a href="https://vlaardingendoen.nl/smaakmakers-pannenkoekentaart"> 982 <div class="article__status">smaakmaker </div> 983 984 <picture> 985 <img src="/files/tekst-wijzigen.png"> 986 </picture> 987 <div class="info"> 988 <h3>Pannenkoekentaart</h3> 989 <p> </p> 990 <img class="arrow" src="/assets/images/button_arrow.svg"> 991 </div> 992 </a> 993 </article> 994 </div> 995 <div class="col-md-6"> 996 <article class="mb-5 article__housing yellow"> 997 <a href="https://vlaardingendoen.nl/smaakmakers-wentelteefjes-van-renske"> 998 <div class="article__status">smaakmaker </div> 999 1000 <picture> 1001 <img src="/files/ro230717-135-def.jpg"> 1002 </picture> 1003 <div class="info"> 1004 <h3>Wentelteefjes van Renske Verbeek</h3> 1005 <p> </p> 1006 <img class="arrow" src="/assets/images/button_arrow.svg"> 1007 </div> 1008 </a> 1009 </article> 1010 </div> 1011 <div class="col-md-6"> 1012 <article class="mb-5 article__housing yellow"> 1013 <a href="https://vlaardingendoen.nl/bewust-genieten-by-june"> 1014 <div class="article__status">lokale smaken </div> 1015 1016 <picture> 1017 <img src="/files/june-anja-de-bruijn-opvragen.jpg"> 1018 </picture> 1019 <div class="info"> 1020 <h3>Bewust Genieten by June</h3> 1021 <p> </p> 1022 <img class="arrow" src="/assets/images/button_arrow.svg"> 1023 </div> 1024 </a> 1025 </article> 1026 </div> 1027 <div class="col-md-6"> 1028 <article class="mb-5 article__housing yellow"> 1029 <a href="/koffie-thee-en-zoet-van-ons"> 1030 <div class="article__status">lokale smaken </div> 1031 1032 <picture> 1033 <img src="/files/koffie-thee-en-zoet.jpg"> 1034 </picture> 1035 <div class="info"> 1036 <h3>Koffie, Thee en Zoet van Ons</h3> 1037 <p> </p> 1038 <img class="arrow" src="/assets/images/button_arrow.svg"> 1039 </div> 1040 </a> 1041 </article> 1042 </div> 1043 <div class="col-md-6"> 1044 <article class="mb-5 article__housing yellow"> 1045 <a href="/interview-met-stadsgidsen-petra--esther"> 1046 <div class="article__status">City Tours </div> 1047 1048 <picture> 1049 <img src="/files/city-tours-10.jpg"> 1050 </picture> 1051 <div class="info"> 1052 <h3>Interview met gidsen Petra en Esther</h3> 1053 <p> </p> 1054 <img class="arrow" src="/assets/images/button_arrow.svg"> 1055 </div> 1056 </a> 1057 </article> 1058 </div> 1059 <div class="col-md-6"> 1060 <article class="mb-5 article__housing yellow"> 1061 <a href="https://vlaardingendoen.nl/smaakmakers-lianne-van-kalken"> 1062 <div class="article__status">smaakmaker </div> 1063 1064 <picture> 1065 <img src="/files/ro230929-286-def-2025-01-30-113853.jpg"> 1066 </picture> 1067 <div class="info"> 1068 <h3>Tarte Tatin met wilde perzik van Lianne van Kalken</h3> 1069 <p> </p> 1070 <img class="arrow" src="/assets/images/button_arrow.svg"> 1071 </div> 1072 </a> 1073 </article> 1074 </div> 1075 <div class="col-md-6"> 1076 <article class="mb-5 article__housing yellow"> 1077 <a href="https://vlaardingendoen.nl/smaakmakers-gevulde-paprikas-van-bart-van-dorp"> 1078 <div class="article__status">smaakmaker </div> 1079 1080 <picture> 1081 <img src="/files/9-2024-12-19-161713.png"> 1082 </picture> 1083 <div class="info"> 1084 <h3>Gevulde paprika's van Bart van Dorp</h3> 1085 <p> </p> 1086 <img class="arrow" src="/assets/images/button_arrow.svg"> 1087 </div> 1088 </a> 1089 </article> 1090 </div> 1091 <div class="col-md-6"> 1092 <article class="mb-5 article__housing yellow"> 1093 <a href="https://vlaardingendoen.nl/Vergaderruimtes%20in%20Vlaardingen"> 1094 <div class="article__status">werken </div> 1095 1096 <picture> 1097 <img src="/files/Actueel/vergaderzaal-3.jpg"> 1098 </picture> 1099 <div class="info"> 1100 <h3>Vergaderruimtes in Vlaardingen</h3> 1101 <p> </p> 1102 <img class="arrow" src="/assets/images/button_arrow.svg"> 1103 </div> 1104 </a> 1105 </article> 1106 </div> 1107 <div class="col-md-6"> 1108 <article class="mb-5 article__housing yellow"> 1109 <a href="https://vlaardingendoen.nl/flexwerkplekken-in-vlaardingen"> 1110 <div class="article__status">werken </div> 1111 1112 <picture> 1113 <img src="/files/Actueel/ooak-werkplek-2.jpg"> 1114 </picture> 1115 <div class="info"> 1116 <h3>Flexwerkplekken in Vlaardingen</h3> 1117 <p> </p> 1118 <img class="arrow" src="/assets/images/button_arrow.svg"> 1119 </div> 1120 </a> 1121 </article> 1122 </div> 1123 <div class="col-md-6"> 1124 <article class="mb-5 article__housing yellow"> 1125 <a href="https://vlaardingendoen.nl/proeverijen-vlaardingen"> 1126 <div class="article__status">lokale smaken </div> 1127 1128 <picture> 1129 <img src="/files/Actueel/hethart.png"> 1130 </picture> 1131 <div class="info"> 1132 <h3>Proeverijen in Vlaardingen</h3> 1133 <p> </p> 1134 <img class="arrow" src="/assets/images/button_arrow.svg"> 1135 </div> 1136 </a> 1137 </article> 1138 </div> 1139 </div> 1140 </section> 1141 1142 1143 </div></div></div></div> 1144 </div> 1145 </div> 1146 1147</main> 1148 <section class="social-media"> 1149 <div class="container"> 1150 <div class="row justify-content-center"> 1151 <div class="col-lg-5 d-flex justify-content-center"> 1152 <ul> 1153 <li><a href="https://www.facebook.com/KomVlaarDINGENDoen" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 1154 <li><a href="https://instagram.com/Vlaardingen_doen" target="_blank"><i class="fab fa-instagram"></i></a></li> 1155 <li><a href="https://www.youtube.com/@VlaardingenDoen" target="_blank"><i class="fab fa-youtube"></i></a></li> 1156 <li><a href="https://www.tiktok.com/@vlaardingendoen" target="_blank"><i class="fab fa-tiktok"></i></a></li> 1157 <li><a href="https://www.linkedin.com/company/vlaardingen-partners/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> 1158 </ul> 1159 </div> 1160 </div> 1161 </div> 1162 </section> 1163 <section class="newsletter"> 1164 <div class="container"> 1165 <div class="row justify-content-center"> 1166 <div class="col-lg-5"> 1167 <h4>Aanmelden voor de nieuwsbrief</h4> 1168 <h5>Blijf op de hoogte van de laatste ontwikkelingen</h5> 1169 <form class="validate" action="/form/newsletter"> 1170 <input type="hidden" name="gender"> 1171 <div class="form-group mb-4 d-lg-flex"> 1172 <input type="email" name="email" class="form-control" id="emailInput" placeholder="E-mail"> 1173 <button type="submit" class="btn btn-send float-end">Inschrijven</button> 1174 </div> 1175 <div class="feedback"></div> 1176 </form> 1177 </div> 1178 </div> 1179 1180 </div> 1181 <hr> 1182 </section> 1183 <footer class="text-center text-lg-start text-white pt-3"> 1184 <section class=""> 1185 <div class="container text-center text-md-start"> 1186 <div class="row mt-3 alig"> 1187 <div class="col-md-3 col-lg-4 col-xl-2 mx-auto mb-4"> 1188 <div class="row justify-content-center"> 1189 <div class="col-md-11 col-5"> 1190 <img src="/assets/images/logo_vld_footer.svg" alt="Logo" class="logo"> 1191 </div> 1192 </div> 1193 </div> 1194 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4 mt-3"> 1195 <h6 class="text-uppercase fw-bold mb-2 mb-md-4"> 1196 Informatie </h6> 1197 <ul> 1198 <li><a href="/cookies" class="text-reset">Cookies</a></li> 1199 <li><a href="/colofon" class="text-reset">Colofon</a></li> 1200 <li><a href="/disclaimer" class="text-reset">Disclaimer</a></li> 1201 </ul> 1202 </div> 1203 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4 mt-3"> 1204 <h6 class="text-uppercase fw-bold mb-2 mb-md-4"> 1205 Vlaardingen Partners </h6> 1206 <ul> 1207 <li><a href="/contact" class="text-reset">Contact</a></li> 1208 <li><a href="/over-ons" class="text-reset">Over ons</a></li> 1209 <li><a href="/tip-de-redactie" class="text-reset">Tip de redactie</a></li> 1210 <li><a href="/huisstijlgids" class="text-reset">Huisstijlgids</a></li> 1211 </ul> 1212 </div> 1213 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4 mt-3"> 1214 <h6 class="text-uppercase fw-bold mb-2 mb-md-4"> 1215 Openingstijden </h6> 1216 <ul> 1217 <li><a href="" class="text-reset">Maandag t/m zaterdag 10:00 - 16:00 uur</a></li> 1218 <li><a href="" class="text-reset">Zondag 11:00 - 16:00 uur</a></li> 1219 </ul> 1220 </div> 1221 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4 mt-3"> 1222 <h6 class="text-uppercase fw-bold mb-2 mb-md-4"> 1223 </h6> 1224 <ul> 1225 <li><i class="fas fa-home me-3 text-secondary"></i><a href="" target="_blank" class="text-reset">Westhavenkade 53A, 3131AG, Vlaardingen</a></li> 1226 <li><i class="fas fa-envelope me-3 text-secondary"></i><a href="mailto:[email protected]" target="_blank" class="text-reset">[email protected]</a></li> 1227 <li><i class="fas fa-phone me-3 text-secondary"></i><a href="tel:010-3100840" target="_blank" class="text-reset">010-3100840</a></li> 1228 </ul> 1229 </div> 1230 </div> 1231 </div> 1232 </section> 1233 </footer> 1234</footer>
1235<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 1235
1235
1236<script src="/assets/js/bundle.js?v=4.1"></script>
vendor: 1 bytes, line 1236
1236
1237<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1237
1237
1238<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
1238 1239 1240</body> 1241</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.