<!DOCTYPE html>
<html lang="nl">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
<title>Home :: Tappan</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="generator" content="Concrete CMS"/>
<link rel="canonical" href="https://tappan.nl/">
<script type="text/javascript">
    var CCM_DISPATCHER_FILENAME = "/index.php";
    var CCM_CID = 1;
    var CCM_EDIT_MODE = false;
    var CCM_ARRANGE_MODE = false;
    var CCM_IMAGE_PATH = "/concrete/images";
    var CCM_APPLICATION_URL = "https://tappan.nl";
    var CCM_REL = "";
    var CCM_ACTIVE_LOCALE = "nl_NL";
</script>

<link href="/concrete/css/fontawesome/all.css?ccm_nocache=34de1dec9142b49ac43c293c3245415a46e98bc7" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="/concrete/js/jquery.js?ccm_nocache=34de1dec9142b49ac43c293c3245415a46e98bc7"></script>
<link href="/packages/harrington/blocks/homepage_banner/assets/swiper.css?v=3848916a9966c3e6649fd5ab743449c7b4718a25" rel="stylesheet" type="text/css" media="all">
<link href="/packages/harrington/blocks/carousel/assets/slick.css?v=3848916a9966c3e6649fd5ab743449c7b4718a25" rel="stylesheet" type="text/css" media="all">
<link href="/concrete/css/features/social/frontend.css?ccm_nocache=34de1dec9142b49ac43c293c3245415a46e98bc7" rel="stylesheet" type="text/css" media="all">
    
<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://tappan.nl/">
<meta property="og:title" content="Home">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="tappan.nl">
<meta property="twitter:url" content="https://tappan.nl/">
<meta name="twitter:title" content="Home">

    
<link rel="apple-touch-icon" sizes="180x180" href="/packages/harrington/themes/harrington/favicons/apple-touch-icon.png?v=59rh4LMu">
<link rel="icon" type="image/png" sizes="32x32" href="/packages/harrington/themes/harrington/favicons/favicon-32x32.png?v=59rh4LMu">
<link rel="icon" type="image/png" sizes="16x16" href="/packages/harrington/themes/harrington/favicons/favicon-16x16.png?v=59rh4LMu">
<link rel="manifest" href="/packages/harrington/themes/harrington/favicons/site.webmanifest?v=59rh4LMu">
<link rel="mask-icon" href="/packages/harrington/themes/harrington/favicons/safari-pinned-tab.svg?v=59rh4LMu" color="#014356">
<link rel="shortcut icon" href="/packages/harrington/themes/harrington/favicons/favicon.ico?v=59rh4LMu">
<meta name="apple-mobile-web-app-title" content="Tappan">
<meta name="application-name" content="Tappan">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/packages/harrington/themes/harrington/favicons/mstile-144x144.png?v=59rh4LMu">
<meta name="msapplication-config" content="/packages/harrington/themes/harrington/favicons/browserconfig.xml?v=59rh4LMu">
<meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="/packages/harrington/themes/harrington/css/main.min.css?v=3848916a9966c3e6649fd5ab743449c7b4718a25" />

    <link rel="stylesheet" href="/packages/harrington/themes/harrington/css//selectize-scss/selectize.bootstrap5.min.css?v=3848916a9966c3e6649fd5ab743449c7b4718a25" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
            var msViewportStyle = document.createElement('style');
            msViewportStyle.appendChild(
                document.createTextNode(
                    '@-ms-viewport{width:auto!important}'
                )
            );
            document.querySelector('head').appendChild(msViewportStyle);
        }
    </script>
</head>
<body>

    <div class="ccm-page ccm-page-id-1 page-template-home">
<div class="navbar-area" data-banner="true" data-banner-contrast="">
    <header class="site-header">
        <a class="skip-link" href='#main' data-toggle="animatescroll">Naar hoofdinhoud</a>

        <div class="navbar-brand">
            <a href="https://tappan.nl/" aria-label="Tappan"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 94" class="tappan-logo-svg">
<g>
	<path class="tappan-logo-element" d="M166.5,51.7c0,3.1,0,6.1,0,9.2c-0.1,0.7,0.3,1.4,0.9,1.7c2,1.4,4.3,2.1,6.8,2.2c5.1,0.3,8.9-2.4,10.1-7.4
		c0.9-3.7,0.9-7.6,0-11.4c-0.6-2.4-1.7-4.6-3.9-6c-3.6-2.3-10-1.9-13.2,1c-0.3,0.3-0.5,0.8-0.5,1.3
		C166.5,45.4,166.5,48.5,166.5,51.7 M166.5,69.9v24h-12.5V29.3h11v4.9c0.2-0.1,0.4-0.3,0.5-0.4c3.7-4.3,8.4-5.9,13.9-5.5
		c10.2,0.6,15,7.3,16.8,14.1c2,7.3,1.8,14.6-1.2,21.7c-4.6,10.7-15.8,12.9-23.2,9.9C169.9,73,168,71.7,166.5,69.9"/>
	<path class="tappan-logo-element" d="M113.8,51.6c0,3.1,0,6.1,0,9.2c-0.1,0.8,0.3,1.5,1,1.9c2,1.3,4.3,2,6.7,2.1c5.1,0.3,8.8-2.4,10-7.3
		c0.9-3.6,0.9-7.3,0.1-10.9c-0.6-2.8-1.8-5.3-4.4-6.8c-3.5-2.1-9.8-1.5-12.9,1.3c-0.3,0.3-0.5,0.8-0.5,1.3
		C113.8,45.4,113.8,48.5,113.8,51.6 M113.8,70.2V94h-12.4V29.3h11v5c0.2-0.1,0.3-0.2,0.5-0.3c3.7-4.5,8.5-6,14.2-5.7
		c9.8,0.6,14.8,7,16.7,14c2.1,8.3,2,16.4-2.3,24c-4.7,8.3-15.8,11.4-23.9,6.7C116.2,72.2,115.1,71.2,113.8,70.2"/>
	<path class="tappan-logo-element" d="M232.8,54.5c-3.1,0.4-6.1,0.7-9.1,1.2c-1.6,0.3-3.2,0.9-4.6,1.8c-2,1.3-2.2,3.4-1.7,5.5c0.4,2,1.8,3,3.8,3.3
		c4.2,0.7,7.9-0.6,11.2-3.1c0.2-0.2,0.4-0.4,0.5-0.7C232.8,59.9,232.8,57.3,232.8,54.5 M218.2,44.8h-11.5
		c-0.3-6.2,2.7-11.4,7.9-14.1c4-2,8.3-2.5,12.6-2.4c2.6,0,5.3,0.4,7.8,1c5.8,1.6,9,5.7,9.8,11.6c0.2,1.7,0.4,3.4,0.4,5.1
		c0,5.6,0,11.2,0,16.8c0,2.4,0.9,3.2,3.3,2.8c0.8-0.1,1.6-0.4,2.5-0.6c0.1,0.2,0.1,0.5,0.1,0.7c0,2.3,0,4.5,0,6.8
		c0,0.4-0.3,1-0.6,1.1c-3.8,1.7-7.7,2.2-11.7,0.9c-2.2-0.7-3.5-2.3-3.8-4.7c0-0.4-0.1-0.8-0.1-1c-1.8,1.3-3.5,2.8-5.4,3.9
		c-5.7,3.2-11.8,3.4-17.8,1.2c-4.8-1.8-7.4-6.8-7-12.2c0.4-6.4,4.8-10,10-11.4c3.4-0.9,7-1.2,10.5-1.7c2.2-0.3,4.3-0.4,6.5-0.5
		c0.7,0,1.1-0.3,1-1.1c-0.2-1.8-0.2-3.6-0.7-5.3c-0.5-2.1-2-3.5-4.1-3.7c-1.9-0.2-3.9-0.2-5.8,0.2c-2.5,0.5-3.4,2.6-3.8,4.9
		C218.3,43.4,218.3,44,218.2,44.8"/>
	<path class="tappan-logo-element" d="M75.3,54.5c-2.7,0.3-5.3,0.5-7.8,1c-1.7,0.3-3.3,0.7-4.9,1.4c-2.2,0.9-3.2,3.1-2.9,5.6c0.3,2.3,1.6,3.6,4.2,4
		c4.1,0.6,7.8-0.7,11-3.2c0.2-0.2,0.4-0.5,0.4-0.8C75.3,59.9,75.3,57.3,75.3,54.5 M75.5,47.8c-0.2-2.1-0.3-4-0.7-5.9
		c-0.5-2.3-2-3.8-4.3-4.1c-1.9-0.2-3.8-0.2-5.7,0.2c-2.9,0.7-3.6,3.1-4,5.7c0,0.3-0.1,0.7-0.1,1.1H49.1c0-5.1,1.6-9.4,5.6-12.6
		c3.1-2.4,6.7-3.3,10.4-3.7c3.5-0.4,7.1-0.4,10.6,0.4c6.9,1.5,10.8,5.6,11.6,12.7c0.3,3,0.3,6.1,0.3,9.2c0,4.1,0,8.1,0,12.2
		c0,2.3,1,3.1,3.3,2.7c0.9-0.1,1.7-0.4,2.7-0.6v6c0,2.6,0,2.6-2.5,3.4c-2.5,0.8-5,1-7.6,0.7c-3.4-0.5-6-1.9-6.1-6.5l-0.3-0.3
		c-0.1,0.3-0.2,0.6-0.4,0.8c-4.2,4.4-9.4,6.4-15.5,6.1c-2.2-0.1-4.5-0.5-6.6-1.2c-4.4-1.5-7.2-5.7-7.5-10.3c-0.4-7.8,4-12,10.8-13.7
		c4.1-1,8.4-1.2,12.6-1.7C72.1,48,73.6,47.9,75.5,47.8"/>
	<path class="tappan-logo-element" d="M271.3,74H259V29.3h10.9v5.2c1.6-1.3,3-2.7,4.6-3.8c3.4-2.3,7.3-2.7,11.2-2.5c2.5,0.1,4.9,0.5,7.1,1.7
		c4,2.3,5.9,6,6.7,10.3c0.3,1.7,0.5,3.5,0.5,5.2c0,9.2,0,18.4,0,27.7c0,0.3,0,0.5,0,0.9h-12.4v-1.3c0-8,0.1-16.1,0-24.1
		c-0.1-2-0.4-4-0.9-6c-0.5-2-2-3.1-4-3.5c-3.7-0.7-7.2-0.2-10.3,2.2c-0.6,0.4-1,1.2-0.9,1.9c0,9.8,0,19.5,0,29.3L271.3,74z"/>
	<polygon class="tappan-logo-element" points="29,28.8 29,74 16.2,74 16.2,28.8 0,28.8 0,17.9 45.1,17.9 45.1,28.8 	"/>
	<rect class="tappan-logo-element" width="45.1" height="10.9"/>
</g>
</svg>
</a>
        </div>
    </header>
    <nav aria-label="navigatie" id="navbar" class="navbar navbar-expand-lg navbar-light">
        <div class="container-fluid">
            <div class="d-flex align-items-center">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-default" aria-controls="navbar-default" aria-expanded="false" aria-label="Toggle navigatie menu">
                    <span class="animated-hamburger-icon animated-hamburger-type-4"><span></span><span></span><span></span></span>
                </button>
            </div>

            <div class="collapse navbar-collapse justify-content-center " id="navbar-default">
                
<ul class="navbar-nav"><li class="nav-item"><a href="https://tappan.nl/wat-we-doen" target="_self" data-collectionHandle="wat-we-doen" data-cID="219"  class="nav-link">Wat we doen</a></li><li class="nav-item"><a href="https://tappan.nl/projecten" target="_self" data-collectionHandle="projecten" data-cID="220"  class="nav-link">Projecten</a></li><li class="nav-item"><a href="https://tappan.nl/tappanners" target="_self" data-collectionHandle="tappanners" data-cID="192"  class="nav-link">Tappanners</a></li><li class="nav-item"><a href="https://tappan.nl/vacatures" target="_self" data-collectionHandle="vacatures" data-cID="207"  class="nav-link">Vacatures</a></li><li class="nav-item"><a href="https://tappan.nl/blog" target="_self" data-collectionHandle="blog" data-cID="221"  class="nav-link">Blog</a></li></ul>
                <ul class="navbar-nav">
                    
<li id="block-unkown-6262a2902c5ea" class="nav-item d-flex" title="Zoeken" data-customClass="d-none d-md-block" data-toggle="tooltip">
    <button class="nav-search" type="button" data-bs-toggle="collapse" data-bs-target="#collapseunkown-6262a2902c5ea" aria-expanded="false" aria-controls="collapseunkown-6262a2902c5ea">
        <span class="text">Zoeken</span>
    </button>
    <div class="collapse nav-search-collapse" id="collapseunkown-6262a2902c5ea">
        <div class="container-fluid">
            <form action="https://tappan.nl/zoeken" method="get" class="d-flex">
                                    <input name="search_paths[]" type="hidden" value="" />
                
                <div class="input-group">
                    <input name="query" type="text" placeholder="Vul hier je zoekwoord in..." value="" class="form-control" />
                    <button type="submit" class="btn btn-primary" value="submit" name="submit">
                        Zoeken                    </button>
                </div>

                <button class="nav-search-close" type="button" data-bs-toggle="collapse" data-bs-target="#collapseunkown-6262a2902c5ea" aria-expanded="false" aria-controls="collapseunkown-6262a2902c5ea">
                    Sluiten                </button>
            </form>
        </div>
    </div>
</li>

<script type="text/javascript">
    $('#collapseunkown-6262a2902c5ea').on('shown.bs.collapse', function () {
        // focus input on collapse
        $(this).find('input').focus();
    });
</script>                                            <li class="nav-item">
                            <a href="https://tappan.nl/contact" class="btn btn-primary">Contact</a>
                        </li>
                                    </ul>
            </div>
        </div>
    </nav>
</div>

    <main id="main">
                    <div data-area="Page Header" class="mb-4">
                

        <div class="ccm-custom-style-container ccm-custom-style-pageheader-2141 mb-5"
            >
    
    <div id="block-2141" class="swiper swiper-banner symbol-icon" data-icon="luistert">
                    <h1 class="catchyStatement">
                Communicatie. <br />
Basis voor vertrouwen            </h1>
                            <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                                    <img src="https://tappan.nl/application/files/5216/3948/1085/headerfoto_Hilde_2.jpg" alt="headerfoto Hilde 2.jpg">
                                                <div class="swiper-slide-caption">
                                                        <div class="content">
                                <div class="container">
                                                                                                        </div>
                            </div>
                        </div>
                    </div>
                                    <div class="swiper-slide">
                                                    <img src="https://tappan.nl/application/files/5116/4087/7959/VanZooinaarMooi_banner-v2.jpg" alt="VanZooinaarMooi banner.jpg">
                                                <div class="swiper-slide-caption">
                                                        <div class="content">
                                <div class="container">
                                                                                                        </div>
                            </div>
                        </div>
                    </div>
                                    <div class="swiper-slide">
                                                    <img src="https://tappan.nl/application/files/2416/4632/4136/Schermafbeelding_2022-03-03_om_17.13.45.png" alt="Schermafbeelding 2022-03-03 om 17.13.45.png">
                                                <div class="swiper-slide-caption">
                                                        <div class="content">
                                <div class="container">
                                                                                                        </div>
                            </div>
                        </div>
                    </div>
                            </div>

            <div class="swiper-pagination"></div>
            </div>
    <script>
        $(function () {
            var defaultSwiper2141Settings = {
                loop: true,
                keyboard: {
                    enabled: true,
                },
                grabCursor: true, // show grab cursor
                pagination: {
                    el: "#block-2141 .swiper-pagination",
                    clickable: true,
                },
                navigation: {
                    nextEl: "#block-2141 .swiper-button-next",
                    prevEl: "#block-2141 .swiper-button-prev",
                },
            };
            var swiper2141Settings = {
                ...defaultSwiper2141Settings,
            }
            var swiper = new Swiper("#block-2141", swiper2141Settings);
        });
    </script>

    </div>

        <div class="ccm-custom-style-container ccm-custom-style-pageheader-146 text-center"
            >

<div class="container"><div class="row"><div class="col-sm-12">    <div class="row"><div class="col-sm-6">

    <h2>Strategie</h2>

<p>Hoe bereik je je&nbsp;doel? Wat is de beste aanpak? Op basis van beproefde methoden komen wij samen met jou tot een effectieve communicatiestrategie.</p>

</div><div class="col-sm-6">

    <h2>Middelen</h2>

<p>Van een toegankelijke website tot een online magazine. En van animatievideo tot begrijpelijke brief. Wij ontwikkelen alle soorten communicatiemiddelen in eigen huis.&nbsp;</p>

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


<div class="container"><div class="row"><div class="col-sm-12">        <div class="ccm-custom-style-container ccm-custom-style-pageheader-2033 text-center mt-4 mb-5"
            >
    <a href="https://tappan.nl/wat-we-doen" id="block-2033" data-block="bs_button" class="btn btn-outline-primary btn-md">Wat we doen    <span data-icon="suffix" class="tppn-icon tppn-icon-arrow-right"></span>
</a>
</div></div></div>    </div>
            </div>
        
                    <div data-area="Above main" class="mb-4">
                

<div class="container"><div class="row"><div class="col-sm-12">    
<div id="block-1388">

    
    
            <div id="block-1388-slick" class="slick-container  slick-overflow" data-ratio="16x9">
                            <div>
                                            <div class="img-ratio">
                            <img src="https://tappan.nl/application/files/1816/4492/0252/homepage-slider-slide-1.jpg" alt="homepage-slider-slide-1.jpg">
                        </div>
                                        <div class="slide-caption" data-captionColor="light">
                        
                        
                                                    <a href="https://tappan.nl/projecten/maastunnel">Maastunnel | Gemeente Rotterdam</a>                                            </div>
                </div>

                            <div>
                                            <div class="img-ratio">
                            <img src="https://tappan.nl/application/files/3016/4492/2674/zooimooi-beeld-home.jpg" alt="zooimooi-beeld-home.jpg">
                        </div>
                                        <div class="slide-caption" data-captionColor="light">
                        
                        
                                                    <a href="https://tappan.nl/projecten/rotterdam-circulair">Van zooi naar mooi | Rotterdam Circulair</a>                                            </div>
                </div>

                            <div>
                                            <div class="img-ratio">
                            <img src="https://tappan.nl/application/files/7616/4492/2673/uva-beeld-home.jpg" alt="uva-beeld-home.jpg">
                        </div>
                                        <div class="slide-caption" data-captionColor="dark">
                        
                        
                                                    <a href="https://tappan.nl/projecten/universiteit-van-amsterdam">Universiteit van Amsterdam</a>                                            </div>
                </div>

                            <div>
                                            <div class="img-ratio">
                            <img src="https://tappan.nl/application/files/9816/4448/3983/thumb-a16.jpg" alt="thumb-a16.jpg">
                        </div>
                                        <div class="slide-caption" data-captionColor="light">
                        
                        
                                                    <a href="https://tappan.nl/projecten/a16-rotterdam">A16 Rotterdam</a>                                            </div>
                </div>

                            <div>
                                            <div class="img-ratio">
                            <img src="https://tappan.nl/application/files/5216/4492/2674/mono-beeld-home.jpg" alt="mono-beeld-home.jpg">
                        </div>
                                        <div class="slide-caption" data-captionColor="light">
                        
                        
                                                    <a href="https://tappan.nl/projecten/mono-zakelijk">Mono Zakelijk</a>                                            </div>
                </div>

                    </div>

        <script>
            $(function () {
                var swiper1388Settings = {
                    arrows: true,
                    prevArrow: '<button class="slick-prev" aria-label="Vorige" type="button"><span class="sr-only">Vorige</span></button>',
                    nextArrow: '<button class="slick-next" aria-label="Volgende" type="button"><span class="sr-only">Volgende</span></button>',
                    dots: false,
                    infinite: true,
                    speed: 300,
                    slidesToShow: 2, // broken?
                    adaptiveHeight: true,

                    responsive: [
                        {
                            breakpoint: 0, // xs
                            settings: {
                                slidesToShow: 1                            }
                        },
                        {
                            breakpoint: 576, // sm
                            settings: {
                                slidesToShow: 1                            }
                        },
                        {
                            breakpoint: 768, // md
                            settings: {
                                slidesToShow: 1                            }
                        },
                        {
                            breakpoint: 992, // lg
                            settings: {
                                slidesToShow: 2                            }
                        },
                        {
                            breakpoint: 1200, // xl
                            settings: {
                                slidesToShow: 2                            }
                        },
                        {
                            breakpoint: 1400, // xxl
                            settings: {
                                slidesToShow: 2                            }
                        },
                    ]
                };

                $('#block-1388-slick').slick(swiper1388Settings);
            });
        </script>
    
</div>
</div></div></div>

<div class="container"><div class="row"><div class="col-sm-12">        <div class="ccm-custom-style-container ccm-custom-style-abovemain-2034 text-center mb-5 mt-4"
            >
    <a href="https://tappan.nl/projecten" id="block-2034" data-block="bs_button" class="btn btn-outline-primary btn-md">Meer projecten    <span data-icon="suffix" class="tppn-icon tppn-icon-arrow-right"></span>
</a>
</div></div></div>    </div>
            </div>
        
                    <div data-area="Main" class="mb-4">
                

    <div id="block-2125" class="bg-gray py-3 mb-5">
    <div class="container">
                    <h2 class="text-center pt-4">Wij werken voor</h2>        
        
                    <div id="block-2125-slick" class="slick-container slick-logos">
                                                            <div>
                                                            <img src="https://tappan.nl/application/files/7316/4119/9761/rijkswaterstaat_grijs.png" alt="rijkswaterstaat grijs.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://rijkswaterstaat.nl/" class="stretched-link" target="_blank"><span class="sr-only">Rijkswaterstaat</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/7316/4119/9722/Logo_Vng_Gray.Png" alt="Logo Vng Gray.Png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://vng.nl/" class="stretched-link" target="_blank"><span class="sr-only">VNG</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/4316/3151/8845/Logo_Nwb-Bank_Gray.Png" alt="Logo Nwb-Bank Gray.Png">
                                                        <div class="slide-caption">
                                
                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/6316/3151/8845/Logo_Ministerie_Szw_Gray.Png" alt="Logo Ministerie Szw Gray.Png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://szw.nl/" class="stretched-link" target="_blank"><span class="sr-only">Ministerie van Sociale Zaken en Werkgelegenheid</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/8416/3151/8844/Logo_Gemeente-Rotterdam_Gray.Png" alt="Logo Gemeente-Rotterdam Gray.Png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.rotterdam.nl/" class="stretched-link" target="_blank"><span class="sr-only">Gemeente Rotterdam</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/5416/4087/2072/Logo-uva.png" alt="Logo-uva.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.uva.nl" class="stretched-link" target="_blank"><span class="sr-only">Universiteit van Amserdam</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/5916/4119/9658/irado-logo-grijs.png" alt="irado-logo-grijs.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.irado.nl" class="stretched-link" target="_blank"><span class="sr-only">Irado</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/2016/4119/9791/iw_logo_grijs.png" alt="iw logo grijs.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.rijksoverheid.nl/ministeries/ministerie-van-infrastructuur-en-waterstaat" class="stretched-link" target="_blank"><span class="sr-only">Ministerie van Infrastructuur en Waterstaat</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/5616/4119/9536/rdw_grijs.png" alt="rdw grijs.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.rdw.nl" class="stretched-link" target="_blank"><span class="sr-only">RDW</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/5416/4119/9512/aegon_grijs.png" alt="aegon grijs.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.aegon.nl/particulier/" class="stretched-link" target="_blank"><span class="sr-only">Aegon</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/1616/4119/9463/logo-grijs-haarlem.png" alt="logo-grijs-haarlem.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.haarlem.nl/inwoners-en-ondernemers/" class="stretched-link" target="_blank"><span class="sr-only">Gemeente Haarlem</span></a>                                                            </div>
                        </div>
                                            <div>
                                                            <img src="https://tappan.nl/application/files/5216/4119/9383/Eneco_logo-grijs2.png" alt="Eneco_logo-grijs2.png">
                                                        <div class="slide-caption">
                                
                                                                    <a href="https://www.eneco.nl" class="stretched-link" target="_blank"><span class="sr-only">Eneco</span></a>                                                            </div>
                        </div>
                                                </div>
            <script>
                $(function () {
                    var swiper2125Settings = {
                        arrows: true,
                        prevArrow: '<button class="slick-prev" aria-label="Vorige" type="button"><span class="sr-only">Vorige</span></button>',
                        nextArrow: '<button class="slick-next" aria-label="Volgende" type="button"><span class="sr-only">Volgende</span></button>',
                        dots: false,
                        infinite: true,
                        speed: 300,
                        slidesToShow: 5,
                        adaptiveHeight: true,

                        responsive: [
                            {
                                breakpoint: 0,
                                settings: {
                                    slidesToShow: 2                                }
                            },
                            {
                                breakpoint: 576,
                                settings: {
                                    slidesToShow: 2                                }
                            },
                            {
                                breakpoint: 768,
                                settings: {
                                    slidesToShow: 3                                }
                            },
                            {
                                breakpoint: 992,
                                settings: {
                                    slidesToShow: 3                                }
                            },
                            {
                                breakpoint: 1200,
                                settings: {
                                    slidesToShow: 5                                }
                            },
                            {
                                breakpoint: 1400,
                                settings: {
                                    slidesToShow: 5                                }
                            },
                        ]
                    };

                    $('#block-2125-slick').slick(swiper2125Settings);
                });
            </script>
            </div>
</div>

            </div>
        
        
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                                            <div data-area="Blogs" class="mb-4">
                            

    
    <div id="block-1066" class="mb-3">

                    <h2 class="text-center mb-4">Onze blog</h2>
        
        
        <div class="row row-cols-1 g-5">

            
                <div class="col">
                    <div class="card card-blog-homepage">
                        <div class="card-content">
                                                            <a class="card-img" href="https://tappan.nl/blog/een-visuele-identiteit-ontwerpen-waar-begin-je" target="_self">
                                    <img src="/application/files/9116/4803/9842/zhb_blog_header.jpg" alt="">
                                </a>
                                                        <div class="card-body">
                                <div class="position-relative">
                                    <h3 class="h4">Een visuele identiteit ontwerpen: waar begin je?</h3>
                                                                            <p class="text-turquoise mb-0">25 apr. 2022 | Inge van de Wetering</p>
                                                                                                                <p>Hoe ontwikkel je een nieuwe visuele identiteit? Zo één waarvan de opdrachtgevers zeggen: ‘Ja, deze stijl past ons als een jas!’ Ontwerper Inge van de Wetering deed het voor de nieuwe organisatie Zuid-Holland Bereikbaar. In dit blog lees je hoe ze dit aanpakte.                                             <a href="https://tappan.nl/blog/een-visuele-identiteit-ontwerpen-waar-begin-je" target="_self" class="text-black stretched-link">Lees verder<span class="sr-only"> over Een visuele identiteit ontwerpen: waar begin je?</span></a>
                                        </p>
                                                                    </div>
                                <p class="text-center">
                                    <a href="https://tappan.nl/blog" data-icon-suffix="tppn-icon tppn-icon-arrow-right" class="btn btn-outline-primary">Bekijk al onze blogs</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                    </div><!-- end .ccm-block-page-list-pages -->

        
    </div><!-- end .ccm-block-page-list-wrapper -->


    

                        </div>
                                    </div>
                <div class="col-md-6">
                                            <div data-area="Social media" class="mb-4">
                            

        <h2 class="text-center mb-4">Wat houdt ons bezig</h2><ul id="block-2032" class="list-unstyled row row-cols-2 row-cols-md-2 row-cols-lg-2 row-cols-xl-2 g-4">
            <li class="col">
            <div class="ratio ratio-1x1">
                <div class="card card-social-activities" data-domain-icon="instagram">
                    <img src="https://tappan.nl/application/files/5916/4664/2582/insta_post_galecopperbrug.png" class="card-img-top" alt="insta_post_galecopperbrug.png" />
                    <div class="card-body">
                                                    <a href="https://www.instagram.com/p/CaFKNrOqe3N/" target="_blank"><span>Aftrap werkzaamheden Galecopperbrug in Utrecht</span></a>                    </div>
                </div>
            </div>
        </li>
                <li class="col">
            <div class="ratio ratio-1x1">
                <div class="card card-social-activities" data-domain-icon="instagram">
                    <img src="https://tappan.nl/application/files/8916/4570/3094/insta_post_rdam.jpg" class="card-img-top" alt="insta_post_rdam.jpg" />
                    <div class="card-body">
                                                    <a href="https://www.instagram.com/p/CZ9u3M8oEgP/" target="_blank"><span>Tappan loves Rotterdam</span></a>                    </div>
                </div>
            </div>
        </li>
                <li class="col">
            <div class="ratio ratio-1x1">
                <div class="card card-social-activities" data-domain-icon="instagram">
                    <img src="https://tappan.nl/application/files/2216/4664/3470/instapost_3.png" class="card-img-top" alt="instapost 3.png" />
                    <div class="card-body">
                                                    <a href="https://www.instagram.com/p/CVvEiIQo4wX/" target="_blank"><span>Dag van de stad vandaag</span></a>                    </div>
                </div>
            </div>
        </li>
                <li class="col">
            <div class="ratio ratio-1x1">
                <div class="card card-social-activities" data-domain-icon="instagram">
                    <img src="https://tappan.nl/application/files/6616/4570/3249/insta_post_hybride_werken.png" class="card-img-top" alt="insta_post_hybride_werken.png" />
                    <div class="card-body">
                                                    <a href="https://www.instagram.com/p/CUFarwfKvlm/" target="_blank"><span>Hybride werken bij Tappan</span></a>                    </div>
                </div>
            </div>
        </li>
    </ul>

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

            </main>




    <div id="block-1869" class="contact-block">
    <div class="container">
                    <h1 class="contact-kop">Ben je benieuwd of wij je kunnen helpen? <br />
Neem contact met ons op. We denken graag met je mee.</h1>                <div class="row">
                            <div class="col-12 col-md-6">
                    <span class="contact-phone">070 - 331 48 50</span>
                </div>
                                        <div class="col-12 col-md-6">
                    <a href="mailto:info@tappan.nl" class="contact-email">info@tappan.nl</a>
                </div>
                    </div>
    </div>
</div>

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md">
                

    <p>Lange Vijverberg 4-5, 2513 AC Den Haag<br />
<a href="https://www.google.com/maps/dir//Lange+Vijverberg+4,+2513+AC+Den+Haag" target="_blank">Routebeschrijving</a></p>

            </div>
            <div class="col-md-auto text-md-center">
                

    
<div id="ccm-block-social-links847" class="ccm-block-social-links">
    <ul class="list-inline">
                                        <li class="list-inline-item">
                        <a class="social-media-icon"
                           title="Instagram"
                           data-toggle="tooltip"
                           data-service="Instagram"
                           data-icon="instagram"
                           data-icon-size="2x"
                           href="https://instagram.com/tappannl"
                           target="_blank"
                           rel="noopener noreferrer"
                           aria-label="Instagram"><span class="sr-only">Instagram</span></a>
                    </li>
                                                            <li class="list-inline-item">
                        <a class="social-media-icon"
                           title="LinkedIn"
                           data-toggle="tooltip"
                           data-service="LinkedIn"
                           data-icon="linkedin"
                           data-icon-size="2x"
                           href="https://linkedin.com/company/tappan"
                           target="_blank"
                           rel="noopener noreferrer"
                           aria-label="LinkedIn"><span class="sr-only">LinkedIn</span></a>
                    </li>
                                                            <li class="list-inline-item">
                        <a class="social-media-icon"
                           title="MVO"
                           data-toggle="tooltip"
                           data-service="MVO"
                           data-icon="mvo"
                           data-icon-size="2x"
                           href="https://tappan.nl/mvo"
                           aria-label="MVO"><span>MVO | Wat wij doen</span></a>
                    </li>
                                </ul>
</div>

            </div>
            <div class="col-md text-md-end">
                

    
    <ul id="block-60" class="list-inline">
                                    <li class="list-inline-item">
                    <a href="https://tappan.nl/cookies">Cookies</a>                </li>
                                                <li class="list-inline-item">
                    <a href="https://tappan.nl/privacyverklaring">Privacyverklaring</a>                </li>
                        </ul>


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



</div>


<script type="text/javascript" src="/concrete/js/vue.js?ccm_nocache=34de1dec9142b49ac43c293c3245415a46e98bc7"></script>
<script type="text/javascript" src="/concrete/js/bootstrap.js?ccm_nocache=89bcca58dfbcb6ad1fe3987c654fa0792c6c5310"></script>
<script type="text/javascript" src="/concrete/js/moment.js?ccm_nocache=183adb52548121c663069e2d3185b16581d3449d"></script>
<script type="text/javascript" src="/ccm/assets/localization/moment/js"></script>
<script type="text/javascript" src="/packages/harrington/blocks/homepage_banner/assets/swiper-bundle.js?v=3848916a9966c3e6649fd5ab743449c7b4718a25"></script>
<script type="text/javascript" src="/packages/harrington/blocks/carousel/assets/slick.js?v=3848916a9966c3e6649fd5ab743449c7b4718a25"></script>
<script src="/packages/harrington/themes/harrington/js/vendor/affix.js"></script>
<script src="/packages/harrington/themes/harrington/js/vendor/animatescroll.min.js"></script>
<script src="/packages/harrington/themes/harrington/js/vendor/jquery.scrolla.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
<script src="/packages/harrington/themes/harrington/js/vendor/select2.full.min.js"></script>

<script src="/packages/harrington/themes/harrington/js/main.js"></script>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-28805724-1"></script>
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
    <script>
        window.addEventListener("load", function () {
            window.cookieconsent.initialise({
                type: 'opt-in',
                layout: 'basic-header',
                layouts: {
                    "basic-header": '<div class="container"><div class="row"><div class="col-md mb-2 mb-md-0">{{header}}{{message}}{{link}}</div><div class="col-md-auto">{{compliance}}</div></div>'
                },
                content: {
                    header: "Tappan gebruikt cookies",
                    message: "tappan.nl gebruikt cookies en verzamelt daarmee informatie over het gebruik van de website onder andere om deze te analyseren en te verbeteren. Meer informatie vind je in ons ",
                    dismiss: "Ik heb liever geen cookies",
                    allow: 'Akkoord en verder gaan',
                    link: "Cookiebeleid",
                    href: "https://tappan.nl/privacyverklaring",
                },
                compliance: {
                    info: '<div class="cc-compliance">{{dismiss}}</div>',
                    "opt-in": '<div class="d-grid gap-2">{{dismiss}}{{allow}}</div>',
                    "opt-out": '<div class="d-grid gap-2">{{deny}}{{dismiss}}</div>'
                },
                elements: {
                    header: '<h2 class="cc-header">{{header}}</h2>',
                    message: '<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',
                    messagelink: '<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" target="_blank">{{link}}</a></span>',
                    dismiss: '<a aria-label="dismiss cookie message" role=button tabindex="0" class="btn btn-white cc-btn cc-dismiss">{{dismiss}}</a>',
                    allow: '<a aria-label="allow cookies" role=button tabindex="0"  class="btn btn-primary cc-btn cc-allow">{{allow}}</a>',
                    deny: '<a aria-label="deny cookies" role=button tabindex="0" class="btn btn-white cc-btn cc-deny">{{deny}}</a>',
                    link: '<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" target="_blank">{{link}}</a>',
                    close: '<span aria-label="dismiss cookie message" role=button tabindex="0" class="cc-close">{{close}}</span>'
                },
                onInitialise: function (status) {
                    console.group('check googleAnalytics');
                    if (status == cookieconsent.status.allow) {
                        googleAnalytics();
                    } else {
                        console.log('no analytics');
                    }
                    console.groupEnd();
                },
                onStatusChange: function (status) {
                    console.group('check googleAnalytics');
                    if (status == cookieconsent.status.allow) {
                        googleAnalytics();
                    } else {
                        console.log('no analytics');
                    }
                    console.groupEnd();
                }
            });
        });

        function googleAnalytics() {
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            console.log('allow googleAnalytics', 'UA-28805724-1');

            gtag('js', new Date());

            gtag('config', 'UA-28805724-1', {'anonymize_ip': true});
        }
    </script>

</body>
</html>
