<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->

<!--                                                                                                                                                 
                                                                                                                                          
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                  :::::::::::::::::,.                                                                 
                                                  ::::::::::::::::::::::::.                                                           
                                                  :::::::::::::::::::::::::::,                                                        
                                                  ::::::::::::::::::::::::::::::                      .#`                             
                                                  :::::::::::::::::::::::::::::::,                  +#`                               
                                                  :::::::::::::::::::::::::::::::::              .##,                                 
                                                  ::::::::::::::::::::::::::::::::::           :##;                                   
                                                  :::::::::::::::::::::::::::::::::::        '###                                     
                                                  ::::::::::::::::::::::::::::::::::       '###.                                      
                                                  :::::::::      `.:::::::::::::::`      '###+                                        
                                                  :::::::::          `::::::::::.      :####`                                         
                                                  :::::::::             :::::::      `####+                                           
                                                  :::::::::               :::`      #####,                                            
                                                  :::::::::                :      ;#####;                                             
                                                  :::::::::                      ########                                             
                                                  :::::::::                    '#########                                             
                                                  :::::::::                   ###########,                                            
                                                  :::::::::                 :############+                                            
                                                  :::::::::      `:        ###############                                            
                                                  :::::::::    `:,        ################                                            
                                                  :::::::::   ::.       ,#################                                            
                                                  ::::::::: ,::`       '######'###########                                            
                                                  ::::::::::::        #######' ###########                                            
                                                  :::::::::::        #######'  ###########                                            
                                                  ::::::::::        #######'   ###########                                            
                                                  :::::::::       `#######+    ###########                                            
                                  `               ::::::::       `########     ###########                                            
                                  +:              :::::::       .########     .###########                                            
                                   #'             ::::::       .########      '###########                                            
                                   :#+            :::::       .########       ###########'                                            
                                    ###           ::::       `########`       ###########.                                            
                                    `###          :::       `########,       +###########                                             
                                     ####         ::        ########+        ############                                             
                                      ####        :        #########        ############,                                             
                                      '####       .       #########        :############                                              
                                       #####             #########.       :############;                                              
                                       ,####+           +########+       '#############                                               
                                        #####;         :#########      `##############.                                               
                                         #####,        #########     ;###############+                                                
                                         ######`      ###############################                                                 
                                          ######     ###############################                                                  
                                          ;######   :##############################                                                   
                                           #######  ##############################                                                    
                                           .######:#############################:                                                     
                                            ###################################                                                       
                                             ###############################+                                                         
                                             +############################,                                                           
                                              ######################+;.                                                               
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
     ###     ####           ##                                    ####, #######+`     ###        `###       ::,                       
     ###    ####           '##,                                  ###### ##########    ###        ###,       ::,                       
     ###   '###            :##.             ##;                 ,###,#  ###########   :##+       ###        ::,                       
     ###  .###              :,              ##;                 ###     ###    ;####   ###      .###        ::,                       
     ###  ###`                              ##;                 ###     ###      ###`  ###`     ###`        ::,                       
     ### ###;     '## #### .##    #####+  #######,   `####'   ++###+++  ###      `###  `###     ###         ::, ::::,      .:::::     
     #######      ;#######:`##   ######## #######,  ;#######  ########  ###       ###   ###    .##+         ::::::::::    ::::::::    
     ######       ;####### `##  ;##:  +#  #######,  ####+#### ########  ###       ###   +##`   ###          ::::::::::,  .:::,`::::   
     #####`       ;###   : `##  ###         ##:    ###`   ###   ###     ###       +##    ###   ###          ::::    :::  :::    `::   
     ######       ;##      `##  ;##+`       ##:    ###     ##:  ###     ###       ###    ###  ,##;          :::     ,::  ::.     ::.  
     ###'###      ;##      `##   #######    ##:    ##:     ##+  ###     ###       ###    ;##. ###           :::      ::  ::::::::::,  
     ### ####     ;##      `##    #######   ##:    ##:     ##+  ###     ###       ###     ### ###           :::      ::  ::::::::::,  
     ###  ####    ;##      `##        ###   ##:    ###     ##'  ###     ###      ###,     ###,##,           :::     ,::  ::`          
     ###   ###'   ;##      `##   +     ##   ##+    ###    +##   ###     ###    ,####      ,#####            :::,    :::  :::          
     ###    ###,  ;##      `##  '##,  ###   ###'+  `###',####   ###     ###########        #####      `::   :::::.,:::,  .:::,`,::    
     ###    .###  ;##      `##  #########   :####;  ########    ###     ##########`        ####`      :::`  ::::::::::    :::::::::   
     ###     '### ;##      .##   +######     '####   ;#####     ###     ########;          `###       `::   ::..:::::      ,:::::,    
                                   `..                                                                                                
                                                                                                                                      
                                                                                                                                      

-->

<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->

<!DOCTYPE html>
<html lang="nl" class="no-js">
    <!-- Begin Head -->
    <head>
        <!-- Basic -->
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <!-- <title>Kristof De Vos - Web Designer/Developer - Putte te Mechelen</title> -->
        <title>Contacteer mij - Kristof De Vos - Web Designer/Developer - Putte te Mechelen & Heist-op-den-Berg</title>
        <meta name="keywords" content="Webdesign, Webdesigner, webdevelopment, webdeveloper, webapplicaties, websites, SEO, SEA, online reclame, laten maken, hosting, domeinnamen, email, Kristof De Vos, Freelance Web Designer, software" />
        <!-- <meta name="description" content="Ik ben Kristof De Vos, een freelance web developer/web designer en ondernemer die websites, webshops, webapplicaties en SEO/SEA op maat ontwikkelt voor iedereen. Iedereen die een professioneel product wenst kan bij mij terecht."> -->
        <meta name="description" content="Wil je een groter doelpubliek aanspreken en je omzet nog harder vergroten? Ik maak voor jou een webshop">
        <meta name="author" content="Kristof De Vos">

        <!-- Canonical URL -->
                <link rel="canonical" href="https://kristofdv.be/contact.php" />

        <!-- hreflang alternates (NL <-> EN) -->
        <link rel="alternate" hreflang="nl" href="https://kristofdv.be/contact.php" />
                <link rel="alternate" hreflang="en" href="https://kristofdv.be/en/contact.php" />
                <link rel="alternate" hreflang="x-default" href="https://kristofdv.be/contact.php" />
                <meta name="last-modified" content="2026-03-27" />
        
        <meta name="theme-color" content="#13b1cd">

        <!-- Open Graph -->
        <meta property="og:type" content="website" />
        <meta property="og:locale" content="nl_BE" />
        <meta property="og:site_name" content="KristofDV.be" />
        <meta property="og:title" content="Contacteer mij - Kristof De Vos - Web Designer/Developer - Putte te Mechelen &amp; Heist-op-den-Berg"/>
        <meta property="og:description" content="Wil je een groter doelpubliek aanspreken en je omzet nog harder vergroten? Ik maak voor jou een webshop"/>
        <meta property="og:url" content="https://kristofdv.be/contact.php"/>
        <meta property="og:image" content="https://kristofdv.be/img/og-image.jpg"/>

        <!-- Twitter Card -->
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="Contacteer mij - Kristof De Vos - Web Designer/Developer - Putte te Mechelen &amp; Heist-op-den-Berg"/>
        <meta name="twitter:description" content="Wil je een groter doelpubliek aanspreken en je omzet nog harder vergroten? Ik maak voor jou een webshop"/>
        <meta name="twitter:url" content="https://kristofdv.be/contact.php" />
        <meta name="twitter:image" content="https://kristofdv.be/img/og-image.jpg" />

        <!-- Web Fonts -->
        
        
        <link rel="preconnect" href="https://www.googletagmanager.com">
        <link rel="preconnect" href="https://static.hotjar.com">
        <link rel="preconnect" href="https://www.google-analytics.com">
        <style type="text/css">@font-face {font-family:'Lato';font-style:normal;font-weight:300;src:url(/cf-fonts/s/lato/5.2.7/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Lato';font-style:normal;font-weight:300;src:url(/cf-fonts/s/lato/5.2.7/latin-ext/300/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Lato';font-style:normal;font-weight:400;src:url(/cf-fonts/s/lato/5.2.7/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Lato';font-style:normal;font-weight:400;src:url(/cf-fonts/s/lato/5.2.7/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Lato';font-style:italic;font-weight:400;src:url(/cf-fonts/s/lato/5.2.7/latin-ext/400/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Lato';font-style:italic;font-weight:400;src:url(/cf-fonts/s/lato/5.2.7/latin/400/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.2.8/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.2.8/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.2.8/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.2.8/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.2.8/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.2.8/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.2.8/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.2.8/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.2.8/latin-ext/700/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.2.8/cyrillic/700/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}</style>

        <!-- Vendor Styles -->
        <link rel="stylesheet" href="/vendor/ouibounce/ouibounce.css">
        <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="/css/animate.css" rel="stylesheet" type="text/css"/>
        <link href="/vendor/themify/themify.css" rel="stylesheet" type="text/css"/>
        <link href="/vendor/scrollbar/scrollbar.min.css" rel="stylesheet" type="text/css"/>
        <link href="/vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
        <link href="/vendor/swiper/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="/vendor/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

        <!-- Theme Styles (auto cache-busted so CSS updates take effect immediately).
             Uses a content hash, not the file's modified time: the deploy resets
             mtimes to a fixed date, which froze filemtime() and broke cache-busting. -->
                <link href="/css/style.css?v=416c047502" rel="stylesheet" type="text/css"/>
        <link href="/css/global/global.css?v=42f88b2d1c" rel="stylesheet" type="text/css"/>
        <link href="/css/mobile-ux.css?v=f47a27446a" rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
        <script src='https://www.google.com/recaptcha/api.js'></script>

        <!-- Lottie images -->
        <script async src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

        <!-- CKEditor -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.8.0/ckeditor.js"></script>
        
        <!-- Global site tag (gtag.js) - Google Ads: 857555670 -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=AW-857555670"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-857555670');
        </script>
        <script>
        gtag('config', 'AW-857555670/gHLACIeSi7YBENaF9ZgD', {
            'phone_conversion_number': '+32 (0)495 88 01 05'
        });
        </script>

        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-553KFSX');</script>
        <!-- End Google Tag Manager -->

        <!-- Hotjar Tracking Code for kristofdv.be -->
        <script>
            (function(h,o,t,j,a,r){
                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:2378998,hjsv:6};
                a=o.getElementsByTagName('head')[0];
                r=o.createElement('script');r.async=1;
                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
                a.appendChild(r);
            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
        </script>

        <script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"56367786"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>

        <!-- Exit intent pop-up OUIBOUNCE.JS -->

        <script>
        (function(w, d, t, r, u) {
            var f, n, i;
            w[u] = w[u] || [], f = function() {
                var o = {
                    ti: "56367786"
                };
                o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad")
            }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() {
                var s = this.readyState;
                s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null)
            }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i)
        })(window, document, "script", "//bat.bing.com/bat.js", "uetq");
    </script>
    <!-- Facebook CAPI PageView tracking removed: the tracking endpoint was retired and returned 404 on every page. -->

    </head>
    <!-- End Head -->

    <!-- Body -->
    <body>
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-553KFSX"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

        <!--========== HEADER ==========-->
        <header class="navbar-fixed-top s-header js__header-sticky js__header-overlay">
            <!-- Navbar -->
            <div class="s-header__navbar">
                <div class="s-header__container">
                    <div class="s-header__navbar-row">
                        <div class="s-header__navbar-row-col">
                            <!-- Logo -->
                            <div class="s-header__logo">
                                <a href="/index.php" class="s-header__logo-link">
                                    <img class="s-header__logo-img s-header__logo-img-default" src="/img/logo.png" alt="KristofDV.be (Kristof De Vos) Logo" width="115px" fetchpriority="high">
                                    <img loading="lazy" class="s-header__logo-img s-header__logo-img-shrink" src="/img/logo-dark.png" alt="KristofDV.be (Kristof De Vos) Logo" width="115px">
                                </a>
                            </div>
                            <!-- End Logo -->
                        </div>
                        <div class="s-header__navbar-row-col s-header__navbar-actions">
                            <!-- Always-visible primary CTA -->
                            <a href="/offerte.php" class="s-header__cta-btn"><span class="s-header__cta-full">Vraag een offerte</span><span class="s-header__cta-short">Offerte</span></a>
                            <!-- Trigger -->
                            <div>
                                <a href="javascript:void(0);" class="s-header__trigger js__trigger">
                                    <svg x="0rem" y="0rem" width="3.125rem" height="3.125rem" viewbox="0 0 54 54">
                                        <circle fill="#13b1cd" stroke="#fff" stroke-width="1" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle>
                                    </svg>
                                    <span class="s-header__trigger-icon"></span>
                                </a>
                            </div>

                            <!-- End Trigger -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Navbar -->

            <!-- Overlay -->
            <div class="s-header-bg-overlay js__bg-overlay">
                <!-- Nav -->
                <nav class="s-header__nav js__scrollbar">
                    <div class="container-fluid">
                        <!-- Menu List: services -->
                        <ul class="list-unstyled s-header__nav-menu">
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/index.php">Home</a></li>
                            <li class="s-header__nav-menu-item s-header__nav-menu-label">Diensten</li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/website-laten-maken.php">Website</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/webshop-laten-maken.php">Webshop</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/webapplicatie-laten-maken.php">Webapplicatie</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/online-boeken-bestellen.php">Online boeken & bestellen</a></li>
                            <li class="s-header__nav-menu-item s-header__nav-menu-label">Online marketing</li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/seo-zoekmachine-optimalisatie.php">SEO - Zoekmachine Optimalisatie</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/sea-online-reclame.php">SEA - Zoekmachine Advertenties</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/social-media-advertising.php">Social Media Advertising</a></li>
                        </ul>
                        <!-- End Menu List -->

                        <!-- Menu List: more services + company -->
                        <ul class="list-unstyled s-header__nav-menu">
                            <li class="s-header__nav-menu-item s-header__nav-menu-label">Ook mogelijk</li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/website-vernieuwen.php">Website vernieuwen</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/website-overnemen.php">Website overnemen</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/website-voor-starters.php">Website voor starters</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/website-onderhoud-hosting.php">Onderhoud & Hosting</a></li>
                            <li class="s-header__nav-menu-item s-header__nav-menu-label">Meer</li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/over-ons.php">Over Ons</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/portfolio.php">Portfolio</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/diensten.php">Diensten & Producten</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/faq.php">FAQ</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/vacatures.php">Vacatures</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="/offerte.php" style="color:#13b1cd; font-weight:700;">Vraag een offerte</a></li>
                                                                                </ul>
                        <!-- End Menu List -->
                    </div>
                </nav>
                <!-- End Nav -->
                
                <!-- Action: language switch -->
                <ul class="list-inline s-header__action s-header__action--lb">
                    <li class="s-header__action-item"><a class="s-header__action-link -is-active" href="https://kristofdv.be/contact.php" hreflang="nl" data-lang-set="nl">NL</a></li>
                    <li class="s-header__action-item"><a class="s-header__action-link" href="https://kristofdv.be/en/contact.php" hreflang="en" data-lang-set="en">EN</a></li>
                </ul>
                <!-- End Action -->

                <!-- Action -->
                <ul class="list-inline s-header__action s-header__action--rb">
                    <li class="s-header__action-item">
                        <a class="s-header__action-link" href="https://wa.me/32495880105" target="_blank" rel="noopener">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="g-padding-r-5--xs" style="vertical-align:middle;"><path d="M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.44 9.9-9.9 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 1.8c2.16 0 4.19.84 5.72 2.37a8.06 8.06 0 0 1 2.37 5.72c0 4.46-3.63 8.09-8.1 8.09-1.48 0-2.93-.4-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.05 8.05 0 0 1-1.23-4.28c0-4.46 3.63-8.09 8.09-8.09Zm4.44 10.03c-.24-.12-1.43-.71-1.66-.79-.22-.08-.38-.12-.54.12-.16.24-.62.79-.76.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2-.72-.64-1.2-1.43-1.34-1.67-.14-.24-.02-.37.1-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.47-.4-.4-.54-.41h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.57.18 1.1.16 1.51.1.46-.07 1.43-.58 1.63-1.15.2-.57.2-1.05.14-1.15-.06-.1-.22-.16-.46-.28Z"/></svg>
                            <span class="g-display-none--xs g-display-inline-block--sm">WhatsApp</span>
                        </a>
                    </li>
                    <li class="s-header__action-item">
                        <a class="s-header__action-link" href="https://www.facebook.com/kristofdv.be/" target="_blank" rel="noopener">
                            <i class="g-padding-r-5--xs ti-facebook"></i>
                            <span class="g-display-none--xs g-display-inline-block--sm">Facebook</span>
                        </a>
                    </li>
                </ul>
                <!-- End Action -->
            </div>
            <!-- End Overlay -->
        </header>
        <!--========== END HEADER ==========-->

        <!-- Bottom bar -->
        
        <!-- <div class="s-bottom-bar js__bottom-bar">
            <a href="/offerte.php" class="flex2">
                <div class="text-white wow fadeInRight" data-wow-duration=".5" data-wow-delay=".2s"><b>Vraag vandaag nog een gratis SEO analyse van uw site aan!</b></div>
                <button class="text-uppercase s-btn s-btn--xs s-btn--white-brd g-radius--50 btn-end text-white">Vraag een offerte</button>                
            </a>
            <div class="close-x text-right">&#10005;</div> 
        </div> -->

                <!-- Schema.org JSON-LD -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "ContactPage",
            "name": "Contact - KristofDV.be",
            "description": "Neem contact op met KristofDV.be voor je website, webshop of webapplicatie project.",
            "url": "https://kristofdv.be/contact.php",
            "publisher": {"@id": "https://kristofdv.be/#organization"}
        }
        </script>

        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://kristofdv.be/"},
                {"@type": "ListItem", "position": 2, "name": "Contact", "item": "https://kristofdv.be/contact.php"}
            ]
        }
        </script>

        <!--========== PAGE CONTENT ==========-->
        <!-- Feedback Form -->
        <div class="g-position--relative g-bg-color--primary">
            <div class="g-container--md g-padding-y-125--xs">
                <div class="g-text-center--xs g-margin-t-50--xs g-margin-b-80--xs">
                    <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-25--xs">Vragen of opmerkingen?</p>
                    <h2 class="g-font-size-32--xs g-font-size-36--sm g-color--white">Contacteer Mij</h2>
                </div>
                <div class="row g-row-col--5 g-margin-b-80--xs">
                    <div class="col-xs-4 g-full-width--xs g-margin-b-50--xs g-margin-b-0--sm">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs g-color--white-opacity g-margin-b-30--xs ti-email"></i>
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Email</h4>
                            <p class="g-color--white-opacity"><a class="g-color--white-opacity" href="/cdn-cgi/l/email-protection#34575b5a40555740745f465d47405b5250421a5651"><span class="__cf_email__" data-cfemail="9bf8f4f5effaf8efdbf0e9f2e8eff4fdffedb5f9fe">[email&#160;protected]</span></a></p>
                        </div>
                    </div>
                    <div class="col-xs-4 g-full-width--xs g-margin-b-50--xs g-margin-b-0--sm">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs g-color--white-opacity g-margin-b-30--xs ti-map-alt"></i>
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Adres</h4>
                            <p class="g-color--white-opacity">Impulsstraat 6<br>2220 Heist-op-den-Berg</p>
                        </div>
                    </div>
                    <div class="col-xs-4 g-full-width--xs">
                        <div class="g-text-center--xs">
                            <i class="g-display-block--xs g-font-size-40--xs g-color--white-opacity g-margin-b-30--xs ti-headphone-alt"></i>
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Telefoon</h4>
                            <p class="g-color--white-opacity"><a href="tel:0032495880105" class="g-color--white-opacity">+32 (0)495 88 01 05</a></p>
                        </div>
                    </div>
                </div>
                <form class="center-block g-width-500--sm g-width-550--md" action="email.php" method="POST">
                    <div class="g-margin-b-30--xs">
                        <input type="text" class="form-control s-form-v3__input" placeholder="* Naam" required="" name="naam" id="naam">
                    </div>
                    <div class="row g-row-col-5 g-margin-b-50--xs">
                        <div class="col-sm-6 g-margin-b-30--xs g-margin-b-0--md">
                            <input type="email" class="form-control s-form-v3__input" placeholder="* Email" required="" name="email" id="email">
                        </div>
                        <div class="col-sm-6">
                            <input type="text" class="form-control s-form-v3__input" placeholder="Telefoon" name="telefoon" id="telefoon">
                        </div>
                    </div>
                    <div class="g-margin-b-80--xs">
                        <textarea class="form-control s-form-v3__input" rows="5" placeholder="* Je bericht" required="" name="bericht" id="bericht"></textarea>
                    </div>
                    <div class="g-recaptcha" data-sitekey="6LdHaokUAAAAABTGMdg5F-Zk-_fij4a3b9ZSu5E-"></div><br>
                    <div class="g-text-center--xs">
                        <button type="submit" class="text-uppercase s-btn s-btn--md s-btn--white-bg g-radius--50 g-padding-x-70--xs g-margin-b-20--xs">Verzend</button>
                    </div>
                </form>
            </div>
            <img loading="lazy" class="s-mockup-v2" src="img/mockups/pencil-01.png" alt="Mockup Image">
        </div>
        <!-- End Feedback Form -->
        <!--========== END PAGE CONTENT ==========-->

        <!--========== FOOTER ==========-->
<footer class="g-bg-color--dark">
    <!-- Links -->
    <div class="g-hor-divider__dashed--white-opacity-lightest">
        <div class="container g-padding-y-50--xs">
            <div class="row">
                <div class="col-sm-2 g-margin-b-20--xs g-margin-b-0--md">
                    <h3 class="g-font-size-18--xs g-font-size-18--md g-color--white">Menu</h3>
                    <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs">
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/index.php">Home</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/diensten.php">Diensten & Producten</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/portfolio.php">Portfolio</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/over-ons.php">Over Ons</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/offerte.php">Offerte</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/faq.php">FAQ</a></li>
                    </ul>
                </div>
                <div class="col-sm-2 g-margin-b-20--xs g-margin-b-0--md">
                    <h3 class="g-font-size-18--xs g-font-size-18--md g-color--white">Diensten</h3>
                    <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs">
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken.php">Website</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/webshop-laten-maken.php">Webshop</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/webapplicatie-laten-maken.php">Webapplicatie</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/sea-online-reclame.php">SEA</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/seo-zoekmachine-optimalisatie.php">SEO</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/social-media-advertising.php">Social Media Advertising</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-onderhoud-hosting.php">Onderhoud &amp; Hosting</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/online-boeken-bestellen.php">Online boeken &amp; bestellen</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-vernieuwen.php">Website vernieuwen</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-overnemen.php">Website overnemen</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-voor-starters.php">Website voor starters</a></li>
                    </ul>
                </div>
                <div class="col-sm-2 g-margin-b-20--xs g-margin-b-0--md">
                    <h3 class="g-font-size-18--xs g-font-size-18--md g-color--white">Contact</h3>
                    <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs">
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="tel:0032495880105">+32 (0)495 88 01 05</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/cdn-cgi/l/email-protection#9af9f5f4eefbf9eedaf1e8f3e9eef5fcfeecb4f8ff"><span class="__cf_email__" data-cfemail="492a26273d282a3d09223b203a3d262f2d3f672b2c">[email&#160;protected]</span></a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="https://www.facebook.com/kristofdv.be/" target="_blank" rel="noopener">Facebook</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="https://wa.me/32495880105" target="_blank" rel="noopener">WhatsApp</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/offerte.php">Offerte</a></li>
                    </ul>
                </div>
                <div class="col-sm-3 footer-partners">
                    <div class="row">
                        <div class="col-sm-6 g-margin-b-40--xs g-padding-y-30--xs g-margin-b-0--md">
                            <img loading="lazy" src="/img/400x400/partner-google.png" alt="google partners" class="partner100w">
                        </div>
                        <div class="col-sm-6 g-margin-b-40--xs g-padding-y-30--xs g-margin-b-0--md">
                            <a href="https://www.sendcloud.be" target="_blank"><img loading="lazy" src="/img/400x400/sendcloud.png" alt="Sendcloud" class="partner100w"></a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 g-padding-y-10--xs" style="text-align: center;">
                            <a href="https://www.leadinfo.com" target="_blank"><img loading="lazy" src="/img/logos/leadinfo_certified.svg" alt="Leadinfo Certified Partner" class="partner100w"></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-md-offset-1 col-sm-2 col-sm-offset-1 g-padding-y-50--xs g-padding-y-0--md" style="text-align: center;">
                    <h3 class="g-font-size-18--xs g-color--white">KristofDV.be</h3>
                    <p class="g-color--white-opacity">BE0751.585.890</p>
                    <p class="g-color--white-opacity">Impulsstraat 6,</p>
                    <p class="g-color--white-opacity">2220 Heist-op-den-Berg, België</p>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 g-margin-t-30--xs">
                    <h3 class="g-font-size-18--xs g-font-size-18--md g-color--white g-margin-b-15--xs">Websites per sector</h3>
                    <ul class="list-inline g-ul-li-lr-15--xs g-margin-b-0--xs">
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-schoonheidssalon.php">Schoonheidssalon</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-kapper.php">Kapsalon</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-restaurant.php">Restaurant &amp; horeca</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-slagerij.php">Slagerij &amp; traiteur</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-installatiebedrijf.php">Installatiebedrijf</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-bouwbedrijf.php">Bouwbedrijf</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-coachingbedrijf.php">Coachingpraktijk</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-zorgpraktijk.php">Zorgpraktijk</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="/website-laten-maken-voor-uw-juwelenzaak.php">Juwelenzaak</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Links -->

    <!-- Copyright -->
    <div class="container g-padding-y-30--xs">
        <div class="row">
            <div class="col-xs-4">
                <a href="/index.php">
                    <img loading="lazy" class="g-width-50--xs g-height-auto--xs" src="/img/logoFooter.png" alt="KristofDV.be Logo">
                </a>
            </div>
            <div class="col-xs-4">
                <p><a class="g-font-size-14--xs voorwaarden" href="https://kristofdv.be/voorwaarden/" target="_blank">Algemene Voorwaarden</a> &middot; <a class="g-font-size-14--xs voorwaarden" href="https://kristofdv.be/privacypolicy.htm" target="_blank">Privacy Policy</a></p>
            </div>
            <div class="col-xs-4 g-text-right--xs">
                <p class="g-font-size-14--xs g-margin-b-0--xs g-color--white-opacity-light">Copyright &copy; 2026 <a href="https://www.kristofdv.be">KristofDV.be</a>. All Rights Reserved.</p>
            </div>
        </div>
    </div>
    <!-- End Copyright -->
</footer>
<!--========== END FOOTER ==========-->

<!-- Floating call/quote buttons removed: the header has a persistent quote button and WhatsApp stays below. -->

<!-- Vaste WhatsApp-knop (mobiel en desktop) -->
<a href="https://wa.me/32495880105?text=Hoi%20Kristof%2C%20ik%20heb%20een%20vraag%20over%20mijn%20website." target="_blank" rel="noopener" data-cta="whatsapp" class="wa-float" aria-label="Stuur een WhatsApp" title="Stuur een WhatsApp">
    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.44 9.9-9.9 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 1.8c2.16 0 4.19.84 5.72 2.37a8.06 8.06 0 0 1 2.37 5.72c0 4.46-3.63 8.09-8.1 8.09-1.48 0-2.93-.4-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.05 8.05 0 0 1-1.23-4.28c0-4.46 3.63-8.09 8.09-8.09Zm4.44 10.03c-.24-.12-1.43-.71-1.66-.79-.22-.08-.38-.12-.54.12-.16.24-.62.79-.76.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2-.72-.64-1.2-1.43-1.34-1.67-.14-.24-.02-.37.1-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.47-.4-.4-.54-.41h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.58 4.1 3.62.57.25 1.02.4 1.37.51.57.18 1.1.16 1.51.1.46-.07 1.43-.58 1.63-1.15.2-.57.2-1.05.14-1.15-.06-.1-.22-.16-.46-.28Z"/></svg>
</a>
<style>
.wa-float{position:fixed;right:1.125rem;bottom:calc(2.125rem + env(safe-area-inset-bottom, 0px));width:3.25rem;height:3.25rem;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#fff;transition:transform .2s ease;}
.wa-float:hover,.wa-float:focus{transform:scale(1.08);color:#fff;text-decoration:none;}
.wa-float svg{width:26px;height:26px;}
/* Stapel de bestaande bel/offerte-knop netjes boven de WhatsApp-knop */
.s-call.-is-visible{bottom:5.75rem;}
.s-call.-is-visible.higher{bottom:8.75rem;}
</style>

<!-- Back To Top -->
<a href="javascript:void(0);" class="s-back-to-top js__back-to-top"></a>

<!-- Language suggestion banner (Dutch pages only) -->
<div id="lang-suggest-banner" class="lang-suggest-banner" role="region" aria-label="Language suggestion" hidden>
    <span class="lang-suggest-banner__text">This website is also available in English.</span>
    <a class="lang-suggest-banner__cta" href="https://kristofdv.be/en/contact.php" data-lang-set="en">View in English &rarr;</a>
    <button type="button" class="lang-suggest-banner__close" aria-label="Dismiss">&#10005;</button>
</div>
<style>
.lang-suggest-banner{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;padding:.85rem 3.75rem .85rem 1rem;background:#13b1cd;color:#fff;font-family:'Lato',Arial,sans-serif;font-size:.95rem;box-shadow:0 -2px 12px rgba(0,0,0,.18);}
/* The hidden attribute must win over display:flex, otherwise the close button cannot hide the banner. */
.lang-suggest-banner[hidden]{display:none !important;}
.lang-suggest-banner__text{font-weight:400;}
.lang-suggest-banner__cta{color:#fff;font-weight:700;text-decoration:underline;white-space:nowrap;}
.lang-suggest-banner__cta:hover,.lang-suggest-banner__cta:focus{color:#fff;opacity:.85;}
.lang-suggest-banner__close{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:0;color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;}
/* While the banner is open, lift the floating action buttons above it so they never cover the close button. */
body.lang-suggest-open .wa-float{bottom:6.25rem !important;}
body.lang-suggest-open .s-call.-is-visible{bottom:9.75rem !important;}
body.lang-suggest-open .s-call.-is-visible.higher{bottom:12.75rem !important;}
body.lang-suggest-open .s-back-to-top{bottom:6.25rem !important;}
body.lang-suggest-open .s-back-to-top.higher{bottom:9.75rem !important;}
</style>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
(function(){
    function getCookie(name){
        return document.cookie.split(';').map(function(c){return c.trim();})
            .filter(function(c){return c.indexOf(name + '=') === 0;})
            .map(function(c){return c.substring(name.length + 1);})[0] || null;
    }
    function setLangCookie(val){
        document.cookie = 'site_lang=' + val + ';path=/;max-age=31536000;samesite=lax';
    }
    var banner = document.getElementById('lang-suggest-banner');
    if(!banner) return;

    // Already chose a language before? Never show again.
    if(getCookie('site_lang')) return;

    // Determine the browser's preferred language(s).
    var langs = (navigator.languages && navigator.languages.length)
        ? navigator.languages
        : [navigator.language || navigator.userLanguage || ''];
    var prefersDutch = langs.some(function(l){ return (l || '').toLowerCase().indexOf('nl') === 0; });

    // Only suggest English when the browser default is NOT Dutch.
    if(prefersDutch) return;

    banner.hidden = false;
    document.body.classList.add('lang-suggest-open');

    // Clicking through remembers the English choice.
    banner.querySelector('.lang-suggest-banner__cta').addEventListener('click', function(){
        setLangCookie('en');
        document.body.classList.remove('lang-suggest-open');
    });
    // Dismissing remembers that they want to stay on Dutch (set-and-forget).
    banner.querySelector('.lang-suggest-banner__close').addEventListener('click', function(){
        setLangCookie('nl');
        banner.hidden = true;
        document.body.classList.remove('lang-suggest-open');
    });
})();
</script>

<!-- CTA event tracking (GTM dataLayer) -->
<script>
(function(){
    document.addEventListener('click', function(e){
        var el = e.target.closest ? e.target.closest('[data-cta]') : null;
        if(!el) return;
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({event: 'cta_' + el.getAttribute('data-cta'), cta_page: location.pathname});
    });
})();
</script>

<!-- Remember an explicit language choice from the NL/EN switch (set-and-forget cookie) -->
<script>
(function(){
    document.addEventListener('click', function(e){
        var el = e.target.closest ? e.target.closest('[data-lang-set]') : null;
        if(!el) return;
        document.cookie = 'site_lang=' + el.getAttribute('data-lang-set') + ';path=/;max-age=31536000;samesite=lax';
    });
})();
</script>

<!-- Exit-intent (OuiBounce) popup removed. -->

<script>
document.addEventListener('DOMContentLoaded', function() {
    var bottombar='';
    if (bottombar == '') {
        $(document).ready(function (o) {
            var t = 300,
                a = 1200,
                s = 700,
                l = o(".js__bottom-bar");
            o(window).scroll(function () {
                o(this).scrollTop() > t ? l.addClass("-is-visible") : l.removeClass("-is-visible -zoom-out"), o(this).scrollTop() > a && l.addClass("-zoom-out");
                $('.s-call').addClass("higher");
                $('.s-back-to-top').addClass("higher");
            });

            $('.close-x').on('click', function() {
                $('.s-bottom-bar').hide();
                $('.s-call').removeClass("higher");
                $('.s-back-to-top').removeClass("higher");
                //ajax call
                $.ajax({
                    url: "/set_session.php",
                    type: "POST",
                    data: { bottombar: "Bottom bar closed" },
                });
            });
        });
    }
});
</script>

        <!--========== JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) ==========-->
        <!-- Vendor -->
        <script type="text/javascript" src="vendor/jquery.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.migrate.min.js"></script>
        <script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.smooth-scroll.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.call.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.back-to-top.min.js"></script>
        <script type="text/javascript" src="vendor/scrollbar/jquery.scrollbar.min.js"></script>

        <!-- General Components and Settings -->
        <script type="text/javascript" src="js/global.min.js"></script>
        <script type="text/javascript" src="js/components/header-sticky.min.js"></script>
        <script type="text/javascript" src="js/components/scrollbar.min.js"></script>
        <!--========== END JAVASCRIPTS ==========-->

        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-91009693-1"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-91009693-1');
        </script>

    </body>
    <!-- End Body -->
</html>

<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->
<!-- Kristof De Vos - www.kristofdv.be -->

<!--                                                                                                                                                 
                                                                                                                                        
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                  :::::::::::::::::,.                                                                 
                                                  ::::::::::::::::::::::::.                                                           
                                                  :::::::::::::::::::::::::::,                                                        
                                                  ::::::::::::::::::::::::::::::                      .#`                             
                                                  :::::::::::::::::::::::::::::::,                  +#`                               
                                                  :::::::::::::::::::::::::::::::::              .##,                                 
                                                  ::::::::::::::::::::::::::::::::::           :##;                                   
                                                  :::::::::::::::::::::::::::::::::::        '###                                     
                                                  ::::::::::::::::::::::::::::::::::       '###.                                      
                                                  :::::::::      `.:::::::::::::::`      '###+                                        
                                                  :::::::::          `::::::::::.      :####`                                         
                                                  :::::::::             :::::::      `####+                                           
                                                  :::::::::               :::`      #####,                                            
                                                  :::::::::                :      ;#####;                                             
                                                  :::::::::                      ########                                             
                                                  :::::::::                    '#########                                             
                                                  :::::::::                   ###########,                                            
                                                  :::::::::                 :############+                                            
                                                  :::::::::      `:        ###############                                            
                                                  :::::::::    `:,        ################                                            
                                                  :::::::::   ::.       ,#################                                            
                                                  ::::::::: ,::`       '######'###########                                            
                                                  ::::::::::::        #######' ###########                                            
                                                  :::::::::::        #######'  ###########                                            
                                                  ::::::::::        #######'   ###########                                            
                                                  :::::::::       `#######+    ###########                                            
                                  `               ::::::::       `########     ###########                                            
                                  +:              :::::::       .########     .###########                                            
                                   #'             ::::::       .########      '###########                                            
                                   :#+            :::::       .########       ###########'                                            
                                    ###           ::::       `########`       ###########.                                            
                                    `###          :::       `########,       +###########                                             
                                     ####         ::        ########+        ############                                             
                                      ####        :        #########        ############,                                             
                                      '####       .       #########        :############                                              
                                       #####             #########.       :############;                                              
                                       ,####+           +########+       '#############                                               
                                        #####;         :#########      `##############.                                               
                                         #####,        #########     ;###############+                                                
                                         ######`      ###############################                                                 
                                          ######     ###############################                                                  
                                          ;######   :##############################                                                   
                                           #######  ##############################                                                    
                                           .######:#############################:                                                     
                                            ###################################                                                       
                                             ###############################+                                                         
                                             +############################,                                                           
                                              ######################+;.                                                               
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
                                                                                                                                      
     ###     ####           ##                                    ####, #######+`     ###        `###       ::,                       
     ###    ####           '##,                                  ###### ##########    ###        ###,       ::,                       
     ###   '###            :##.             ##;                 ,###,#  ###########   :##+       ###        ::,                       
     ###  .###              :,              ##;                 ###     ###    ;####   ###      .###        ::,                       
     ###  ###`                              ##;                 ###     ###      ###`  ###`     ###`        ::,                       
     ### ###;     '## #### .##    #####+  #######,   `####'   ++###+++  ###      `###  `###     ###         ::, ::::,      .:::::     
     #######      ;#######:`##   ######## #######,  ;#######  ########  ###       ###   ###    .##+         ::::::::::    ::::::::    
     ######       ;####### `##  ;##:  +#  #######,  ####+#### ########  ###       ###   +##`   ###          ::::::::::,  .:::,`::::   
     #####`       ;###   : `##  ###         ##:    ###`   ###   ###     ###       +##    ###   ###          ::::    :::  :::    `::   
     ######       ;##      `##  ;##+`       ##:    ###     ##:  ###     ###       ###    ###  ,##;          :::     ,::  ::.     ::.  
     ###'###      ;##      `##   #######    ##:    ##:     ##+  ###     ###       ###    ;##. ###           :::      ::  ::::::::::,  
     ### ####     ;##      `##    #######   ##:    ##:     ##+  ###     ###       ###     ### ###           :::      ::  ::::::::::,  
     ###  ####    ;##      `##        ###   ##:    ###     ##'  ###     ###      ###,     ###,##,           :::     ,::  ::`          
     ###   ###'   ;##      `##   +     ##   ##+    ###    +##   ###     ###    ,####      ,#####            :::,    :::  :::          
     ###    ###,  ;##      `##  '##,  ###   ###'+  `###',####   ###     ###########        #####      `::   :::::.,:::,  .:::,`,::    
     ###    .###  ;##      `##  #########   :####;  ########    ###     ##########`        ####`      :::`  ::::::::::    :::::::::   
     ###     '### ;##      .##   +######     '####   ;#####     ###     ########;          `###       `::   ::..:::::      ,:::::,    
                                   `..                                                                                                
                                                                                                                                      
                                                                                                                                      

-->