1 2 3<!DOCTYPE html> 4<html class="no-js" lang="en"> 5 6<head> 7 <meta charset="utf-8"> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <title>OMG | Gespecialiseerd online marketingbureau B2C en B2B</title> 10 <meta name="description" content="Al ruim 25 jaar specialist in het online werven van kwalitatieve leads en nieuwe klanten | Het grootste e-mailbereik van Nederland"> 11 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 12 <!-- Favicon --> 13 <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon_omg.png"> 14 15 <!-- Plugins CSS (All Plugins Files) --> 16 <link rel="stylesheet" href="/assets/css/plugins/font-awesome.min.css"> 17 <link rel="stylesheet" href="/assets/css/plugins/swiper-bundle.min.css"> 18 <link rel="stylesheet" href="/assets/css/plugins/animate.min.css"> 19 <link rel="stylesheet" href="/assets/css/plugins/odometer-theme-default.min.css"> 20 <link rel="stylesheet" href="/assets/css/plugins/fancybox.min.css"> 21 <link rel="stylesheet" href="/assets/css/plugins/magnific-pupup.css"> 22 23 <!-- Bootstrap CSS --> 24 <link rel="stylesheet" href="/assets/css/vendor/bootstrap.min.css"> 25 26 <!-- Style CSS --> 27 <link rel="stylesheet" href="/assets/css/style.css"> 28 <link rel="stylesheet" href="https://use.typekit.net/utx5tri.css"> 29 30 <!-- Scripts voor ODM formulier --> 31 <link rel="stylesheet" href="https://site-id.nettrack.nl/campaign/scripts/formcheck/jquery/jquery-ui.min.css" /> 32
32<script src="https://site-id.nettrack.nl/campaign/scripts/formcheck/jquery/jquery-1.11.2.js" type="text/javascript" charset="utf-8"></script>
32 33
33<script src="https://site-id.nettrack.nl/campaign/scripts/formcheck/jquery/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
33 34 35
35<script type="text/javascript"> 36 function show_error(error, element) { 37 $errorbox = element.closest(".errorMainbox").children(".errorbox"); 38 error.appendTo($errorbox); 39 } 40 41 var custmessages = { 42 respondee_telephoneNumber: { 43 required: "U heeft uw telefoonnummer nog niet ingevuld", 44 telefoonCombinedCheck: "Telefoonnummer bevat een ongeldige waarde", 45 pattern: "Telefoonnummer bevat een ongeldige waarde", 46 remote: "Telefoonnummer bevat een ongeldige waarde", 47 }, 48 respondee_emailAddress: { 49 required: "Uw e-mail is nog niet ingevuld", 50 pattern: "E-mail is geen geldig e-mailadres", 51 emailDomainCheck: "E-mail is geen geldig e-mailadres", 52 }, 53 additionalFields_naam: { 54 required: "U heeft uw naam nog niet ingevuld", 55 pattern: "Naam bevat een ongeldige waarde", 56 remote: "Naam bevat een ongeldige waarde", 57 }, 58 additionalFields_message: { 59 required: "U heeft nog geen bericht achtergelaten", 60 pattern: "Bericht bevat een ongeldige waarde", 61 remote: "Bericht bevat een ongeldige waarde", 62 } 63 } 64 65 var aid='$parameter(aid)'; 66 67 </script>
67 68
68<script src="https://site-id.nettrack.nl/campaign/scripts/formcheck/omg-validator.js" type="text/javascript" charset="utf-8"></script>
68 69
69<script src="https://site-id.nettrack.nl/campaign/scripts/extras2018.js" type="text/javascript" charset="utf-8"></script>
69 70
70<script src="https://site-id.nettrack.nl/campaign/scripts/bdpagina.js" type="text/javascript" charset="utf-8"></script>
70<!-- verplicht bij kranten en bladen acties --> 71 72 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 72-73
72 73 <script async src="https://www.googletagmanager.com/gtag/js?id=
73G-XZYWY6XV3H
vendor: 16 bytes, lines 73-74
73"></script> 74
74<script> 75
vendor: 146 bytes, lines 75-79
75window.dataLayer = window.dataLayer || []; 76 function gtag(){dataLayer.push(arguments);} 77 gtag('js', new Date()); 78 79 gtag('config', '
79G-XZYWY6XV3H
vendor: 8 bytes, lines 79-80
79'); 80
80</script>
80 81 82 <!-- Extra CSS per pagina --> 83 84 <link rel="alternate" 85 hreflang="nl" href="https://www.omg.nl/"> 86 87 <link rel="alternate" 88 hreflang="en" href="https://www.onlinemarketinggroup.com/"> 89 90</head> 91 92<body> 93 <header class="header-wrapper sticky-header"> 94 <div class=""> 95 <div class="container"> 96 <div class="row"> 97 <div class="col-12" style="padding-left:0px; padding-right:0px;"> 98 <div class="flex-center justify-content-between"> 99 <!-- Header Logo Start --> 100 <div class="logo"> 101 <a href="/"> 102 <img class="logo_omg" src="/assets/images/logo_omg.svg" alt="OMG"> 103 </a> 104 </div> 105 <!-- Header Logo End --> 106 107 <div class="flex-center header-right"> 108 <!-- Header Menu Start --> 109 <div class="d-none d-lg-flex header-right_menu"> 110 <nav class="main-menu-omg"> 111 <ul> 112 <!-- 113 <li class="has-children"><a href="#onze-diensten">Branches</a> 114 --> 115 <li><a href="/werkwijze">Werkwijze</a></li> 116 117 <li class="has-children"><a class="no-click" href="">Diensten</a> 118 <ul class="sub-menu"> 119 <li><a href="/e-mailmarketing">E-mail Marketing</a></li> 120 <li><a href="/affiliatemarketing">Affiliate Marketing</a></li> 121 <li><a href="/marketingautomation">Marketing Automation</a></li> 122 <li><a href="/gotomarketengineering">Go-to-Market Engineering</a></li> 123 <li><a href="/creativestudio">Creative Studio</a></li> 124 <li><a href="/ai-personas">AI-persona's</a></li> 125 <li><a href="/ai-builder-maildirect">AI-builder Maildirect</a></li> 126 <!-- <li><a href="https://www.omg.nl/contentmarketing">Content Marketing</a></li> --> 127 </ul> 128 </li> 129 <li class="has-children"><a class="no-click" href="">Branches</a> 130 <ul class="sub-menu"> 131 <li><a href="/automotive">Automotive</a></li> 132 <li><a href="/goededoelen">Goede doelen</a></li> 133 <li><a href="/opleiders">Opleiders</a></li> 134 <li><a href="/uitgeverijen">Uitgeverijen</a></li> 135 </ul> 136 </li> 137 138 <!-- Anchors 139 <li><a href="#touch-tell-sell">Over ons</a></li> 140 <li><a href="#onze-aanpak">Aanpak</a></li> 141 <li><a href="#onze-diensten">Diensten</a></li> 142 --> 143 144 <!-- 145 <li class="has-children"><a href="#onze-diensten">Diensten</a> 146 --> 147 148 <li class="has-children"><a class="no-click" href="">Cases</a> 149 <ul class="sub-menu"> 150 <li><a href="/creaties">Creaties</a></li> 151 <li><a href="/cases">Cases</a></li> 152 <li><a href="/merken">Merken</a></li> 153 </ul> 154 </li> 155 <!-- <li><a href="/cases">Cases</a></li> --> 156 157 <li><a href="/overons">Over ons</a></li> 158 <li><a href="/contact">Contact</a></li> 159 </ul> 160 </nav> 161 </div> 162 <!-- Header Menu End --> 163 164 <nav class="lang-switcher lang-switcher--desktop" aria-label="Taalkeuze"> 165 <button class="lang-switcher__trigger" type="button" aria-label="Taal kiezen: Nederlands" aria-expanded="false" aria-controls="language-menu-desktop"> 166 <img class="lang-switcher__flag" src="/assets/images/icons/nl_rect.svg" alt="" width="20" height="14">
167 <span class="lang-switcher__label">NL</span> 168 </button> 169 <div class="lang-switcher__menu" id="language-menu-desktop" inert> 170 <a class="lang-switcher__link" href="https://www.onlinemarketinggroup.com/" hreflang="en" lang="en" aria-label="English"> 171 <img class="lang-switcher__flag" src="/assets/images/icons/en_rect.svg" alt="" width="20" height="14"> 172 <span class="lang-switcher__label">EN</span> 173 </a> 174 </div> 175 </nav> 176 177 <!-- Header Actions Start --> 178 <div class="header-right_actions flex-center"> 179 <div class="header-right_call"> 180 <div class="icon btn btn-style-one-omg"> 181 <span><i class="fas fa-phone-alt"></i></span> 182 </div> 183 <div class="call-meta"> 184 <span class="call-meta_text">Bel ons:</span> 185 <a href="tel:+31307504000" class="call-meta_number">030 750 4000</a> 186 </div> 187 </div> 188 189 <div class="hamburger d-block d-lg-none"> 190 <!-- Mobile Menu Hambarger Action Button Start --> 191 <a class="header-action-btn header-action-btn-menu hamburger_button d-flex" href="#/" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-header"> 192 <span></span> 193 <span></span> 194 <span></span> 195 </a> 196 <!-- Mobile Menu Hambarger Action Button End --> 197 </div> 198 199 </div> 200 <!-- Header Social Actions End --> 201 </div> 202 </div> 203 </div> 204 </div> 205 </div> 206 </div> 207 </header> 208 209 <div class="offcanvas offcanvas-end" id="offcanvas-header"> 210 211 <div class="offcanvas-header"> 212 <!-- Header Logo Start --> 213 <div class="logo"> 214 <a href="/"> 215 <img class="logo_omg" src="/assets/images/logo_omg.svg" alt="OMG"> 216 </a> 217 </div> 218 <!-- Header Logo End --> 219 <button type="button" class="btn-close text-reset mobilemenu-close" data-bs-dismiss="offcanvas" aria-label="Close"><i class="fas fa-times"></i></button> 220 </div> 221 <div class="offcanvas-body"> 222 <nav class="lang-switcher lang-switcher--mobile" aria-label="Taalkeuze"> 223 <span class="lang-switcher__link lang-switcher__link--active" lang="nl" aria-label="Nederlands" aria-current="true"> 224 <img class="lang-switcher__flag" src="/assets/images/icons/nl_rect.svg" alt="" width="20" height="14"> 225 <span class="lang-switcher__label">NL</span> 226 </span> 227 <a class="lang-switcher__link" href="https://www.onlinemarketinggroup.com/" hreflang="en" lang="en" aria-label="English"> 228 <img class="lang-switcher__flag" src="/assets/images/icons/en_rect.svg" alt="" width="20" height="14"> 229 <span class="lang-switcher__label">EN</span> 230 </a> 231 </nav> 232 <!-- mobile menu navigation start --> 233 <nav> 234 <ul class="mobile-menu-omg"> 235 <li><a href="/werkwijze">Werkwijze</a></li> 236 237 <li class="menu-item-has-children"> 238 <a href="#">Diensten</a> 239 <ul class="dropdown"> 240 <li><a href="/e-mailmarketing">E-mail Marketing</a></li> 241 <li><a href="/affiliatemarketing">Affiliate Marketing</a></li> 242 <li><a href="/marketingautomation">Marketing Automation</a></li> 243 <li><a href="/gotomarketengineering">Go-to-Market Engineering</a></li> 244 <li><a href="/creativestudio">Creative Studio</a></li> 245 <li><a href="/ai-personas">AI-persona's</a></li> 246 <li><a href="/ai-builder-maildirect">AI-builder Maildirect</a></li> 247 </ul> 248 </li> 249 250 <li class="menu-item-has-children"> 251 <a href="#">Branches</a> 252 <ul class="dropdown"> 253 <li><a href="/automotive">Automotive</a></li> 254 <li><a href="/goededoelen">Goede doelen</a></li> 255 <li><a href="/opleiders">Opleiders</a></li> 256 <li><a href="/uitgeverijen">Uitgeverijen</a></li> 257 </ul> 258 </li> 259 260 261 <!-- Anhors 262 <li><a href="#onze-aanpak">Aanpak</a></li> 263 --> 264 265 <li class="menu-item-has-children"> 266 <a href="#">Cases</a> 267 <ul class="dropdown"> 268 <li><a href="/creaties">Creaties</a></li> 269 <li><a href="/cases">Cases</a></li> 270 <li><a href="/merken">Merken</a></li> 271 </ul> 272 </li> 273 274 <li><a href="/persuasiongame">Persuasion Game</a></li> 275 <li><a href="/vacatures">Vacatures</a></li> 276 <li><a href="/overons">Over ons</a></li> 277 <li><a href="/contact">Contact</a></li> 278 </ul> 279 </nav> 280 <!-- mobile menu navigation end --> 281 </div> 282 283 </div> 284 285
285<script> 286const allowedUrls = [ 287 '/audi', 288 '/tikkie', 289 '/mercedes-benz', 290 '/rabobank', 291 '/porsche', 292 '/vodafone', 293 '/mazda', 294 '/centraal-beheer', 295 '/landrover', 296 '/interpolis', 297 '/toyota', 298 '/rvo' 299]; 300 301// Voeg uitzonderingen toe voor pagina's die juist NIET beveiligd moeten worden 302const excludedUrls = [ 303 '/affiliate-portal' 304]; 305 306const currentUrl = window.location.href; 307const isIframe = window !== window.top; 308const isMobile = /Mobi|Android/i.test(navigator.userAgent); 309 310// Controleer of huidige URL uitgesloten moet worden 311const isExcluded = excludedUrls.some(url => currentUrl.includes(url)); 312 313// Alleen beveiligingsscript activeren als URL niet is uitgesloten 314if (!isExcluded && (allowedUrls.includes(currentUrl) || isIframe)) { 315 document.addEventListener('contextmenu', e => e.preventDefault()); 316 317 document.addEventListener('keydown', function(e) { 318 const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0; 319 if ( 320 ((isMac && e.metaKey) || (!isMac && e.ctrlKey)) && e.key.toLowerCase() === 'u' || 321 ((isMac && e.metaKey) || (!isMac && e.ctrlKey)) && e.key.toLowerCase() === 's' || 322 e.key === 'F12' || 323 ((isMac && e.metaKey && e.altKey && e.key.toLowerCase() === 'i') || 324 (!isMac && e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'i')) 325 ) { 326 e.preventDefault(); 327 } 328 }); 329 330 // Alleen desktop-devtools detectie uitvoeren als het geen mobiel apparaat is 331 if (!isMobile) { 332 setInterval(function() { 333 debugger; 334 }, 100); 335 336 const checkDevTools = function() { 337 const threshold = 160; 338 if ( 339 window.outerWidth - window.innerWidth > threshold || 340 window.outerHeight - window.innerHeight > threshold 341 ) { 342 document.body.innerHTML = "Inspecteren niet toegestaan"; 343 } 344 }; 345 346 window.addEventListener('resize', checkDevTools); 347 setInterval(checkDevTools, 1000); 348 } 349 350 console.log('Beveiligingsscript actief'); 351} 352</script>
352 353
354<script> 355document.querySelectorAll('.lang-switcher').forEach(function (switcher) { 356 const trigger = switcher.querySelector('.lang-switcher__trigger'); 357 const menu = switcher.querySelector('.lang-switcher__menu'); 358 if (!trigger || !menu) return; 359 function setOpen(open) { 360 trigger.setAttribute('aria-expanded', String(open)); 361 menu.inert = !open; 362 } 363 switcher.addEventListener('pointerenter', function (event) { 364 if (event.pointerType === 'mouse') setOpen(true); 365 }); 366 switcher.addEventListener('pointerleave', function (event) { 367 if (event.pointerType === 'mouse' && !switcher.contains(document.activeElement)) setOpen(false); 368 }); 369 trigger.addEventListener('click', function (event) { 370 // A mouse click keeps the menu opened by hover available; touch toggles it. 371 setOpen(event.detail > 0 && matchMedia('(hover: hover)').matches ? true : trigger.getAttribute('aria-expanded') !== 'true'); 372 }); 373 switcher.addEventListener('keydown', function (event) { 374 if (event.key === 'Escape') { 375 setOpen(false); 376 trigger.focus(); 377 } 378 if (event.key === 'ArrowDown') { 379 event.preventDefault(); 380 setOpen(true); 381 menu.querySelector('a').focus(); 382 } 383 }); 384 switcher.addEventListener('focusout', function (event) { 385 if (!switcher.contains(event.relatedTarget)) setOpen(false); 386 }); 387 document.addEventListener('click', function (event) { 388 if (!switcher.contains(event.target)) setOpen(false); 389 }); 390}); 391</script>
391 392 393<h1 class="h1hide">OMG</h1> 394 395 <!-- Slider Section Start --> 396 <div class="slider-section" id="home"> 397 <div class="swiper sliderone animation-style-01"> 398 <div class="swiper-wrapper"> 399 <div class="swiper-slide"> 400 <div class="header-custom-height customheight slingle-slider single-slider-three overlay slider-container-omg"> 401 402 <!-- Background slider --> 403 <div class="bg-slider-omg"> 404 <div id="homevisual1"> 405 <div class="bgslide" style="background-image: url('/assets/images/header_home.jpg');"></div> 406 </div> 407<!-- <div id="homevisual2"> 408 <div class="bgslide" style="background-image: url('/assets/images/header_home_2.jpg');"></div> 409 </div> 410 <div id="homevisual3"> 411 <div class="bgslide" style="background-image: url('/assets/images/header_home_3.jpg');"></div> 412 </div> 413 <div id="homevisual4"> 414 <div class="bgslide" style="background-image: url('/assets/images/header_home_4.jpg');"></div> 415 </div> 416 <div id="homevisual5"> 417 <div class="bgslide" style="background-image: url('/assets/images/header_home_5.jpg');"></div> 418 </div> --> 419 </div> 420 421 <div class="slider-content-wrapper customalign"> 422 <div class="container slider-container header-custom"> 423 <div class="row"> 424 <!-- <div class="col-12 col-xl-5 col-lg-7 align-self-center"> --> 425 <div class="col-12"> 426 <div class="slider-content slider-content-pad"> 427 <h2 class="title header-text header-text-new">Making<br>online marketing<br>work</h2> 428 <br><span class="subtitle">Ruim 25 jaar ervaring</span> 429 <br><a href="/werkwijze" class="btn btn-style-one-omg"> <span>Onze werkwijze</span></a> 430 </div> 431 </div> 432 </div> 433 </div> 434 </div> 435 </div> 436 </div> 437 </div> 438 </div> 439 </div> 440 <!-- Slider Section End --> 441 442 <section class="emercebar"> 443 <div class="container"> 444 <div class="row"> 445 <div class="col-12"> 446 <div class="bar wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 447 <div class="row align-items-center"> 448 <div class="col-12 d-none d-sm-block offset-sm-2 col-sm-8 offset-md-0 col-md col-xl-5"> 449 <div class="row"> 450 <div class="col-5 col-sm-6 col-lg-5"> 451 <a href="/affiliatemarketing" id="Homepage_IMG_Emerce100"> 452 <img src="/assets/images/footer/emerce100.svg" alt="Emerce 100" class="emerce_logos"> 453 </a> 454 </div> 455 <div class="col-2 d-sm-none"> 456 457 </div> 458 <div class="col-5 col-sm-6 col-lg-5"> 459 <a href="/affiliatemarketing" id="Homepage_IMG_Stars"> 460 <div class="stars"> 461 <img src="/assets/images/footer/5-sterren.svg" alt="5-sterren score" class="emerce_stars"> 462 </div> 463 </a> 464 </div> 465 </div> 466 </div> 467 <div class="col-12 col-md col-xl-7"> 468 <div class="d-block d-sm-none widthhomeemerce" style="width:100%; margin:0 auto;"> 469 <a href="/affiliatemarketing" id="Homepage_IMG_Emerce100"> 470 <img src="/assets/images/footer/emerce100.svg" alt="Emerce 100" class="emerce_logos" style="display: inline-block;"> 471 </a> 472 <a href="/affiliatemarketing" id="Homepage_IMG_Stars"> 473 <div class="stars" style="display: inline-block;"> 474 <img src="/assets/images/footer/5-sterren.svg" alt="5-sterren score" class="emerce_stars"> 475 </div> 476 </a> 477 </div> 478 <p class="starstxt"><a href="/affiliatemarketing" id="Homepage_TXT_Emerce100" style="color:#000000!important;">Trots op onze 5-sterren score<br class="d-block d-lg-none"> voor Affiliate Marketing</a></p> 479 </div> 480 </div> 481 </div> 482 </div> 483 </div> 484 </div> 485 </section> 486 487 <!-- Introtekst --> 488 <div class="solution section-padding" id="onze-aanpak"> 489 <div class="container"> 490 <div class="row"> 491 <div class="col-lg-6 about overflow-visible"> 492 <div class="about-content ms-0"> 493 <div class="section-head wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 494 <!-- <span class="subtitle">Over ons</span> --> 495 <h2 class="title">Online <br class="d-none d-md-block">Marketing <br>Group</h2> 496 </div> 497 </div> 498 </div> 499 <div class="col-lg-6"> 500 <div class="about-three-content wow fadeIn" data-wow-duration="1s" data-wow-delay=".1s"> 501 <p class="text"> 502 Online Marketing Group is een van de meest ervaren bureaus van Nederland. Gespecialiseerd in <b style="font-weight:600;">leadgeneratie</b>, <b style="font-weight:600;">e-mailmarketing</b> en <b style="font-weight:600;">affiliate marketing</b> voor het bereiken van doelgroepen (touch), het inrichten van opvolgflows (tell) en het optimaliseren van conversie (sell).</p> 503 <p class="text"> 504 Wij zijn trots op de merken waar we voor mogen werken zoals <b style="font-weight:600;">DPG Media</b>, <b style="font-weight:600;">Roularta</b>, <b style="font-weight:600;">Mediahuis</b>, <b style="font-weight:600;">Mazda</b>, <b style="font-weight:600;">Oranje Fonds</b>, <b style="font-weight:600;">Nespresso</b>, <b style="font-weight:600;">Audi</b>, <b style="font-weight:600;">MAX magazine</b>, <b style="font-weight:600;">Toyota</b> en vele anderen.</p> 505 </div> 506 </div> 507 </div> 508 </div> 509 </div> 510 <!-- Introductietekst End --> 511 512 <!-- Diensten --> 513 <div class="service-section service-three section-padding"> 514 <div class="container"> 515 <div class="row"> 516 <div class="col-12 wow fadeIn" data-wow-duration=".7s" data-wow-delay=".1s"> 517 <div id="onze-diensten" class="section-title-center section-head text-center"> 518 <h2 class="title">Wat kunnen we<br>voor jou betekenen?</h2> 519 </div> 520 </div> 521 </div> 522 <div class="row row-cols-xxl-3 row-cols-xl-2 row-cols-lg-2 row-cols-md-1 row-cols-1 mb-n25"> 523 <!-- <div class="row row-cols-xl-3 row-cols-lg-2 row-cols-md-2 row-cols-1 mb-n25"> --> 524 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 525 <!-- Single Service Start --> 526 <div class="single-service"> 527 <div class="single-service-top"> 528 <div class="icon"> 529 <img src="/assets/images/icons/e-mailmarketing.svg" alt="E-mail Marketing"> 530 </div> 531 <h4 class="title"> 532 <a href="/e-mailmarketing">E-mail Marketing</a> 533 </h4> 534 </div> 535 <p class="single-service-text"><b style="font-weight:600;">Bereik</b> het hart van uw doelgroep met ons geprofileerde bereik van ruim 1,2 miljoen B2C & B2B profielen.</p> 536 <a class="readmore-btn" href="/e-mailmarketing">Lees meer</a> 537 </div> 538 <!-- Single Service End --> 539 </div> 540 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 541 <!-- Single Service Start --> 542 <div class="single-service"> 543 <div class="single-service-top"> 544 <div class="icon"> 545 <img src="/assets/images/icons/affiliatemarketing.svg" alt="Affiliate Marketing"> 546 </div> 547 <h4 class="title"> 548 <a href="/affiliatemarketing">Affiliate Marketing</a> 549 </h4> 550 </div> 551 <p class="single-service-text"><b style="font-weight:600;">Werf</b> kwalitatieve leads en abonnees in ons omvangrijke affiliatenetwerk en reken af op meetbaar resultaat.</p> 552 <a class="readmore-btn" href="/affiliatemarketing">Lees meer</a> 553 </div> 554 <!-- Single Service End --> 555 </div> 556 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".3s"> 557 <!-- Single Service Start --> 558 <div class="single-service"> 559 <div class="single-service-top"> 560 <div class="icon"> 561 <img src="/assets/images/icons/marketingautomation.svg" alt="Marketing Automation"> 562 </div> 563 <h4 class="title"> 564 <a href="/marketingautomation">Marketing Automation</a> 565 </h4> 566 </div> 567 <p class="single-service-text"><b style="font-weight:600;">Automatiseer en personaliseer</b> uw <span class="nowrap">e-mail</span> (opvolg)flows o.b.v. strategie, data en technologie.</p> 568 <a class="readmore-btn" href="/marketingautomation">Lees meer</a> 569 </div> 570 <!-- Single Service End --> 571 </div> 572 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 573 <!-- Single Service Start --> 574 <div class="single-service"> 575 <div class="single-service-top"> 576 <div class="icon"> 577 <img src="/assets/images/icons/gotomarketengineering.svg" alt="Go-to-Market Engineering"> 578 </div> 579 <h4 class="title"> 580 <a href="/gotomarketengineering">Go-to-Market Engineering</a> 581 </h4> 582 </div> 583 <p class="single-service-text"><b style="font-weight:600;">Ontwikkel</b> een datagedreven marktbenadering waarin strategie en technologie samenkomen.</p> 584 <a class="readmore-btn" href="/gotomarketengineering">Lees meer</a> 585 </div> 586 <!-- Single Service End --> 587 </div> 588 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".3s"> 589 <!-- Single Service Start --> 590 <div class="single-service"> 591 <div class="single-service-top"> 592 <div class="icon"> 593 <img src="/assets/images/icons/e-mailcreatie.svg" alt="Inhouse creatie"> 594 </div> 595 <h4 class="title"> 596 <a href="/creativestudio">Creative Studio</a> 597 </h4> 598 </div> 599 <p class="single-service-text"><b style="font-weight:600;">Verleid</b> uw doelgroep o.b.v. directmarketing- én verleidings<span class="d-none d-lg-inline">-</span>technieken uit de neurowetenschap.</p> 600 <a class="readmore-btn" href="/creativestudio">Lees meer</a> 601 </div> 602 <!-- Single Service End --> 603 </div> 604 <div class="col mb-25 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".3s"> 605 <!-- Single Service Start --> 606 <div class="single-service"> 607 <div class="single-service-top"> 608 <div class="icon"> 609 <img src="/assets/images/icons/aipersonas.svg" alt="AI-persona's"> 610 </div> 611 <h4 class="title"> 612 <a href="/ai-personas">AI-persona‘s</a> 613 </h4> 614 </div> 615 <p class="single-service-text"><b style="font-weight:600;">Versterk</b> uw communicatie met professionele AI-campagnebeelden op maat.</p> 616 <a class="readmore-btn" href="/ai-personas">Lees meer</a> 617 </div> 618 <!-- Single Service End --> 619 </div> 620 </div> 621 </div> 622 </div> 623 <!-- Diensten End --> 624 625 <!-- Cijfers --> 626 <div class="funfact"> 627 <div class="container"> 628 <div class="row"> 629 <div class="col-12"> 630 <div class="funfact-bg funfact-bg-two"> 631 <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n5"> 632 <div class="col col-sm-12 col-md-12 col-lg-4 col-xl mb-5 wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".1s"> 633 <div class="single-funfact text-start"> 634 <div class="funfact-inner">
635 <span class="odometer" data-count-to="1.2" style="display: block; text-align: center;"></span> 636 <span class="increment" style="display: block; text-align: center;">M</span> 637 <!-- 638 <span class="odometer2">1</span> 639 <span class="million">M</span> 640 --> 641 </div> 642 <div class="funfact-content"> 643 <p class="text">B2C en B2B<br>profielen</p> 644 </div> 645 </div> 646 </div> 647 <div class="col col-sm-12 col-md-12 col-lg-5 col-xl mb-5 wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".5s"> 648 <div class="single-funfact text-start"> 649 <div class="funfact-inner"> 650 <span class="odometer" data-count-to="100" style="display: block; text-align: center;"></span> 651 <span class="increment" style="display: block; text-align: center;">%</span> 652 </div> 653 <div class="funfact-content"> 654 <p class="text">compliant en<br>AVG-proof<br></p> 655 </div> 656 </div> 657 </div> 658 <div class="col col-sm-12 col-md-12 col-lg-3 col-xl mb-5 wow fadeInUp" data-wow-duration=".7s" data-wow-delay=".3s"> 659 <div class="single-funfact text-start"> 660 <div class="funfact-inner"> 661 <span class="odometer" data-count-to="1" style="display: block; text-align: center;"></span> 662 <span class="increment" style="display: block; text-align: center;">K</span> 663 </div> 664 <div class="funfact-content"> 665 <p class="text">campagnes<br></p> 666 </div> 667 </div> 668 </div> 669 </div> 670 </div> 671 </div> 672 </div> 673 </div> 674 </div> 675 <!-- Cijfers End --> 676 677 <!-- Klantlogo's --> 678 <section class="iconset"> 679 <div class="container"> 680 <div id="iconset1"> 681 <div class="row"> 682 <div class="col-12"> 683 <img src="/assets/images/iconslider/blok1_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 684 <img src="/assets/images/iconslider/blok1.png" alt="Desktop" class="slider d-none d-md-block"> 685 </div> 686 </div> 687 </div> 688 <div id="iconset2"> 689 <div class="row"> 690 <div class="col-12"> 691 <img src="/assets/images/iconslider/blok2_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 692 <img src="/assets/images/iconslider/blok2.png" alt="Desktop" class="slider d-none d-md-block"> 693 </div> 694 </div> 695 </div> 696 <div id="iconset3"> 697 <div class="row"> 698 <div class="col-12"> 699 <img src="/assets/images/iconslider/blok3_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 700 <img src="/assets/images/iconslider/blok3.png" alt="Desktop" class="slider d-none d-md-block"> 701 </div> 702 </div> 703 </div> 704 <div id="iconset4"> 705 <div class="row"> 706 <div class="col-12"> 707 <img src="/assets/images/iconslider/blok4_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 708 <img src="/assets/images/iconslider/blok4.png" alt="Desktop" class="slider d-none d-md-block"> 709 </div> 710 </div> 711 </div> 712 </div> 713 </section> 714 715 <!-- Aanpak Touch Tell Sell --> 716 <div class="portfolio-one portfolio-two section-padding mbottomaanpak" id="touch-tell-sell"> 717 <div class="container"> 718 <div class="portfolio-wrapper"> 719 <div class="row row-cols-1 portfolio-two-ncol grid parent-gallery"> 720 <div class="col portfolio-two-left grid-item wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 721 <!-- Section Title Start --> 722 <div id="onze-aanpak" class="section-title-center section-head tell-sell-text" style="margin-bottom:unset;"> 723 <!-- <span class="subtitle">Compliance</span> --> 724 <h2 class="title">ISO 9001- en 27001-gecertificeerd</h2> 725 <p class="text" style="max-width:unset !important;">Bij Online Marketing Group geloven we dat sterke marketing alleen kan bestaan op een basis van kwaliteit, betrouwbaarheid en veiligheid. Daarom werken we al meer dan 20 jaar volgens gecertificeerde standaarden en zijn we opnieuw <b style="font-weight:600;">ISO 9001:2015</b> én <b style="font-weight:600;">ISO 27001:2022</b> gecertificeerd.</p> 726 <p class="text" style="max-width:unset !important;">ISO 9001 borgt de kwaliteit van onze processen en dienstverlening. ISO 27001:2022 – de nieuwste internationale norm voor informatiebeveiliging – bevestigt dat wij zorgvuldig en structureel omgaan met data, risico’s en compliance. Privacy staat bij ons hoog in het vaandel en de <b style="font-weight:600;">veilige verwerking van klant- en persoonsgegevens</b> is vanzelfsprekend onderdeel van ons dagelijks werk. In een vakgebied waarin data, technologie en digitale dreigingen steeds complexer worden, is dat geen bijzaak maar een randvoorwaarde. Voor onze klanten betekent dit samenwerken met een bureau dat niet alleen resultaatgerichte campagnes ontwikkelt, maar ook aantoonbaar grip heeft op kwaliteit, informatiebeveiliging en verantwoord datagebruik.</p> 727 </div> 728 <!-- Section Title End --> 729 </div> 730 </div> 731 </div> 732 </div> 733 </div> 734 <section class="iconset1"> 735 <div class="container"> 736 <div id="iconsetcompliance"> 737 <div class="row"> 738 <div class="col-12" style="margin-top:20px;"> 739 <img src="/assets/images/footer/blok_compliance_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 740 <img src="/assets/images/footer/blok_compliance.png" alt="Desktop" class="slider d-none d-md-block"> 741 </div> 742 </div> 743 </div> 744 </div> 745 </section> 746 <!-- Aanpak End --> 747 748 <!-- Work Banner Start --> 749 <div class="workbanner-three-omg wow fadeIn" data-wow-duration="1s" data-wow-delay=".1s" id="contact"> 750 <div class="container"> 751 <div class="row"> 752 <div class="col"> 753 <div class="work-banner"> 754 <!-- Section Title Start --> 755 <div class="section-title-center section-head text-start mb-0">
756 <span class="subtitle">Meer weten?</span> 757 <h2 class="title">Neem contact op</h2> 758 <p class="text mb-0">Voor al je vragen, meer informatie over onze diensten of om je aan te melden als publisher of uitgeverij.</p> 759 </div> 760 <!-- Section Title End --> 761 <!-- Portfolio Button Start --> 762 <div class="work-banner-btn"> 763 <a class="btn-style-three-omg" href="/contact">Contact »</a> 764 <!-- btn btn-style-one-omg --> 765 766 </div> 767 <!-- Portfolio Button End --> 768 </div> 769 </div> 770 </div> 771 </div> 772 </div> 773 <!-- Work Banner End --> 774 775 776 777 778 <div class="subscription-style-two"> 779 <div class="container"> 780 <div class="row"> 781 <div class="col-12"> 782 <div class="footer-top-subscription"> 783 <div class="section-title-center section-head mb-0 wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 784 <span class="subtitle">Blijf op de hoogte</span> 785 <h2 class="title">OMG nieuwsbrief</h2> 786 </div> 787 <div class="subcription-form-wrapper wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s"> 788 <form action="https://site-id.nettrack.nl/nd_servlet/___" method="post" id="responseform" name="responseform" target="nettrack_iframe" class="subscribe-form comment-form-inner contact-form wow fadeIn" data-wow-duration="1.5s" data-wow-delay=".1s" style="background-color: unset; padding: unset; border-radius: 20px;"> 789 <div style="position: relative;"> 790 <input type="email" id="respondee_emailAddress" name="respondee_emailAddress" value="" placeholder="E-mailadres" maxlength="50" style="border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 80px; border-bottom-right-radius: 80px;"> 791 <div class="errorbox" id="newsletter-error" style="color: #ff4444; font-size: 14px; position: absolute; top: 100%; left: 0; margin-top: 5px; display: none; width: 100%;"></div> 792 </div> 793 <input type="hidden" id="action" name="action" value="action"> 794 <input type="hidden" id="cid" name="cid" value="12408"> 795 <input type="hidden" id="aid" name="aid" value=""> 796 <input type="hidden" id="pos" name="pos" value=""> 797 <input type="hidden" id="subid1" name="subid1" value=""> 798 <input type="hidden" id="subid3" name="subid3" value=""> 799 <input type="hidden" id="subid4" name="subid4" value=""> 800 <input type="hidden" id="subid5" name="subid5" value=""> 801 <input type="hidden" id="sid_session" name="sid_session" value=""> 802 <input type="hidden" id="bid" name="bid" value=""> 803 804 <input type="hidden" id="final_parameters" name="final_parameters" value="respondee_emailAddress"> 805 806 <input type="hidden" id="final" name="final" value="https://mailmedia.nl/bedankt"> 807 808 <input type="hidden" id="response2_cols" name="response2_cols" value="respondee_emailAddress"> 809 <input type="hidden" id="version" name="response2_version" value="1.1"> 810 <button class="button btnnb" type="submit" style="border-radius:80px;">Aanmelden</button> 811 </form> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 </div> 818 819 820 821<section class="iconset1"> 822 <div class="container"> 823 <div id="iconsetcompliance"> 824 <div class="row"> 825 <div class="col-12 pad30" style="margin-bottom:-45px;"> 826 <div style="height: 100px;"> </div> 827 </div> 828 </div> 829 </div> 830 </div> 831</section> 832 833 834 <footer class="footer-wrapper-three mt-0"> 835 <div class="container"> 836 <div class="row mb-n30 justify-content-center"> 837 838 <!-- Footer Widget Start --> 839 <div class="col-lg-3 col-sm-6 col-12 mb-30"> 840 <div class="footer-widget negative-margin"> 841 <div class="logo"> 842 <a href="/"> 843 <img class="logo_omg" src="/assets/images/logo_omg.svg" alt="OMG"> 844 </a> 845 </div> 846 <ul class="footer-widget-list-icon"> 847 <li><i class="fas fa-map-marker-alt"></i> <span>Atoomweg 63<br>3542 AA Utrecht</span></li> 848 <li><i class="fas fa-envelope"></i> <span><a href="mailto:[email protected]">[email protected]</a></span> </li> 849 <li><i class="fas fa-phone"></i><span><a href="tel:+31307504000">030 750 4000</a></span> </li> 850 </ul> 851 <img src="/assets/images/footer/emerce100.svg" alt="Emerce 100" class="emerce_logo d-block d-sm-none d-lg-block"> 852 </div> 853 </div> 854 <!-- Footer Widget End --> 855 856 <!-- Links OMG --> 857 <div class="col-lg-3 col-sm-6 d-md-block col-12 mb-30 justify-content-lg-center justify-content-md-end"> 858 <div class="footer-widget"> 859 <h5 class="footer-widget-title">OMG</h5> 860 <ul class="footer-widget-list"> 861 <li><a href="/werkwijze">Werkwijze</a></li> 862 <li><a href="/blog">Blog</a></li> 863 <li><a href="/persuasiongame">Persuasion Game</a></li> 864 <li><a href="/vacatures">Vacatures</a></li> 865 <li><a href="/contact">Contact</a></li> 866 </ul> 867 </div> 868 </div> 869 <!-- Links OMG --> 870 871 <!-- Links diensten --> 872 <div class="col-lg-3 col-12 col-sm-6 mb-30 justify-content-start"> 873 <div class="footer-widget"> 874 <h5 class="footer-widget-title">Diensten</h5> 875 <ul class="footer-widget-list"> 876 <li><a href="/e-mailmarketing">E-mail Marketing</a></li> 877 <li><a href="/affiliatemarketing">Affiliate Marketing</a></li> 878 <li><a href="/marketingautomation">Marketing Automation</a></li> 879 <li><a href="/gotomarketengineering">Go-to-Market Engineering</a></li> 880 <li><a href="/creativestudio">Creative Studio</a></li> 881 <li><a href="/ai-personas">AI-persona's</a></li> 882 <li><a href="/ai-builder-maildirect">AI-builder Maildirect</a></li> 883 </ul> 884 <img src="/assets/images/footer/emerce100.svg" alt="Emerce 100" class="emerce_logo d-none d-sm-block d-lg-none"> 885 </div> 886 </div> 887 <!-- Links diensten --> 888 889 <!-- Links cases --> 890 <div class="col-lg-3 d-md-block col-12 col-sm-6 mb-30 justify-content-lg-center justify-content-md-end"> 891 <div class="footer-widget"> 892 <h5 class="footer-widget-title">Recente cases</h5> 893 <ul class="footer-widget-list"> 894 <li><a href="/audi">Audi</a></li> 895 <li><a href="/case-tikkie-zakelijk">Tikkie zakelijk</a></li> 896 <li><a href="/centraal-beheer">Centraal Beheer</a></li> 897 <li><a href="/opel">Opel</a></li> 898 <li><a href="/rabobank">Rabobank</a></li> 899 <li><a href="/porsche">Porsche</a></li> 900 <li><a href="/mazda-mkb">Mazda</a></li> 901 </ul> 902 </div> 903 </div> 904 <!-- Links cases --> 905 906 </div> 907 908 <!-- Partners Section --> 909 <section class="iconset1"> 910 <div class="container"> 911 <div id="iconsetpartners"> 912 <div class="row"> 913 <div class="col-12 pad30" style="margin-top:100px;"> 914 <img src="/assets/images/footer/blok_partners_tablet.png" alt="Mobiel" class="slider d-block d-md-none"> 915 <img src="/assets/images/footer/blok_partners.png" alt="Desktop" class="slider d-none d-md-block"> 916 </div> 917 </div> 918 </div> 919 </div> 920 </section> 921 <!-- Partners Section End --> 922 923 <div class="row"> 924 <div class="col-12"> 925 <div class="copyright"> 926 <p class="order-md-1 order-2">© 2026 Online Marketing Group.</p> 927 928 <ul class="footer-bootm-list order-md-2 order-1"> 929 <li><a href="/algemene-voorwaarden">Algemene voorwaarden</a></li> 930 <li>|</li> 931 <li><a href="/privacy">Privacy</a></li> 932 </ul> 933 </div> 934 </div> 935 </div> 936 </div> 937 </footer> 938 <!-- Footer Style Three End --> 939 940 <!-- Scroll Top Start --> 941 <a href="#" class="scroll-top show" id="scroll-top"> 942 <i class="arrow-top fas fa-angle-double-up"></i> 943 <i class="arrow-bottom fas fa-angle-double-up"></i> 944 </a> 945 <!-- Scroll Top End --> 946 947 <!-- JS Vendor, Plugins & Activation Script Files --> 948 949 <!-- Vendors JS --> 950
950<script src="/assets/js/vendor/modernizr-3.11.7.min.js"></script>
950 951
951<script src="/assets/js/vendor/bootstrap.min.js"></script>
951 952 953 <!-- Plugins JS --> 954
954<script src="/assets/js/plugins/magnificpopup.min.js"></script>
954 955
955<script src="/assets/js/plugins/swiper-bundle.min.js"></script>
955 956
956<script src="/assets/js/plugins/tilt.jquery.min.js"></script>
956 957
957<script src="/assets/js/plugins/odometer.min.js"></script>
957 958
958<script src="/assets/js/plugins/isotope.min.js"></script>
958 959
959<script src="/assets/js/plugins/imagesloaded.min.js"></script>
959 960
960<script src="/assets/js/plugins/waypoint.min.js"></script>
960 961
961<script src="/assets/js/plugins/wow.min.js"></script>
961 962
962<script src="/assets/js/plugins/fancybox.min.js"></script>
962 963
963<script src="/assets/js/plugins/jquery.ajaxchimp.min.js"></script>
963 964 965 <!-- Activation JS --> 966
966<script src="/assets/js/main.js"></script>
966 967
967<script src="/assets/js/pages/home.js"></script>
967 968 969
969<script src="/assets/js/slider.js"></script>
969 970
970<script src="/assets/js/nav-links.js"></script>
970 971 972 <!-- NetTrack XSD validator (nodig voor correct inschieten in NetTrack) --> 973
973<script src="https://site-id.nettrack.nl/servlet/xsd2val?cid=12408" id="servletURL" type="text/javascript" charset="utf-8"></script>
973 974 975 <!-- Hidden iframe voor NetTrack submit (zodat geen redirect plaatsvindt) --> 976 <iframe name="nettrack_iframe" style="display: none;"></iframe> 977 978 <!-- Newsletter Handler -->
979<script> 980document.addEventListener('DOMContentLoaded', function() { 981 const newsletterForm = document.getElementById('responseform'); 982 const alreadySubscribed = false; 983 984 if (newsletterForm) { 985 986 if (alreadySubscribed) { 987 const emailInput = document.getElementById('respondee_emailAddress'); 988 const errorBox = document.getElementById('newsletter-error'); 989 errorBox.textContent = 'Dit e-mailadres is al aangemeld voor de nieuwsbrief.'; 990 errorBox.style.display = 'block'; 991 } 992 993 newsletterForm.addEventListener('submit', function(e) { 994 e.preventDefault(); 995 996 const emailInput = document.getElementById('respondee_emailAddress'); 997 const submitButton = newsletterForm.querySelector('.button.btnnb'); 998 const errorBox = document.getElementById('newsletter-error'); 999 1000 errorBox.style.display = 'none'; 1001 errorBox.textContent = ''; 1002 1003 if (!emailInput.value || emailInput.value.trim() === '') { 1004 errorBox.textContent = 'Vul een e-mailadres in'; 1005 errorBox.style.display = 'block'; 1006 return false; 1007 } 1008 1009 if (!emailInput.validity.valid) { 1010 errorBox.textContent = 'Vul een geldig e-mailadres in'; 1011 errorBox.style.display = 'block'; 1012 return false; 1013 } 1014 1015 submitButton.disabled = true; 1016 submitButton.textContent = 'Bezig...'; 1017 1018 const emailNotification = new FormData(); 1019 emailNotification.append('respondee_emailAddress', emailInput.value); 1020 emailNotification.append('cid', '12408'); 1021 1022fetch('https://www.omg.nl/?newsletter_check=1', { 1023 method: 'POST', 1024 body: emailNotification 1025}) 1026.then(function(response) { return response.text(); }) 1027.then(function(html) { 1028 if (html.trim() === 'DUPLICATE') { 1029 submitButton.disabled = false; 1030 submitButton.textContent = 'Aanmelden'; 1031 errorBox.textContent = 'Dit e-mailadres is al aangemeld voor de nieuwsbrief.'; 1032 errorBox.style.display = 'block'; 1033 return; 1034 } 1035 1036 newsletterForm.submit(); 1037 1038 emailInput.style.transition = 'opacity 0.5s ease-out'; 1039 submitButton.style.transition = 'opacity 0.5s ease-out'; 1040 emailInput.style.opacity = '0'; 1041 submitButton.style.opacity = '0'; 1042 1043 setTimeout(function() { 1044 emailInput.style.display = 'none'; 1045 submitButton.style.display = 'none'; 1046 errorBox.style.display = 'none'; 1047 1048 const thankYouMessage = document.createElement('div'); 1049 thankYouMessage.className = 'newsletter-thank-you'; 1050 thankYouMessage.style.opacity = '0'; 1051 thankYouMessage.style.transition = 'opacity 0.5s ease-in'; 1052 thankYouMessage.innerHTML = '<p class="bdnbtxt">Bedankt voor je aanmelding,<br/>We houden je op de hoogte.</p>'; 1053 1054 newsletterForm.appendChild(thankYouMessage); 1055 1056 setTimeout(function() { 1057 thankYouMessage.style.opacity = '1'; 1058 }, 50); 1059 }, 500); 1060 }) 1061 .catch(function() { 1062 newsletterForm.submit(); 1063 }); 1064 1065 return false; 1066 }); 1067 } 1068}); 1069</script>
1069 1070 1071 <!-- Plaats hieronder het Anchor repositioning script--> 1072 1073</body> 1074</html> 1075
1075<script> 1076 function setupFade(displayTime = 5000, transitionTime = 2000) { 1077 const set1 = document.getElementById('iconset1'); 1078 const set2 = document.getElementById('iconset2'); 1079 const set3 = document.getElementById('iconset3'); 1080 const set4 = document.getElementById('iconset4'); 1081 1082 // Reset en config 1083 clearTimeout(window.fadeTimer); 1084 set1.style.transition = set2.style.transition = set3.style.transition = set4.style.transition = 1085 `opacity ${transitionTime}ms ease-in-out`; 1086 1087 // Begin met set1 zichtbaar, anderen onzichtbaar 1088 set1.style.opacity = 1; 1089 set2.style.opacity = 0; 1090 set3.style.opacity = 0; 1091 set4.style.opacity = 0; 1092 1093 // Variabele om bij te houden welke set momenteel actief is (begint met 1) 1094 let activeSet = 1; 1095 1096 // Functie om naar de volgende set te wisselen 1097 const switchToNextSet = () => { 1098 // Huidige set verbergen 1099 document.getElementById(`iconset${activeSet}`).style.opacity = 0; 1100 1101 // Naar volgende set gaan, terug naar 1 als we bij 4 waren 1102 activeSet = activeSet === 4 ? 1 : activeSet + 1; 1103 1104 // Nieuwe set tonen 1105 document.getElementById(`iconset${activeSet}`).style.opacity = 1; 1106 1107 // Timer voor volgende wissel 1108 window.fadeTimer = setTimeout(switchToNextSet, displayTime + transitionTime); 1109 }; 1110 1111 // Start eerste wissel na displayTime 1112 window.fadeTimer = setTimeout(switchToNextSet, displayTime); 1113 } 1114 document.addEventListener('DOMContentLoaded', () => setupFade(5000, 2000)); 1115 </script>
1115 1116 1117
1117<script> 1118 function setupHomepageFade(displayTime = 3500, transitionTime = 2000) { 1119 const sets = [ 1120 document.getElementById('homevisual1'), 1121 document.getElementById('homevisual2'), 1122 document.getElementById('homevisual3'), 1123 document.getElementById('homevisual4'), 1124 document.getElementById('homevisual5') 1125 ]; 1126 1127 // Check of elementen bestaan 1128 if (!sets[0]) return; 1129 1130 // Init eerste zichtbaar 1131 sets.forEach((s, i) => { 1132 s.style.opacity = i === 0 ? '1' : '0'; 1133 s.style.zIndex = i === 0 ? '2' : '1'; 1134 }); 1135 1136 let activeIndex = 0; 1137 1138 const switchToNextSet = () => { 1139 sets[activeIndex].style.opacity = '0'; 1140 sets[activeIndex].style.zIndex = '1'; 1141 1142 activeIndex = (activeIndex + 1) % sets.length; 1143 1144 sets[activeIndex].style.opacity = '1'; 1145 sets[activeIndex].style.zIndex = '2'; 1146 1147 setTimeout(switchToNextSet, displayTime + transitionTime); 1148 }; 1149 1150 setTimeout(switchToNextSet, displayTime); 1151 } 1152 1153 document.addEventListener('DOMContentLoaded', () => setupHomepageFade()); 1154 </script>
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.