PageSourceSearch

https://www.nettrack.nl/

html nettrack.nl collected 2026-09-26 20:23:46 UTC 63,186 bytes, 1,154 lines download raw bytes

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&nbsp;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                                        &nbsp;
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&nbsp;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- &eacute;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&lsquo;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&nbsp;&nbsp;&raquo;</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;">&nbsp;</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">&copy;&nbsp;2026 Online&nbsp;Marketing&nbsp;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.