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

<head>

<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>Mijn Portfolio - Kristof De Vos - Website 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="Wil je een groter doelpubliek aanspreken en uw omzet nog harder vergroten? Ik maak voor u een webshop">
<meta name="author" content="Kristof De Vos">
<meta name="theme-color" content="#13b1cd">

<meta property="og:title" content="Mijn Portfolio - Kristof De Vos - Website 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="Wil je een groter doelpubliek aanspreken en uw omzet nog harder vergroten? Ik maak voor u een webshop" />
<meta name="twitter:title" content="Mijn Portfolio - Kristof De Vos - Website 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="Wil je een groter doelpubliek aanspreken en uw omzet nog harder vergroten? Ik maak voor u een webshop" />

<style type="text/css">@font-face {font-family:Lato;font-style:normal;font-weight:300;src:url(/cf-fonts/s/lato/5.0.18/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Lato;font-style:normal;font-weight:300;src:url(/cf-fonts/s/lato/5.0.18/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Lato;font-style:normal;font-weight:400;src:url(/cf-fonts/s/lato/5.0.18/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Lato;font-style:normal;font-weight:400;src:url(/cf-fonts/s/lato/5.0.18/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Lato;font-style:italic;font-weight:400;src:url(/cf-fonts/s/lato/5.0.18/latin/400/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Lato;font-style:italic;font-weight:400;src:url(/cf-fonts/s/lato/5.0.18/latin-ext/400/italic.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.0.16/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.0.16/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.0.16/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.0.16/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:400;src:url(/cf-fonts/s/montserrat/5.0.16/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.0.16/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.0.16/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.0.16/cyrillic/700/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.0.16/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Montserrat;font-style:normal;font-weight:700;src:url(/cf-fonts/s/montserrat/5.0.16/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>

<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" />

<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" />

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.8.0/ckeditor.js"></script>

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

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


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

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


<body>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-553KFSX"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<header class="navbar-fixed-top s-header js__header-sticky js__header-overlay">

<div class="s-header__navbar">
<div class="s-header__container">
<div class="s-header__navbar-row">
<div class="s-header__navbar-row-col">

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

</div>
<div class="s-header__navbar-row-col">

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

</div>
</div>
</div>
</div>


<div class="s-header-bg-overlay js__bg-overlay">

<nav class="s-header__nav js__scrollbar">
<div class="container-fluid">

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


<ul class="list-unstyled s-header__nav-menu">
</ul>

</div>
</nav>


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


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

</div>

</header>


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


<div class="g-bg-color--sky-light2">
<div class="container g-padding-y-100--xs">
<div class="g-padding-y-50--xs">
<h1 class="g-font-size-35--xs g-font-size-55--sm g-font-size-70--lg g-color--white-opacity">Ik ben Kristof De Vos</h1>
<p class="g-font-size-22--xs g-font-size-24--md g-margin-b-0--xs g-color--white-opacity">Webapplicaties, websites en webshops op maat ontwikkelen is wat ik mogelijk maak voor iedereen.<br>Bekijk hieronder mijn portfolio met mijn beste en laatste werken.<br>Voor meer updates kan u ook mijn social media volgen en bekijken.</p>
<br>
<p>
<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>
</p>
</div>
</div>
</div>


<div class="container g-padding-y-100--xs">
<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>


<div class="container g-margin-b-100--xs">
<div id="js__grid-portfolio-gallery" class="cbp">

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/cosmeo-mockup.jpg" alt="Schoonheidssalon 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" 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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Play_Academy.jpg" alt="Play Academy - 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">Play Academy</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_Play_Academy.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://playacademy.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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Mismo_Bar.jpg" alt="Mismo Bar - 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">Mismo Bar</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_Mismo_Bar.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://mismo.bar/" 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>

<div class="s-portfolio__item cbp-item website marketing">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Ivy_Relations.jpg" alt="Ivy Relations - 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">Ivy Relations</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_Ivy_Relations.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://ivyrelations.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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/SAFE.jpg" alt="Safe People - 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">Safe People</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/SAFE.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://www.safe-people.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>

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

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

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_By_Bedey.jpg" alt="By Bedey - 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">By Bedey</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_By_Bedey.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://by-bedey.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>

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

<div class="s-portfolio__item cbp-item  website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/16.jpg" alt="Witte Tanden Centrum">
</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">Witte Tanden Centrum</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/16.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Witte Tanden Centrum <br/> door KristofDV.be">
<i class="ti-fullscreen"></i>
</a>
</li>
<li>
<a href="https://www.wittetandencentrum.nl/" 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>

<div class="s-portfolio__item cbp-item  website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/snbouw-mockup.jpg" alt="SNGroup.be - SNBouw.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">SNGroup</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/snbouw-mockup.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="SNGroup <br/> door KristofDV.be">
<i class="ti-fullscreen"></i>
</a>
</li>
<li>
<a href="https://sngroup.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>

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

<div class="s-portfolio__item cbp-item  website marketing">
<div class="s-portfolio__img-effect">
<img src="img/970x647/15.jpg" alt="Wellness By Tommy">
</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">Wellness By Tommy</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/15.jpg" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Wellness By Tommy <br/> door KristofDV.be">
<i class="ti-fullscreen"></i>
</a>
</li>
<li>
<a href="https://www.wellnessbytommy.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>

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

<div class="s-portfolio__item cbp-item website app">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Burooh.jpg" alt="Burooh - 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">Burooh</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_Burooh.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://burooh.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>

<div class="s-portfolio__item cbp-item app">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Usell.jpg" alt="Usell - 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">Usell</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_Usell.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://usell.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>

<div class="s-portfolio__item cbp-item webshop ">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Sfelek.jpg" alt="Sfelek - 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">Sfelek</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_Sfelek.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://sfelek.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>

<div class="s-portfolio__item cbp-item website marketing">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_GBEV.jpg" alt="GBEV - 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">GBEV</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_GBEV.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://gbev.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>

<div class="s-portfolio__item cbp-item website webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Steven_Huysmans.jpg" alt="Steven Huysmans - 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">Steven Huysmans</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_Steven_Huysmans.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://www.stevenhuysmans.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>

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Art-Beaute.jpg" alt="Art-Beauté - 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">Art-Beauté</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_Art-Beaute.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://art-beaute.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>

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_De_Wijnwereld.jpg" alt="De Wijnwereld - 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">De Wijnwereld</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_De_Wijnwereld.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://dewijnwereld.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>

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Little_Twinkle.jpg" alt="Little Twinkle - 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">Little Twinkle</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_Little_Twinkle.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://littletwinkle.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>

<div class="s-portfolio__item cbp-item website app marketing">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Atmos_Hosting.jpg" alt="Atmos Hosting - 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">Atmos Hosting</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_Atmos_Hosting.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://atmoshosting.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>

<div class="s-portfolio__item cbp-item website marketing">
<div class="s-portfolio__img-effect">
<img src="img/970x647/vereeken-mockup.jpg" alt="Vereeken - 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">Vereeken</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/vereeken-mockup.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://www.bepleistering.net/" 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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Ortho_Device.jpg" alt="Ortho Device - 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">Ortho Device</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_Ortho_Device.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://ortho-device.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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Beenhouwerij_Verwimp.jpg" alt="Beenhouwerij Verwimp - 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">Beenhouwerij Verwimp</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_Beenhouwerij_Verwimp.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://beenhouwerijverwimp.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>

<div class="s-portfolio__item cbp-item  website app">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Mockup_Ceeyu.jpg" alt="Ceeyu - 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">Ceeyu</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_Ceeyu.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://www.ceeyu.io/" 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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/DeltaT.jpg" alt="Delta T - 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">Delta T</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/DeltaT.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://www.deltatbvba.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>

<div class="s-portfolio__item cbp-item website">
<div class="s-portfolio__img-effect">
<img src="img/970x647/LifecoachSabine.jpg" alt="Life Coach Sabine - 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">Life Coach Sabine</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/LifecoachSabine.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://lifecoach-sabine.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>

<div class="s-portfolio__item cbp-item webshop">
<div class="s-portfolio__img-effect">
<img src="img/970x647/Demiadora.jpg" alt="Demiadora - 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">Demiadora</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/Demiadora.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://demiadora.shop/" 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>

<div class="s-portfolio__item cbp-item  website marketing app webshop itbeheer">
<div class="s-portfolio__img-effect">
<img src="img/970x647/01.jpg" alt="Kristof De Vos - KristofDV.be - Freelance Web Developer - Webdesign">
</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">Binnenkort Meer</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/01.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="offerte.php" 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>

</div>

</div>


<div class="g-container--sm g-text-center--xs g-padding-y-80--xs g-padding-y-125--sm">
<div class="g-margin-b-60--xs">
<p class="text-uppercase g-font-size-16--xs g-font-weight--700 g-color--primary g-letter-spacing--2 g-margin-b-25--xs">Binnenkort uw project mee in deze lijst?</p>
<h2 class="g-font-size-32--xs g-font-size-36--md g-letter-spacing--1">Contacteer mij voor info & offertes</h2>
</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--black-brd g-radius--50">Contacteer Mij</a>
</div>
</div>
</div>


<footer class="g-bg-color--dark">

<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="/cdn-cgi/l/email-protection#b7d4d8d9c3d6d4c3f7dcc5dec4c3d8d1d3c199d5d2"><span class="__cf_email__" data-cfemail="fe9d91908a9f9d8abe958c978d8a91989a88d09c9b">[email&#160;protected]</span></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>


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

</footer>


<a href="tel:0032495880105" class="s-call js__call ti-headphone-alt tooltip md-hidden">
<span class="tooltiptext">Bel mij</span>
</a>

<a href="/offerte.php" class="s-call js__call ti-agenda tooltip sm-hidden">
<span class="tooltiptext">Offerte</span>
</a>

<a href="javascript:void(0);" class="s-back-to-top js__back-to-top"></a>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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>


<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/swiper/swiper.jquery.min.js"></script>
<script type="text/javascript" src="vendor/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script type="text/javascript" src="vendor/jquery.wow.min.js"></script>

<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/swiper.min.js"></script>
<script type="text/javascript" src="js/components/portfolio-3-col.min.js"></script>
<script type="text/javascript" src="js/components/wow.min.js"></script>


<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>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8d16ca185d2772ef","version":"2024.10.1","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"5c6fd122575f4066937a6c2814511422","b":1}' crossorigin="anonymous"></script>
</body>

</html>