<!-- 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>Home - 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="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="author" content="Kristof De Vos">

        <meta name="theme-color" content="#13b1cd">

        <!-- Facebook and Twitter integration -->
        <meta property="og:title" content="Home - Kristof De Vos - Web Designer/Developer - Putte te Mechelen & Heist-op-den-Berg"/>
        <meta property="og:image" content="//www.kristofdv.be/img/og-image.jpg"/>
        <meta property="og:url" content="//www.kristofdv.be"/>
        <meta property="og:site_name" content="Kristof De Vos - Webdeveloper/Webdesigner"/>
        <meta property="og: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="twitter:title" content="Home - Kristof De Vos - Web Designer/Developer - Putte te Mechelen & Heist-op-den-Berg"/>
        <meta name="twitter:image" content="img/970x970/02.jpg" />
        <meta name="twitter:url" content="www.kristofdv.be" />
        <meta property="twitter: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."/>

        <!-- Web Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i|Montserrat:400,700" rel="stylesheet">

        <!-- Vendor Styles -->
        <link rel="stylesheet" href=https://kristofdv.be/vendor/ouibounce/ouibounce.css>
        <link href=https://kristofdv.be/vendor/bootstrap/css/bootstrap.min.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/css/animate.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/vendor/themify/themify.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/vendor/scrollbar/scrollbar.min.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/vendor/magnific-popup/magnific-popup.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/vendor/swiper/swiper.min.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/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 -->
        <link href=https://kristofdv.be/css/style.css rel="stylesheet" type="text/css"/>
        <link href=https://kristofdv.be/css/global/global.css rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href=https://kristofdv.be/img/favicon.ico type="image/x-icon">
        <link rel="apple-touch-icon" href=https://kristofdv.be/img/apple-touch-icon.png>
        <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>
    <script>
        async function CAPI(event, eventData) {
            let fbp = document.cookie.split(';').filter(c => c.includes('_fbp=')).map(c => c.split('_fbp=')[1]);
            let fbc = document.cookie.split(';').filter(c => c.includes('_fbc=')).map(c => c.split('_fbc=')[1]);
            fbp = (fbp.length && fbp[0]) || null;
            fbc = (fbc.length && fbc[0]) || null;

            if (!fbc && window.location.search.includes('fbclid=')) {
                fbc = 'fb.1.' + (+new Date()) + '.' + window.location.search.split('fbclid=')[1];
            }

            const headers = new Headers()
            headers.append("Content-Type", "application/json")

            const body = {
                "event": event,
                "event_data": eventData,
                "fbp": fbp,
                "fbclid": fbc,
                "user_agent": navigator.userAgent,
                "url": window.location.origin + window.location.pathname
            }

            const options = {
                method: "POST",
                headers,
                mode: "cors",
                body: JSON.stringify(body),
            }

            fetch("https://en1xy2loxzu7s3c.m.pipedream.net", options)
        }
        CAPI("PageView");
    </script>
    
    </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=https://kristofdv.be/index.php class="s-header__logo-link">
                                    <img class="s-header__logo-img s-header__logo-img-default" src=https://kristofdv.be/img/logo.png alt="KristofDV.be (Kristof De Vos) Logo" width="115px">
                                    <img class="s-header__logo-img s-header__logo-img-shrink" src=https://kristofdv.be/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">
                            <!-- 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 -->                                
                        <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=https://kristofdv.be/index.php>Home</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href=https://kristofdv.be/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=https://kristofdv.be/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=https://kristofdv.be/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=https://kristofdv.be/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=https://kristofdv.be/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=https://kristofdv.be/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=https://kristofdv.be/social-media-advertising.php>Social Media Advertising</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href=https://kristofdv.be/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=https://kristofdv.be/blog.php>Blog</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href=https://kristofdv.be/offerte.php>Contact</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href=https://kristofdv.be/offerte.php>Offerte</a></li>
                            <li class="s-header__nav-menu-item"><a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href=https://kristofdv.be/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=https://kristofdv.be/faq.php>FAQ</a></li>
                                                                                </ul>
                        <!-- End Menu List -->

                        <!-- Menu List -->                                
                        <ul class="list-unstyled s-header__nav-menu">
                            
                        </ul>
                        <!-- End Menu List -->
                    </div>
                </nav>
                <!-- End Nav -->
                
                <!-- Action -->
                <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">NL</a></li>
                    <li class="s-header__action-item"><a class="s-header__action-link" href="https://kristofdv.com">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://www.facebook.com/kristofdv.be/" target="_blank">
                            <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>
                    <li class="s-header__action-item">
                        <a class="s-header__action-link" href="https://www.linkedin.com/in/kristofdv/" target="_blank">
                            <i class="g-padding-r-5--xs ti-linkedin"></i>
                            <span class="g-display-none--xs g-display-inline-block--sm">LinkedIn</span>
                        </a>
                    </li>
                    <li class="s-header__action-item">
                        <a class="s-header__action-link" href="https://www.instagram.com/lhs.global/" target="_blank">
                            <i class="g-padding-r-5--xs ti-instagram"></i>
                            <span class="g-display-none--xs g-display-inline-block--sm">Instagram</span>
                        </a>
                    </li>
                </ul>
                <!-- End Action -->
            </div>
            <!-- End Overlay -->
        </header>
        <!--========== END HEADER ==========-->

        <!-- OuiBounce Modal -->
        <div id="ouibounce-modal">   
            <div class="underlay">
                <div class="modal2">
                    <div class="modal2-title">
                        <div class="close-exitintent">&#10005;</div>
                        <h3>Laat nog snel uw gegevens achter</h3>
                    </div>
                    <div class="modal2-body">
                        <p class="bold">Wilt u graag uw doelpubliek efficiënter aanspreken en wenst u meer informatie? Of heeft u een vraag waarop u niet direct antwoord vindt? Ik help u graag verder! Laat nog snel even uw gegevens achter. Ik neem dan zo spoedig mogelijk contact met u op.</p>
                        <form action="exit-intent.php" method="POST">
                            <div class="row g-margin-b-50--xs g-margin-b-50--md">
                                <div class="col-sm-6 g-margin-b-30--xs g-margin-b-0--md">
                                    <input type="email" class="form-control s-form-v4__input g-padding-l-0--xs" placeholder="* Email" required="" name="email" id="email">
                                </div>
                                <div class="col-sm-6 g-margin-b-30--xs g-margin-b-0--md">
                                    <input type="tel" class="form-control s-form-v4__input g-padding-l-0--xs" placeholder="Telefoon" name="telefoon" id="telefoon">
                                </div>
                            </div>
                            <div class="g-text-center--xs">
                                <button type="submit" class="text-uppercase s-btn s-btn--md s-btn--primary-bg g-radius--50 g-padding-x-70--xs g-margin-b-20--xs">Verzend</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- 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">Neem contact op</button>                
            </a>
            <div class="close-x text-right">&#10005;</div> 
        </div> -->

        
        <!--========== SWIPER SLIDER ==========-->
        <div>
            <!-- Swiper Wrapper -->
            <div>
                <div class="g-fullheight--xs g-bg-position--center swiper-slide" style="background: url('img/1920x1080/56.jpg'); background-size: cover;">
                    <div class="container g-text-center--xs g-ver-center--xs">
                        <div class="g-margin-b-30--xs">
                            <h1 class="g-font-size-24--xs g-font-size-45--sm g-font-size-55--md g-color--white">Kristof De Vos<br>Freelance Web Developer & Marketeer</h1>
                            <p class="g-color--white g-font-size-14--xs g-font-size-14--sm g-font-size-16--md">Freelance web developer/web designer & marketeer die websites, webshops, webapplicaties en marketing (SEO/SEA) op maat ontwikkelt voor uw <b>onderneming&nbsp;en&nbsp;KMO.</b><br><br>Iedereen die een professioneel product wenst met de nodige ondersteuning voor en na kan bij mij terecht.<br>Ik luister met veel passie naar uw idee en zit dit om in iets digitaal en vooral uniek!<br><br>Door de <b>jarenlange expertise</b> sta ik altijd voor u klaar.<br><br>Benieuwd? Ontdek er alles over op mijn website.</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Swiper Wrapper -->
            
            <a href="#js__scroll-to-section" class="s-scroll-to-section-v1--bc g-margin-b-15--xs">
                <div class="mouse-icon"> 
                    <div class="wheel"></div>
                </div>
                <p class="text-uppercase g-color--white g-letter-spacing--3 g-margin-b-0--xs">Bekijk Meer</p>
            </a>
        </div>
        <!--========== END SWIPER SLIDER ==========-->

        <!--========== PAGE CONTENT ==========-->
        <!-- Features -->
        <div id="js__scroll-to-section" class="container g-padding-y-80--xs g-padding-y-125--sm">
            <div class="g-text-center--xs g-margin-b-100--xs">
                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2 g-margin-b-25--xs">Welkom bij KristofDV.be</p>
                <h2 class="g-font-size-32--xs g-font-size-36--md">Website &bull; Webshop &bull; Webapplicatie <br> Marketing &bull; SEO&SEA</h2>
                <h3 class="g-font-size-18--xs g-font-size-18--md noUpperC">Ik ontwikkel alles voor u en zorg voor een optimale online aanwezigheid.<br><b>Ontzorging</b> van <b>A tot Z</b> ga ik met veel plezier voor!</h3>
            </div>
            <div class="row g-margin-b-60--xs g-margin-b-70--md">
                <div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".1s">
                                <i class="g-font-size-28--xs g-color--primary ti-desktop"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Responsieve Layout</h3>
                            <p class="g-margin-b-0--xs">Uw website moet zichtbaar zijn op <b>pc, smartphone of tablet?</b> Geen probleem, al uw websites en webapplicaties zijn standaard volledig responsief.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".2s">
                                <i class="g-font-size-28--xs g-color--primary ti-settings"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Volledig Custom Design</h3>
                            <p class="g-margin-b-0--xs">Elk product dat ik ontwikkel is pas af en in orde als u als klant een <b>eigen ontwerp</b> heeft <b>waar u volledig achter staat</b> en wilt tonen aan de buitenwereld.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".3s">
                                <i class="g-font-size-28--xs g-color--primary ti-ruler-alt-2"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Alles Op Maat</h3>
                            <p class="g-margin-b-0--xs">Alle producten en diensten zijn <b>volledig op maat</b>. Elk product of dienst is aangepast naar uw persoonlijke wensen en voorwaarden zodat u zich nergens zorgen over hoeft te maken.</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // end row  -->
            <div class="row">
                <div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".4s">
                                <i class="g-font-size-28--xs g-color--primary ti-package"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Eindeloze Mogelijkheden</h3>
                            <p class="g-margin-b-0--xs">Heeft u een <b>website, webshop, webapplicatie, bijhorende webhosting, beeldmateriaal of SEO/SEA optimalisatie</b> nodig? <b>Alles wat u nodig heeft om online aanwezig te zijn</b> kan voorzien worden.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 g-margin-b-60--xs g-margin-b-0--md">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".5s">
                                <i class="g-font-size-28--xs g-color--primary ti-star"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Optimale Snelheden</h3>
                            <p class="g-margin-b-0--xs">Elk product of dienst staat volledig op punt voor aflevering of de in gebruik name ervan. Ik zorg steeds voor <b>optimale snelheden en gebruikservaringen</b> zodat u een optimale ervaring verkrijgt.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="clearfix">
                        <div class="g-media g-width-30--xs">
                            <div class="wow fadeInDown" data-wow-duration=".3" data-wow-delay=".6s">
                                <i class="g-font-size-28--xs g-color--primary ti-panel"></i>
                            </div>
                        </div>
                        <div class="g-media__body g-padding-x-20--xs">
                            <h3 class="g-font-size-18--xs">Altijd Ondersteuning</h3>
                            <p class="g-margin-b-0--xs">Nadat een product is afgeleverd zorg ik nog steeds voor de nodige <b>support</b>. Met <b>al uw vragen en wensen</b> kan u nog steeds bij mij terecht na aflevering en ik zal u hier altijd helpen.</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // end row  -->
        </div>
        <!-- End Features -->

        <!-- Parallax -->
        <div style="background: url(img/1920x1080/03.jpg); background-size: cover;">
            <div class="container g-text-center--xs g-padding-y-80--xs g-padding-y-125--sm">
                <div class="g-margin-b-80--xs">
                    <h2 class="g-font-size-40--xs g-font-size-50--sm g-font-size-60--md g-color--white">Voor Iedereen Een Oplossing</h2>
                </div>
                <a href="diensten.php" class="text-uppercase s-btn s-btn--md s-btn--white-brd g-radius--50">Bekijk Meer</a>
            </div>
        </div>
        <!-- End Parallax -->

        <!-- News -->
        <div class="container g-padding-y-80--xs g-padding-y-125--sm">
            <div class="g-text-center--xs g-margin-b-80--xs">
                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2 g-margin-b-25--xs">Mijn</p>
                <h2 class="g-font-size-32--xs g-font-size-36--md"><a href="diensten.php">Producten & Diensten</a></h2>
            </div>
            <h5>Development</h5><hr class="mt-0">
            <div class="row">
                <div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md tegel">
                    <!-- News -->
                    <a class="block" href="website-laten-maken.php">
                        <article>
                            <img class="img-responsive" src="img/webshop-compressed.jpg" alt="Websites">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Ontwikkeling & Onderhoud</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Website</h3>
                                <p>Ik ga voor het mooiste en meest gebruiksvriendelijke ontwerp en resultaat waarbij uw doelgroep centraal staat.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
                <div class="col-sm-4 tegel">
                    <!-- News -->
                    <a class="block" href="webshop-laten-maken.php">
                        <article>
                            <img class="img-responsive" src="img/webshop-mockup.jpg" alt="SEO Optimalisatie">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Ontwikkeling & Onderhoud</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Webshop</h3>
                                <p>Snel en eenvoudig om goederen of diensten via het internet te verkopen. Dat kan met een eigen webshop.</p>
                            </div>
                        </article>
                    </a>    
                    <!-- End News -->
                </div>
                <div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md tegel">
                    <!-- News -->
                    <a class="block" href="webapplicatie-laten-maken.php">
                        <article>
                            <img class="img-responsive" src="img/webapplicatie-blur-compressed.jpg" alt="Applicaties">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Ontwikkeling & Onderhoud</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Webapplicatie</h3>
                                <p>Op het moment dat standaardsoftware niet aan de eisen voldoet, is de ontwikkeling van een (maatwerk) web app aan te bevelen.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
            </div>

            <h5 class="index-diensten">Marketing</h5><hr class="mt-0">
            <div class="row">
                <div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md tegel">
                    <!-- News -->
                    <a class="block" href="seo-zoekmachine-optimalisatie.php">
                        <article>
                            <img class="img-responsive" src="img/544x367/seo-1.png" alt="Websites">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Optimalisatie</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">SEO</h3>
                                <p>Hoger scoren? Zoekmachine optimalisatie (ook wel SEO genoemd) is de meest ideale situatie om bezoekers naar uw website te krijgen.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
                <div class="col-sm-4 tegel">
                    <!-- News -->
                    <a class="block" href="sea-online-reclame.php">
                        <article>
                            <img class="img-responsive" src="img/sea-compressed.jpg" alt="SEO Optimalisatie">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Advertising</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">SEA</h3>
                                <p>Genereert jouw website of webshop geen verkeer? Ik help je met het bekomen van meer leads door doelgericht online te adverteren.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
                <div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md tegel">
                    <!-- News -->
                    <a class="block" href="social-media-advertising.php">
                        <article>
                            <img class="img-responsive" src="img/544x367/graphicdesign.png" alt="Applicaties">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Adverteren</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Social Media Adverteren</h3>
                                <p>Adverteren op social media zoals facebook, instagram en linkedin kan krachtig zijn, ik help jou hiermee.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
            </div>
            <div class="row index-diensten">
                <div class="col-sm-12 g-margin-b-30--xs g-margin-b-0--md tegel hidden">
                    <!-- News -->
                    <a class="block" href="diensten.php">
                        <article>
                            <img class="img-responsive img-index-infra" src="img/hosting.jpg" alt="Websites">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Aftercare &amp; ICT</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Infra & Cloud | Hosting | Domeinnaam</h3>
                                <p>Na een project help ik je verder met de nodige voorzieningen voor jullie. Dat doe ik onder andere door hosting, domeinnamen en email boxen en omgevingen te voorzien voor uw bedrijf.</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
                <div class="col-sm-4 g-margin-b-30--xs g-margin-b-0--md tegel hidden">
                    <!-- News -->
                    <a class="block" href="diensten.php">
                        <article>
                            <img class="img-responsive" src="img/544x367/graphicdesign.png" alt="Applicaties">
                            <div class="g-bg-color--white g-text-center--xs g-padding-x-40--xs g-padding-y-40--xs g-box-shadow__dark-lightest-v5">
                                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2">Design</p>
                                <h3 class="g-font-size-22--xs g-letter-spacing--1">Grafische ontwikkeling</h3>
                                <p>Een uniek en mooi design is niet altijd vanzelfsprekend. Wij helpen u. Logo, foto, video, visitekaartje,...</p>
                            </div>
                        </article>
                    </a>
                    <!-- End News -->
                </div>
            </div>
        </div>
        <!-- End News -->

        <!-- Counter -->
        <div class="" style="background: url(img/1920x1080/stats.jpg);">
            <div class="container g-padding-y-80--xs g-padding-y-125--sm">
                <div class="row">
                    <div class="col-md-4 col-xs-6 g-full-width--xs g-margin-b-70--xs g-margin-b-0--lg">
                        <div class="g-text-center--xs">
                            <figure class="g-display-block--xs g-font-size-70--xs g-color--white g-margin-b-10--xs js__counter">5</figure>
                            <div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
                            <h4 class="g-font-size-18--xs g-color--white">Certificaten</h4>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 g-full-width--xs g-margin-b-70--xs g-margin-b-0--lg">
                        <div class="g-text-center--xs">
                            <div class="g-margin-b-10--xs">
                                <figure class="g-display-inline-block--xs g-font-size-70--xs g-color--white js__counter">43.21</figure>
                                <span class="g-font-size-40--xs g-color--white">mil</span>
                            </div>
                            <div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
                            <h4 class="g-font-size-18--xs g-color--white">Lijnen Code</h4>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 g-full-width--xs">
                        <div class="g-text-center--xs">
                            <div class="g-margin-b-10--xs">
                                <figure class="g-display-inline-block--xs g-font-size-70--xs g-color--white js__counter">6</figure>
                                <span class="g-font-size-40--xs g-color--white">jaar</span>
                            </div>
                            <div class="center-block g-hor-divider__solid--white g-width-40--xs g-margin-b-25--xs"></div>
                            <h4 class="g-font-size-18--xs g-color--white">Ervaring</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Counter -->
                

        <!-- Portfolio Filter -->
        <div class="container g-padding-y-80--xs">
            <div class="g-text-center--xs g-margin-b-40--xs">
                <h2 class="g-font-size-32--xs g-font-size-36--md">Mijn Projecten</h2>
            </div>
            <div class="s-portfolio">
                <div id="js__filters-portfolio-gallery" class="s-portfolio__filter-v1 cbp-l-filters-text cbp-l-filters-center">
                    <div data-filter="*" class="s-portfolio__filter-v1-item cbp-filter-item cbp-filter-item-active">Toon Alle</div>
                    <div data-filter=".website" class="s-portfolio__filter-v1-item cbp-filter-item">Website</div>
                    <div data-filter=".webshop" class="s-portfolio__filter-v1-item cbp-filter-item">Webshop</div>
                    <div data-filter=".app" class="s-portfolio__filter-v1-item cbp-filter-item">Applicatie</div>
                    <div data-filter=".marketing" class="s-portfolio__filter-v1-item cbp-filter-item">Marketing</div>
                </div>
            </div>
        </div>

            
        <!-- End Portfolio Filter -->

        <!-- Portfolio Gallery -->
        <div class="container g-margin-b-100--xs">
            <div id="js__grid-portfolio-gallery" class="cbp">
                <!-- Item -->
                <div class="s-portfolio__item cbp-item website marketing">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/cosmeo-mockup.jpg" alt="Cosmeo">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Cosmeo</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/cosmeo-mockup.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Cosmeo <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://cosmeo.be/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
                <!-- Item -->
                <div class="s-portfolio__item cbp-item  webshop">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/amante-mockup.jpg" alt="Amante Antwerp - door KristofDV.be">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Amante</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/amante-mockup.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Amante <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://amanteantwerp.com/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
                <!-- Item -->
                <div class="s-portfolio__item cbp-item app website marketing">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/projectTaxisVlaanderen.jpg" alt="Taxis Vlaanderen - door Kristofdv.be">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Taxis Vlaanderen</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/projectTaxisVlaanderen.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Uw project <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://taxis.vlaanderen/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
                <!-- Item -->
                <div class="s-portfolio__item cbp-item  website">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/torfs-mockup.jpg" alt="Torfs Schrijnwerk - door KristofDV.be">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Torfs Schrijnwerk</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/torfs-mockup.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Torfs Schrijnwerk <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://torfsschrijnwerk.be/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
                <!-- Item -->
                <div class="s-portfolio__item cbp-item webshop marketing">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/Mockup_Nailfie.jpg" alt="Nailfie - door KristofDV.be">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">Nailfie</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/Mockup_Nailfie.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Uw project <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://nailfie.be/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
                <!-- Item -->
                <div class="s-portfolio__item cbp-item website app">
                    <div class="s-portfolio__img-effect">
                        <img src="img/970x647/myplugin-mockup.jpg" alt="myPlugin">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs">myPlugin</h4>
                            <p class="g-color--white-opacity">door Kristof De Vos</p>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="img/970x647/myplugin-mockup.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="myPlugin <br/> door KristofDV.be">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.myplugin.app/" target="_blank" class="s-icon s-icon--sm s-icon s-icon--white-bg g-radius--circle">
                                    <i class="ti-link"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End Item -->
            </div>
                <div class="header-btns">
                    <div>
                        <button onclick="location.href='portfolio.php'" class="text-uppercase s-btn s-btn--md s-btn--primary-bg g-radius--50 mt-1">Bekijk meer</button>
                    </div>
                </div>
            <!-- End Portfolio Gallery -->
        </div>
        <!-- End Portfolio -->

        <!-- Offerte -->
        <div style="background: url(img/1920x1080/10.jpg); background-size: cover;">
            <div class="g-container--sm g-text-center--xs g-padding-y-80--xs g-padding-y-125--sm">
                <div class="g-margin-b-80--xs">
                    <p class="text-uppercase g-font-size-18--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-25--xs">Kan Ik U Helpen?</p>
                    <h3 class="g-font-size-32--xs g-font-size-36--md g-color--white">Vraag Uw Offerte of Gesprek</h3>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                        <a href="offerte.php" class="text-uppercase s-btn s-btn--md s-btn--white-brd g-radius--50">Contacteer Mij</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Offerte -->

        <!-- Culture -->
        <div class="g-promo-section">
            <div class="container g-padding-y-80--xs g-padding-y-125--sm">
                <div class="row">
                    <div class="col-md-3 g-margin-t-15--xs g-margin-b-60--xs g-margin-b-0--lg">
                        <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--primary g-letter-spacing--2 g-margin-b-25--xs">Kristof De Vos</p>
                        <div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".1s">
                            <h2 class="g-font-size-40--xs g-font-size-50--sm g-font-size-60--md">Wie</h2>
                        </div>
                        <div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".3s">
                            <h2 class="g-font-size-40--xs g-font-size-50--sm g-font-size-60--md">Ben Ik?</h2>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <p class="g-font-size-18--xs">Ik ben een <b>freelance web developer/designer/marketeer</b> en ondernemer die websites, webshops, webapplicaties en marketing op maat ontwikkelt <b>voor ondernemingen.</b> Iedereen die een professioneel product en de bijhorende service en opleiding wenst kan bij mij terecht.<br>Zelf ondernemen en betrokken zijn bij de nieuwste trends in web ontwikkeling of infrastructuur geeft mij een grote voldoening.</p>
                        <p class="g-font-size-18--xs"><b>Relaties</b> met klanten opbouwen en hen voor, tijdens en na het ontwikkelingsproces <b>ondersteunen</b> is één van mijn topprioriteiten. Heeft u een <b>idee?</b> Dan zal ik u helpen met het omzetten van uw idee in een concreet product en het te tonen aan de wereld.</p>
                        <p class="g-font-size-18--xs">Meer info? Contacteer mij dan via de volgende pagina: <a href="https://www.kristofdv.be/offerte.php" target="_blank">Contact</a></p>
                    </div>
                    <div class="col-md-4">
                        <img class="img-responsive" src="img/1920x1080/KristofDevos.jpg" alt="Kristof De Vos Afbeelding">
                    </div>
                </div>
            </div>
        </div>
        <!-- End Culture -->

        <!-- Testimonials -->
        <div style="background: url(img/1920x1080/57.jpg);">
            <div class="container g-text-center--xs g-padding-y-50--xs g-padding-y-80--sm">
                <p class="text-uppercase g-font-size-14--xs g-font-weight--700 g-color--white-opacity g-letter-spacing--2 g-margin-b-50--xs">Wat zeggen anderen over mij</p>
                <div class="s-swiper js__swiper-testimonials">
                    <!-- Swiper Wrapper -->
                    <div class="swiper-wrapper g-margin-b-50--xs">
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Kristof is a skilled webdesigner with a great feel of how to create a site how I had it in mind.<br>Especially a shoutout to his after-sales support! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Tim P. / DJNIVIRO.com</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Samenwerken met Kristof was een toffe ervaring.<br>Hij handelt correct en communiceert duidelijk. Ik kijk uit naar de volgende keer! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Alexander S. / LHS.global</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Kristof is een zeer correcte en vriendelijke persoonlijkheid om mee samen te werken. Professionaliteit en correctheid staan bij hem centraal, dit gecombineerd met zijn expertise resulteert in een  mooie eindservice. "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Lennert B. / Projecturban.be</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Kristof is een topkerel in zijn werk, uitstraling en klasse weerspiegelen zich in zijn ontwerpen. Geheel op maat besproken met de klant zelf. Vakkundig advies en richtlijnen geven staat hem op het lijf geschreven. Support na oplevering daar kan je altijd op rekenen. Hij maakte me een zeer mooie website. Echt een aanrader. "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Tommy V. / welbeingbytommy.be</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Super service. En prachtige website. Bedankt ! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">RIDE JUST RIDE</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" I'm very happy with this company... My website is beautiful, better than i expected. Before i hooked up with them i burnt money on fakers like you won't believe. They're professional, kind, nice, respectful. Always there when you need them - and fast. I'm really very happy with their service. "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Kelly / Sensual Kelly</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Wij hebben zeer goede ervaringen met LHS Global. Ze gaan steeds zeer professioneel te werk en leveren een top service. Zeker in overweging te nemen voor mensen die op zoek zijn naar eender welke digitale oplossing! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Vince Brusselaers</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Kristof, Alexander en Benny zijn specialisten in hun vak. Vlotte samenwerking. Doe zo verder! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Steffie R. / Nailfie</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Een jong bedrijf met visie waar creativiteit, oplossingsgerichtheid en persoonlijke benadering centraal staan. Top! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Katrin D.B.</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Zeer professioneel en heel bereikbaar. Gaan steeds op zoek naar de beste oplossing (prijs/kwaliteit). "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Toon G. / Gorris verzekeringen</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Top kerels. Kennen hun vak. "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Luc S.</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" Great Quality of work and good website in line with our briefing and request. "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Amaury L. / SAFE-people</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" LHS Global heeft mij uitstekend geholpen door een gloednieuwe website met webshop te ontwikkelen. Het werpt duidelijk zijn vruchten af en de mailtjes/aanvragen lopen binnen als een Trein. Sinds ik bij LHS Global zit is er een duidelijke verbetering in de zichtbaarheid en vindbaarheid van mijn zaak. Dankjewel voor alle goede zorg! "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Julie H. / art-beauté.be</h4>
                            </div>
                        </div>
                        <div class="swiper-slide g-padding-x-130--sm g-padding-x-150--lg">
                            <div class="g-padding-x-20--xs g-padding-x-50--lg">
                                <div class="g-margin-b-40--xs">
                                    <p class="g-font-size-22--xs g-font-size-28--sm g-color--white"><i>" LHS er in geslaagd om volgens de vooropgestelde planning mijn website volledig op te leveren. De samenwerking zelf is heel vlot gelopen waarbij constructieve briefings en regelmatige terugkoppel momenten ervoor zorgden dat we tijdig konden bijsturen en aldus steeds op dezelfde golflengte zaten. Kortom: “job well done!” "</i></p>
                                </div>
                                <div class="center-block g-hor-divider__solid--white-opacity-lightest g-width-100--xs g-margin-b-30--xs"></div>
                                <h4 class="g-font-size-15--xs g-font-size-18--sm g-color--white-opacity-light g-margin-b-5--xs">Thierry / Burooh</h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Swipper Wrapper -->

                    <!-- Arrows -->
                    <div class="g-font-size-22--xs g-color--white-opacity js__swiper-fraction"></div>
                    <a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--right s-icon s-icon--md s-icon--white-brd g-radius--circle ti-angle-right js__swiper-btn--next"></a>
                    <a href="javascript:void(0);" class="g-display-none--xs g-display-inline-block--sm s-swiper__arrow-v1--left s-icon s-icon--md s-icon--white-brd g-radius--circle ti-angle-left js__swiper-btn--prev"></a>
                    <!-- End Arrows -->
                </div>
            </div>
        </div>
        <!-- End Testimonials -->

        <!-- Form -->
        <div id="js__scroll-to-appointment" class="g-bg-color--sky-light g-padding-y-80--xs g-padding-y-125--sm">
            <div class="container g-bg-color--white g-box-shadow__dark-lightest-v3">
                <div class="row">
                    <!-- Form -->
                    <div class="col-md-8 js__form-eqaul-height-v1">
                        <div class="g-padding-x-40--xs g-padding-y-50--xs">
                            <h2 class="g-font-size-24--xs g-color--primary ">Vraag uw gratis offerte aan</h2>
                            <p>Wil je meer weten over uw nieuwe website, webshop, applicatie of marketingcampagne? Aarzel dan zeker niet om uw gratis offerte aan te vragen!</p>
                            <p>Nadat we jouw offerteaanvraag hebben ontvangen gaan we hier zo snel mogelijk mee aan de slag. Zo nemen we contact met je op en overlopen we graag jouw wensen.</p>
                            <p>Op deze manier kunnen wij een <strong>persoonlijke, gepaste offerte</strong> voor jou opmaken en kunnen we een <strong>persoonlijke oplossing bieden</strong>.</p>
                            <!-- <a href="offerte.php">Offerte aanvragen</a> -->
                            <div class="mt-3">
                                <a href='offerte.php' class="text-uppercase s-btn s-btn--md s-btn--primary-bg g-radius--50 g-padding-x-70--xs btn-offerte-cta">Vraag uw offerte aan</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Form -->

                    <!-- Contacts -->
                    <div class="col-md-4 g-bg-color--primary-ltr js__form-eqaul-height-v1">
                        <div class="g-overflow--hidden g-padding-x-40--xs g-padding-y-50--xs">
                        <h2 class="g-font-size-24--xs g-color--white">Rechtstreeks contact</h2>
                            <ul class="list-unstyled g-margin-b-70--xs">
                                <li class="clearfix g-color--white g-margin-b-40--xs">
                                    <div class="g-media g-width-40--xs g-margin-t-5--xs">
                                        <i class="g-font-size-20--xs g-color--white-opacity-light ti-location-pin"></i>
                                    </div>
                                    <div class="g-media__body">
                                    Impulsstraat 6<br>2220 Heist-op-den-Berg, België
                                    </div>
                                </li>
                                <li class="clearfix g-color--white g-margin-b-40--xs">
                                    <div class="g-media g-width-40--xs g-margin-t-5--xs">
                                        <i class="g-font-size-20--xs g-color--white-opacity-light ti-headphone-alt"></i>
                                    </div>
                                    <div class="g-media__body">
                                        <a href="tel:0032495880105" class="g-color--white-opacity">+32 (0)495 88 01 05</a>
                                    </div>
                                </li>
                                <li class="clearfix g-color--white g-margin-b-40--xs">
                                    <div class="g-media g-width-40--xs g-margin-t-5--xs">
                                        <i class="g-font-size-20--xs g-color--white-opacity-light ti-email"></i>
                                    </div>
                                    <div class="g-media__body">
                                        <a class="g-color--white-opacity" href="mailto:contact@kristofdv.be">contact@kristofdv.be</a>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-inline g-ul-li-lr-15--xs">
                                <li><a href="https://www.facebook.com/kristofdv.be/" target="_blank"><i class="g-font-size-20--xs g-color--white-opacity ti-facebook"></i></a></li>
                                <li><a href="https://www.linkedin.com/in/kristofdv/" target="_blank"><i class="g-font-size-20--xs g-color--white-opacity ti-linkedin"></i></a></li>
                                <li><a href="https://www.instagram.com/lhs.global/" target="_blank"><i class="g-font-size-20--xs g-color--white-opacity ti-instagram"></i></a></li>
                            </ul>
                            <i class="g-font-size-150--xs g-color--white-opacity-lightest ti-comments" style="position: absolute; bottom: -1.25rem; right: -1.25rem;"></i>
                        </div>
                    </div>
                    <!-- End Contacts -->
                </div>
            </div>
        </div>
        <!-- End Form -->

        <!-- Google Map -->
        <!-- <section class="s-google-map" style="display: none;">
            <div id="js__google-container" class="s-google-container g-height-400--xs"></div>
        </section> -->
        <!-- End Google Map -->
        <!--========== 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=https://kristofdv.be/index.php>Home</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/diensten.php>Diensten & Producten</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/portfolio.php>Portfolio</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/offerte.php>Offerte</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/offerte.php>Contact</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/blog.php>Blog</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/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=https://kristofdv.be/website-laten-maken.php>Website</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/webshop-laten-maken.php>Webshop</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/webapplicatie-laten-maken.php>Webapplicatie</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/sea-online-reclame.php>SEA</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/seo-zoekmachine-optimalisatie.php>SEO</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href=https://kristofdv.be/social-media-advertising.php>Social Media Advertsing</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"><i class="g-font-size-20--xs g-color--white-opacity ti-phone"></i>+32 (0)495 88 01 05</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="mailto:contact@kristofdv.be">contact@kristofdv.be</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="https://www.linkedin.com/in/kristofdv/" target="_blank">LinkedIn</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="https://www.facebook.com/kristofdv.be/" target="_blank">Facebook</a></li>
                        <li><a class="g-font-size-15--xs g-color--white-opacity" href="https://www.instagram.com/lhs.global/" target="_blank">Instagram</a></li>
                    </ul>
                </div>
                <div class="row col-sm-3">
                    <div class="col-sm-6 g-margin-b-40--xs g-padding-y-30--xs g-margin-b-0--md">
                        <a href="https://www.google.com/partners/agency?id=1173633439" target="_blank"><img src=https://kristofdv.be/img/400x400/partner-google.png alt="google partners" class="partner100w"></a>
                    </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 src=https://kristofdv.be/img/400x400/sendcloud.png alt="Sendcloud" class="partner100w"></a>
                    </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">Kristof De Vos</p>
                    <p class="g-color--white-opacity">BE0751.585.890</p>
                    <p class="g-color--white-opacity">BE41 7360 6027 0410</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>
    </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 class="g-width-50--xs g-height-auto--xs" src=https://kristofdv.be/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> - <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; 2024 <a href="https://www.kristofdv.be">KristofDV.be</a>. All Rights Reserved.</p>
            </div>
        </div>
    </div>
    <!-- End Copyright -->
</footer>
<!--========== END FOOTER ==========-->

<!-- Call -->
<a href="tel:0032495880105" class="s-call js__call ti-headphone-alt tooltip md-hidden">
    <span class="tooltiptext">Bel mij</span>
</a>
<!-- Offerte -->
<a href="/offerte.php" class="s-call js__call ti-agenda tooltip sm-hidden">
    <span class="tooltiptext">Offerte</span>
</a>

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

<script type="text/javascript" src=https://kristofdv.be/js/components/wow.min.js></script>
<script>
// OuiBounce exit intent pop-up
var exitintent='';
if (exitintent == '') {
    var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), {
        aggressive: true,
        timer: 0,
        callback: function() { 
            //ajax call 
            $.ajax({
                url: "set_session.php",
                type: "POST",
                data: { exitintent: "Exit intent showed" },
            });
        }
    });
}

$('.underlay').on('click', function() {
    $('#ouibounce-modal').hide();
    // $.ajax({
    //     url: "set_session.php",
    //     type: "POST",
    //     data: { exitintent: "Exit intent hidden" },
    // });
});

$('.close-exitintent').on('click', function() {
    $('#ouibounce-modal').hide();
    // $.ajax({
    //     url: "set_session.php",
    //     type: "POST",
    //     data: { exitintent: "Exit intent hidden" },
    // });
});

$('#ouibounce-modal .modal2').on('click', function(e) {
    e.stopPropagation();
});
</script>

<script>           
    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>
        <script type="text/javascript" src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
        <script type="text/javascript" src="vendor/swiper/swiper.jquery.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.equal-height.min.js"></script>
        <script type="text/javascript" src="vendor/waypoint.min.js"></script>
        <script type="text/javascript" src="vendor/counterup.min.js"></script>
        <script type="text/javascript" src="vendor/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
        <script type="text/javascript" src="vendor/jquery.parallax.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsXUGTFS09pLVdsYEE9YrO2y4IAncAO2U"></script>
        <script type="text/javascript" src="vendor/jquery.wow.min.js"></script>
        <script src='https://www.google.com/recaptcha/api.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>
        <script type="text/javascript" src="js/components/magnific-popup.min.js"></script>
        <script type="text/javascript" src="js/components/swiper.min.js"></script>
        <script type="text/javascript" src="js/components/counter.min.js"></script>
        <script type="text/javascript" src="js/components/portfolio-3-col.min.js"></script>
        <script type="text/javascript" src="js/components/equal-height.min.js"></script>
        <script type="text/javascript" src="js/components/parallax.min.js"></script>
        <script type="text/javascript" src="js/components/google-map.min.js"></script>
        <script type="text/javascript" src="js/components/wow.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> -->

        <!-- 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) -->

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

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

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

-->