1<!DOCTYPE html> 2<html lang="nl"> 3 <head> 4 <title>Communicatie, Huisstijl, Ontwerp en Webde - Creja ontwerpen</title> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<meta name="description" content="Creja ontwerpen - Creatieve communicatie! Van huisstijlontwikkeling tot website realisatie, wij bieden oplossingen die uw merk doen opvallen."> 8<meta property="og:title" content="Communicatie, Huisstijl, Ontwerp en Webde"> 9<meta property="og:description" content="Creja ontwerpen - Creatieve communicatie! Van huisstijlontwikkeling tot website realisatie, wij bieden oplossingen die uw merk doen opvallen."> 10<meta property="og:type" content="website"> 11<meta property="og:updated_time" content="1780997697"> 12<meta name="twitter:title" content="Communicatie, Huisstijl, Ontwerp en Webde"> 13<meta name="twitter:description" content="Creja ontwerpen - Creatieve communicatie! Van huisstijlontwikkeling tot website realisatie, wij bieden oplossingen die uw merk doen opvallen."> 14 <link rel="shortcut icon" type="image/png" href="/assets/files/favicon.png" data-href_alt="Favicon"> 15 <link rel="canonical" href="https://www.creja.nl/"> 16 <link rel="preload" href="/assets/fonts/montserrat/montserrat-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 17<link rel="preload" href="/assets/fonts/montserrat/montserrat-semibold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 18<link rel="preload" href="/assets/fonts/montserrat/montserrat-light.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 19<link rel="preload" href="/assets/fonts/montserrat/montserrat-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 20<link rel="stylesheet" href="/assets/css/fonts.css?v=1780997697"> 21 <link rel="stylesheet" href="/assets/css/website.css?v=1780997697"> 22 <link rel="stylesheet" href="/assets/css/page-1281014.css?v=1780997697"> 23
23<script> 24 const LANGUAGE_CODE = 'nl'; 25</script>
vendor: 1 bytes, line 25
25
26<script src="/assets/vendors/jquery/jquery.min.js"></script>
26 27
27<script> 28var TxtType = function(el, toRotate, period) { 29 this.toRotate = toRotate; 30 this.el = el; 31 this.loopNum = 0; 32 this.period = parseInt(period, 10) || 2000; 33 this.txt = ''; 34 this.tick(); 35 this.isDeleting = false; 36 }; 37 38 TxtType.prototype.tick = function() { 39 var i = this.loopNum % this.toRotate.length; 40 var fullTxt = this.toRotate[i]; 41 42 if (this.isDeleting) { 43 this.txt = fullTxt.substring(0, this.txt.length - 1); 44 } else { 45 this.txt = fullTxt.substring(0, this.txt.length + 1); 46 } 47 48 this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; 49 50 var that = this; 51 var delta = 200 - Math.random() * 100; 52 53 if (this.isDeleting) { delta /= 4; } 54 55 if (!this.isDeleting && this.txt === fullTxt) { 56 delta = this.period; 57 this.isDeleting = true; 58 } else if (this.isDeleting && this.txt === '') { 59 this.isDeleting = false; 60 this.loopNum++; 61 delta = 500; 62 } 63 64 setTimeout(function() { 65 that.tick(); 66 }, delta); 67 }; 68 69 window.onload = function() { 70 var elements = document.getElementsByClassName('typewrite'); 71 for (var i=0; i<elements.length; i++) { 72 var toRotate = elements[i].getAttribute('data-type'); 73 var period = elements[i].getAttribute('data-period'); 74 if (toRotate) { 75 new TxtType(elements[i], JSON.parse(toRotate), period); 76 } 77 } 78 // INJECT CSS 79 var css = document.createElement("style"); 80 css.type = "text/css"; 81 css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}"; 82 document.body.appendChild(css); 83 }; 84</script>
84 85 <style> 86 87</style> 88
88<script src="/js/script.js" defer data-domain="creja.nl"></script>
88 89 90 </head> 91 <body> 92 <div class="media-4 light" data-size="1920x0" data-translatable="false" data-position="right-middle" data-contain> 93 <video src="/assets/files/bonenstaak-los-1649x484-1-kl.mp4#t=0.001" autoplay loop muted playsinline alt="Bonenstaak los 1649x484 1 kl"></video> 94 </div> 95 96 <div class="page" id="page-1281014"> 97 <header class="block-114-1 light"> 98 <div class="container container-1"> 99 <div class="row row-1"> 100 <div class="col col-1"> 101 <a class="media-1 dark" data-color="fill" data-effect="slide-top" href="/" aria-label="Ga naar de homepage van Creja"> 102 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1222.61 1211.98" id="svg-rvz1hyexeoxpbu5gw3sfgqwg9faef2b9"><defs><style>#svg-rvz1hyexeoxpbu5gw3sfgqwg9faef2b9 .cls-1{fill:#1d1d1b;stroke-width:0px;}</style></defs><g id="svg-el-a5av6gvzzmiv202vs4dqqvjmqfhhibh3"><path class="cls-1" d="M691.04,0v188.71c202,37.21,345.52,212.63,348.18,417.28,0,204.65-146.18,380.07-348.18,417.28v188.71c305.65-39.87,531.57-297.68,531.57-605.99S994.04,39.87,691.04,0M531.57,1211.98C225.92,1172.11,0,914.3,0,605.99S228.58,39.87,531.57,0v188.71c-202,37.21-345.52,212.63-348.18,417.28,0,204.65,146.18,380.07,348.18,417.28v188.71Z"/><path class="cls-1" d="M773.43,619.28c-7.97,85.05-77.08,148.84-162.13,148.84-90.37,0-162.13-71.76-162.13-162.13s71.76-162.13,162.13-162.13c34.55,0,69.1,10.63,98.34,31.89l180.73-82.39c-66.45-87.71-167.44-138.21-276.42-138.21-191.37,0-348.18,156.81-348.18,348.18s156.81,348.18,348.18,348.18,348.18-156.81,348.18-348.18c0-23.92-2.66-45.18-7.97-69.1l-180.73,85.05Z"/></g></svg> 103 </a> 104 </div> 105 <div class="col col-2"> 106 <div class="menu" data-menu_hamburger_size="md"> 107 <nav class="menu-1 dark default-menu" data-levels="2" data-separator_1="between" data-effect="slide-top"> 108 <ul><li class="active page-1281014"><a href="/">Home</a></li><li class="separator"></li><li class="has-submenu page-1354742"><a href="/over-ons/">Over ons</a><div class="dropdown-menu-1 light dropdown-menu"><ul><li class="page-1359279"><a href="/over-ons/rob-ferwerda/">Rob Ferwerda</a></li><li class="page-1359304"><a href="/over-ons/luke-van-den-broek/">Luke van den Broek</a></li><li class="page-1359305"><a href="/over-ons/remi-de-ligny/">Remi de Ligny</a></li><li class="page-1359306"><a href="/over-ons/stephan-kolijn/">Stephan Kolijn</a></li></ul></div></li><li class="separator"></li><li class="has-submenu page-1343270"><a href="/onze-diensten/">Onze diensten</a><div class="dropdown-menu-1 light dropdown-menu"><ul><li class="page-1347416"><a href="/onze-diensten/huisstijl-en-logo-ontwikkeling/">Huisstijl en logo ontwikkeling</a></li><li class="page-1354446"><a href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/">Website laten bouwen en zelf onderhouden</a></li><li class="page-1354522"><a href="/onze-diensten/video-animaties/">Video & animaties</a></li><li class="page-1345190"><a href="/onze-diensten/concept-marketingstrategie/">Concept & marketingstrategie</a></li><li class="page-1354524"><a href="/onze-diensten/krachtige-campagnes/">Krachtige campagnes</a></li><li class="page-1354733"><a href="/onze-diensten/korte-lijnen-wel-zo-prettig/">Korte lijnen, wel zo prettig</a></li></ul></div></li><li class="separator"></li><li class="has-submenu page-1325037"><a href="/portfolio-grafisch-online-voorbeelden/">Ons werk</a><div class="dropdown-menu-1 light dropdown-menu"><ul><li class="page-2368364"><a href="/ons-werk/universiteit-leiden-infographic/">Universiteit Leiden - infographic</a></li><li class="page-2368423"><a href="/ons-werk/kitlv-huisstijl-website-realisatie/">KITLV Huisstijl website realisatie</a></li><li class="page-2367904"><a href="/ons-werk/lorentz-center-beeldconcept-workshops/">Lorentz center - Beeldconcept workshops</a></li><li class="page-2361961"><a href="/ons-werk/chatel-reizen-website-realisatie/">Chatel Reizen - Website realisatie</a></li><li class="page-2041796"><a href="/ons-werk/universiteit-leiden-bioscience-boek-campus-in-bloei/">Universiteit Leiden - Bioscience boek - campus in bloei</a></li><li class="page-2258832"><a href="/ons-werk/oogcentrum-rembrandt/">Oogcentrum Rembrandt</a></li><li class="page-2258456"><a href="/ons-werk/museum-huis-doorn-tentoonstelling/">Museum Huis Doorn - tentoonstelling</a></li><li class="page-2247795"><a href="/ons-werk/online-magazine-en-leaflets-voor-sbcm/">Online magazine en leaflets voor SBCM</a></li><li class="page-2247626"><a href="/ons-werk/alphanext-nieuwe-website/">Alphanext - nieuwe website</a></li><li class="page-2247301"><a href="/ons-werk/jobo-de-bouwers-informatiebrochure/">Jobo de bouwers - informatiebrochure</a></li><li class="page-2042029"><a href="/ons-werk/universiteit-leiden-450-jaar-lustrum/">Universiteit Leiden - 450 jaar Lustrum</a></li><li class="page-2247800"><a href="/ons-werk/crafting-reslience-website/">Crafting Reslience website</a></li><li class="page-1699676"><a href="/ons-werk/hva-alo-campagnestijl-100-jarig-bestaan/">HvA ALO campagnestijl 100 jarig bestaan</a></li><li class="page-1363677"><a href="/ons-werk/huisstijl-en-website-realisatie-van-der-kolk-legal/">Huisstijl en website realisatie - Van der Kolk Legal</a></li><li class="page-1375982"><a href="/ons-werk/receptenboek-banner-video-veliche/">Receptenboek - banner - video - Veliche</a></li><li class="page-1378837"><a href="/ons-werk/ontwerpen-verpakkingslijn-sanias/">Ontwerpen verpakkingslijn - Sanias</a></li><li class="page-1377056"><a href="/ons-werk/brochure-website-realisatie-simstudio/">Brochure website realisatie - SimStudio</a></li><li class="page-1343259"><a href="/ons-werk/logo-ontwerp-huisstijl-website-bip/">Logo ontwerp & huisstijl website - BIP</a></li><li class="page-1357607"><a href="/ons-werk/huisstijl-branding-website-orgx/">Huisstijl branding & website - ORGX</a></li><li class="page-1377144"><a href="/ons-werk/rebranding-huisstijl-website-farmhouse/">Rebranding huisstijl website - Farmhouse</a></li><li class="page-1378792"><a href="/ons-werk/huisstijl-branding-woondiensten-aarwoude/">Huisstijl branding - Woondiensten Aarwoude</a></li><li class="page-1377184"><a href="/ons-werk/impact-experience-event-communicatie-hva/">Impact Experience event communicatie - HvA</a></li><li class="page-1650552"><a href="/mka-klinieken-nederland-branding-website-realisatie-01/">MKA Klinieken Nederland - branding website realisatie</a></li><li class="page-1378814"><a href="/ons-werk/huisstijl-website-jaarverslag-provalu/">Huisstijl website jaarverslag - Provalu</a></li><li class="page-1375981"><a href="/ons-werk/advertenties-reeks-anwb/">Advertenties reeks - ANWB</a></li><li class="page-1378810"><a href="/ons-werk/wervingscampagne-universiteit-leiden/">Wervingscampagne - Universiteit Leiden</a></li><li class="page-1359541"><a href="/ons-werk/collectieboek-museum-volkenkunde-leiden/">Collectieboek - Museum Volkenkunde Leiden</a></li><li class="page-1379383">
108<a href="/ons-werk/promotiemateriaal-huisstijl-verwonder-om-de-hoek/">Promotiemateriaal & huisstijl - Verwonder om de Hoek</a></li><li class="page-1381047"><a href="/ons-werk/branding-website-dectdirect/">Branding & website - DectDirect</a></li><li class="page-1381206"><a href="/ons-werk/huisstijl-website-ontwikkeling-lis/">Huisstijl & website ontwikkeling - LiS</a></li><li class="page-1536555"><a href="/ons-werk/gemeente-lisse-campagnes-posters-mailing/">Gemeente Lisse - campagnes posters mailing</a></li><li class="page-1624461"><a href="/ons-werk/rijnhart-wonen-brochure-ontwerp-autobelettering/">Rijnhart wonen - brochure ontwerp - autobelettering</a></li><li class="page-1627781"><a href="/ons-werk/kaartenboek-arum-uitvaartzorg/">Kaartenboek Arum uitvaartzorg</a></li></ul></div></li><li class="separator"></li><li class="page-1359543"><a href="/contact/">Contact</a></li></ul> 109 <div class="icon-wrapper"> 110 <a class="icon-3 dark" data-color="fill" href="https://www.facebook.com/Crejaontwerpen" target="_blank" aria-label="Ga naar de Facebook van Creja"> 111 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" id="svg-qrp9ctxfvoxif1ig3vqp69ane94ct4uo"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/></svg> 112 </a> 113 <a class="icon-3 dark" data-color="fill" href="https://www.instagram.com/crejaontwerpen/" target="_blank" aria-label="Ga naar de Insta van Creja"> 114 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" id="svg-wbqncumea2qc675f69m47j5jsal35wtb"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/></svg> 115 </a> 116 <a class="icon-3 dark" data-color="fill" href="https://nl.linkedin.com/company/creja-ontwerpen-bv" target="_blank" aria-label="Ga naar de Linkedin van Creja"> 117 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" id="svg-wuj05qebki9wyqk7f78u94s8sudiem2b"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/></svg> 118 </a> 119 </div> 120 </nav> 121 122 <nav class="hamburger-menu-1 dark hamburger-menu" data-levels="2"> 123 <button class="control-1 light hamburger-menu-close" data-color="fill"> 124 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" id="svg-3w8lpnlybi4uyi8o2wtzfrzvwzf0c706"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg> 125 </button> 126 <div class="container container-11"> 127 <div class="row row-11"> 128 <div class="col col-11"> 129 <div class="media-1 light" data-color="fill"> 130 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 131 width="123.8px" height="26.7px" viewBox="0 0 123.8 26.7" style="enable-background:new 0 0 123.8 26.7;" xml:space="preserve" id="svg-zs1qfzzb1pjgjbruglb89lh0nyat423s"> 132<style type="text/css"> 133 #svg-zs1qfzzb1pjgjbruglb89lh0nyat423s .st0{fill:#FFFFFF;} 134</style> 135<g> 136 <path class="st0" d="M7,26.4V18L0,2h5.7l4.1,10.4h0.3L14,2h5.5l-7,16v8.4H7z"/> 137 <path class="st0" d="M21.3,25.9c-1.1-0.5-1.7-1.4-2-2.6c-0.3-1.2-0.4-3.2-0.4-6c0-2.7,0.1-4.7,0.4-6c0.3-1.2,1-2.1,2-2.6 138 C22.4,8.3,24.1,8,26.5,8s4.1,0.3,5.2,0.8c1,0.5,1.7,1.4,2,2.6c0.3,1.2,0.4,3.2,0.4,6c0,2.7-0.1,4.7-0.4,5.9c-0.3,1.2-1,2.1-2,2.6 139 c-1,0.5-2.8,0.8-5.2,0.8S22.4,26.4,21.3,25.9z M28.3,22.3c0.3-0.2,0.5-0.6,0.6-1.3c0.1-0.6,0.1-1.9,0.1-3.7s0-3-0.1-3.7 140 c-0.1-0.7-0.3-1.1-0.6-1.3c-0.3-0.2-0.9-0.3-1.7-0.3s-1.4,0.1-1.8,0.3c-0.3,0.2-0.5,0.6-0.6,1.3c-0.1,0.6-0.1,1.9-0.1,3.7 141 c0,1.8,0,3.1,0.1,3.7s0.3,1,0.6,1.3c0.3,0.2,0.9,0.3,1.8,0.3S28,22.5,28.3,22.3z"/> 142 <path class="st0" d="M47.2,24.2h-0.3c-0.8,1.6-2.3,2.5-4.7,2.5c-1.4,0-2.4-0.2-3.1-0.7c-0.7-0.5-1.2-1.2-1.4-2.2 143 c-0.2-0.9-0.4-2.3-0.4-3.9V8.3h5.2V18c0,1.4,0,2.4,0.1,3c0.1,0.6,0.3,0.9,0.6,1.1c0.3,0.2,0.8,0.2,1.5,0.2c0.7,0,1.2-0.1,1.5-0.4 144 c0.3-0.2,0.5-0.7,0.6-1.3C47,20,47,19,47,17.7V8.3h5.2v18.1h-4.9L47.2,24.2z"/> 145 <path class="st0" d="M56.1,8.3H61l0.1,3.1h0.3c0.4-1.3,1-2.1,1.8-2.6C64,8.2,65.1,8,66.4,8v5c-1.3,0-2.3,0.2-3.1,0.5 146 c-0.7,0.4-1.3,1-1.6,1.8c-0.3,0.9-0.5,2.1-0.5,3.6v7.5h-5.2V8.3z"/> 147 <path class="st0" d="M69,26.1v-4.3c2.9,0.2,5,0.4,6.3,0.4c1,0,1.7,0,2.3-0.1c0.5-0.1,0.9-0.3,1.2-0.5c0.2-0.2,0.3-0.5,0.4-0.8 148 c0.1-0.3,0.1-0.7,0.1-1.3c0-0.8,0-1.3-0.1-1.6c-0.1-0.3-0.3-0.6-0.6-0.7c-0.3-0.1-0.8-0.3-1.5-0.4L73,16.1c-1.8-0.3-3-1-3.7-2.1 149 c-0.6-1.1-1-2.8-1-4.9c0-2.1,0.3-3.6,1-4.7c0.7-1.1,1.6-1.8,2.8-2.2s2.7-0.5,4.5-0.5c2.3,0,4.6,0.2,6.9,0.7v4.3 150 c-2.1-0.3-4-0.4-5.7-0.4c-1.8,0-2.9,0.2-3.4,0.5c-0.3,0.2-0.5,0.4-0.5,0.7C74,7.7,74,8.2,74,8.8c0,0.7,0,1.2,0.1,1.5 151 c0.1,0.3,0.2,0.5,0.5,0.6s0.7,0.2,1.3,0.3l4.2,0.6c0.9,0.1,1.7,0.4,2.4,0.7c0.6,0.3,1.1,0.9,1.5,1.7c0.5,1,0.7,2.5,0.7,4.5 152 c0,2.3-0.3,4-1,5.2c-0.6,1.2-1.5,1.9-2.6,2.3c-1.1,0.4-2.5,0.5-4.3,0.5C73.9,26.7,71.3,26.5,69,26.1z"/> 153 <path class="st0" d="M88,4.4V0h5.3v4.4H88z M88.1,26.4V8.3h5.2v18.1H88.1z"/> 154 <path class="st0" d="M98.6,26.4v-14h-2.8V8.3h2.8V3h5.2v5.3h3.4v4.1h-3.4v14H98.6z"/> 155 <path class="st0" d="M123.8,18.8h-9.6c0,1.3,0.1,2.2,0.2,2.6c0.1,0.5,0.5,0.8,1,1c0.5,0.2,1.5,0.2,2.8,0.2c1,0,2.7-0.1,4.9-0.3v3.8 156 c-0.7,0.2-1.6,0.3-2.8,0.4s-2.3,0.2-3.4,0.2c-2.4,0-4.2-0.3-5.4-0.9s-1.8-1.5-2.1-2.8c-0.3-1.2-0.5-3.1-0.5-5.6
157 c0-2.5,0.2-4.3,0.5-5.6c0.3-1.3,1-2.2,2.1-2.8c1.1-0.6,2.7-1,5-1c2.3,0,3.9,0.3,4.9,0.9c1,0.6,1.6,1.5,1.8,2.7 158 c0.2,1.2,0.4,3.1,0.4,5.8V18.8z M115.1,12.2c-0.3,0.2-0.5,0.5-0.6,1c-0.1,0.5-0.2,1.4-0.2,2.5h4.7c0-1.2-0.1-2.1-0.2-2.6 159 c-0.1-0.5-0.3-0.8-0.6-1c-0.3-0.2-0.8-0.2-1.5-0.2C115.9,11.9,115.4,12,115.1,12.2z"/> 160</g> 161</svg> 162 </div> 163 <div class="items"> 164 <ul><li class="active page-1281014"><a href="/">Home</a></li><li class="separator"></li><li class="has-submenu page-1354742"><a href="/over-ons/">Over ons</a><ul><li class="page-1359279"><a href="/over-ons/rob-ferwerda/">Rob Ferwerda</a></li><li class="page-1359304"><a href="/over-ons/luke-van-den-broek/">Luke van den Broek</a></li><li class="page-1359305"><a href="/over-ons/remi-de-ligny/">Remi de Ligny</a></li><li class="page-1359306"><a href="/over-ons/stephan-kolijn/">Stephan Kolijn</a></li></ul></li><li class="separator"></li><li class="has-submenu page-1343270"><a href="/onze-diensten/">Onze diensten</a><ul><li class="page-1347416"><a href="/onze-diensten/huisstijl-en-logo-ontwikkeling/">Huisstijl en logo ontwikkeling</a></li><li class="page-1354446"><a href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/">Website laten bouwen en zelf onderhouden</a></li><li class="page-1354522"><a href="/onze-diensten/video-animaties/">Video & animaties</a></li><li class="page-1345190"><a href="/onze-diensten/concept-marketingstrategie/">Concept & marketingstrategie</a></li><li class="page-1354524"><a href="/onze-diensten/krachtige-campagnes/">Krachtige campagnes</a></li><li class="page-1354733"><a href="/onze-diensten/korte-lijnen-wel-zo-prettig/">Korte lijnen, wel zo prettig</a></li></ul></li><li class="separator"></li><li class="has-submenu page-1325037"><a href="/portfolio-grafisch-online-voorbeelden/">Ons werk</a><ul><li class="page-2368364"><a href="/ons-werk/universiteit-leiden-infographic/">Universiteit Leiden - infographic</a></li><li class="page-2368423"><a href="/ons-werk/kitlv-huisstijl-website-realisatie/">KITLV Huisstijl website realisatie</a></li><li class="page-2367904"><a href="/ons-werk/lorentz-center-beeldconcept-workshops/">Lorentz center - Beeldconcept workshops</a></li><li class="page-2361961"><a href="/ons-werk/chatel-reizen-website-realisatie/">Chatel Reizen - Website realisatie</a></li><li class="page-2041796"><a href="/ons-werk/universiteit-leiden-bioscience-boek-campus-in-bloei/">Universiteit Leiden - Bioscience boek - campus in bloei</a></li><li class="page-2258832"><a href="/ons-werk/oogcentrum-rembrandt/">Oogcentrum Rembrandt</a></li><li class="page-2258456"><a href="/ons-werk/museum-huis-doorn-tentoonstelling/">Museum Huis Doorn - tentoonstelling</a></li><li class="page-2247795"><a href="/ons-werk/online-magazine-en-leaflets-voor-sbcm/">Online magazine en leaflets voor SBCM</a></li><li class="page-2247626"><a href="/ons-werk/alphanext-nieuwe-website/">Alphanext - nieuwe website</a></li><li class="page-2247301"><a href="/ons-werk/jobo-de-bouwers-informatiebrochure/">Jobo de bouwers - informatiebrochure</a></li><li class="page-2042029"><a href="/ons-werk/universiteit-leiden-450-jaar-lustrum/">Universiteit Leiden - 450 jaar Lustrum</a></li><li class="page-2247800"><a href="/ons-werk/crafting-reslience-website/">Crafting Reslience website</a></li><li class="page-1699676"><a href="/ons-werk/hva-alo-campagnestijl-100-jarig-bestaan/">HvA ALO campagnestijl 100 jarig bestaan</a></li><li class="page-1363677"><a href="/ons-werk/huisstijl-en-website-realisatie-van-der-kolk-legal/">Huisstijl en website realisatie - Van der Kolk Legal</a></li><li class="page-1375982"><a href="/ons-werk/receptenboek-banner-video-veliche/">Receptenboek - banner - video - Veliche</a></li><li class="page-1378837"><a href="/ons-werk/ontwerpen-verpakkingslijn-sanias/">Ontwerpen verpakkingslijn - Sanias</a></li><li class="page-1377056"><a href="/ons-werk/brochure-website-realisatie-simstudio/">Brochure website realisatie - SimStudio</a></li><li class="page-1343259"><a href="/ons-werk/logo-ontwerp-huisstijl-website-bip/">Logo ontwerp & huisstijl website - BIP</a></li><li class="page-1357607"><a href="/ons-werk/huisstijl-branding-website-orgx/">Huisstijl branding & website - ORGX</a></li><li class="page-1377144"><a href="/ons-werk/rebranding-huisstijl-website-farmhouse/">Rebranding huisstijl website - Farmhouse</a></li><li class="page-1378792"><a href="/ons-werk/huisstijl-branding-woondiensten-aarwoude/">Huisstijl branding - Woondiensten Aarwoude</a></li><li class="page-1377184"><a href="/ons-werk/impact-experience-event-communicatie-hva/">Impact Experience event communicatie - HvA</a></li><li class="page-1650552"><a href="/mka-klinieken-nederland-branding-website-realisatie-01/">MKA Klinieken Nederland - branding website realisatie</a></li><li class="page-1378814"><a href="/ons-werk/huisstijl-website-jaarverslag-provalu/">Huisstijl website jaarverslag - Provalu</a></li><li class="page-1375981"><a href="/ons-werk/advertenties-reeks-anwb/">Advertenties reeks - ANWB</a></li><li class="page-1378810"><a href="/ons-werk/wervingscampagne-universiteit-leiden/">Wervingscampagne - Universiteit Leiden</a></li><li class="page-1359541"><a href="/ons-werk/collectieboek-museum-volkenkunde-leiden/">Collectieboek - Museum Volkenkunde Leiden</a></li><li class="page-1379383">
164<a href="/ons-werk/promotiemateriaal-huisstijl-verwonder-om-de-hoek/">Promotiemateriaal & huisstijl - Verwonder om de Hoek</a></li><li class="page-1381047"><a href="/ons-werk/branding-website-dectdirect/">Branding & website - DectDirect</a></li><li class="page-1381206"><a href="/ons-werk/huisstijl-website-ontwikkeling-lis/">Huisstijl & website ontwikkeling - LiS</a></li><li class="page-1536555"><a href="/ons-werk/gemeente-lisse-campagnes-posters-mailing/">Gemeente Lisse - campagnes posters mailing</a></li><li class="page-1624461"><a href="/ons-werk/rijnhart-wonen-brochure-ontwerp-autobelettering/">Rijnhart wonen - brochure ontwerp - autobelettering</a></li><li class="page-1627781"><a href="/ons-werk/kaartenboek-arum-uitvaartzorg/">Kaartenboek Arum uitvaartzorg</a></li></ul></li><li class="separator"></li><li class="page-1359543"><a href="/contact/">Contact</a></li></ul> 165 </div> 166 <div class="icon-wrapper"> 167 <div class="icon-3 light" data-color="fill"> 168 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="svg-h3uu7p8wrn8shs11vul2asdonwozv8so"><path d="M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg> 169 </div> 170 <div class="icon-3 light" data-color="fill"> 171 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="svg-9bhsgiwsbwvgkowh90h7ghhkk6om52cu"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 172 </div> 173 <div class="icon-3 light" data-color="fill"> 174 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="svg-qve3uv0oi1mi2tfjqgsgev3t1tms52fw"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg> 175 </div> 176 </div> 177 </div> 178 </div> 179 </div> 180 </nav> 181 </div> 182 </div> 183 </div> 184 </div> 185 </header> 186 <section id="block-27-13224161" class="light" data-fill="fill"> 187 <div class="media-4 light" data-size="1920x0" data-position="right-bottom" data-contain> 188 <video src="/assets/files/bonestaak-af.mp4#t=0.001" autoplay loop muted playsinline alt="Bonestaak AF"></video> 189 <span class="video-play"></span> 190 </div> 191 <div class="container container-1"> 192 <div class="row row-1"> 193 <div class="col col-1"> 194 <div class="box"> 195 196 <h1 class="heading-1 has-sub dark" data-effect="fade-in">Creatieve<br><span style="color: #e8bb07;">Communicatie</span></h1> 197 <h2 class="heading-7 light"> 198 <h2 class="test"> 199 <a href="" class="typewrite" data-period="2000" data-type='[ "Campagnes die blijven hangen","Huisstijl ontwikkeling die spreekt","Website ontwerp en realisatie","Video en animatie" ]'> 200 <span class="wrap">xxxx</span> 201 </a> 202 </h2> 203 </h2> 204 <div class="text-1 dark" data-effect="fade-in"> 205 <p>Met een passie voor originaliteit en een talent voor visuele verhalen, bieden wij unieke oplossingen die uw boodschap tot leven brengen. Laat ons uw verhaal vertellen en uw merk laten stralen met onze creatieve expertise.</p> 206 </div> 207 </div> 208 </div>
209 </div> 210 <div class="row row-2"> 211 <div class="col col-2"> 212 <div class="box-2"> 213 <div class="button-wrapper"> 214 <a class="button-1 dark" data-effect="fade-in" href="/portfolio-grafisch-online-voorbeelden/" aria-label="Ga naar de pagina met voorbeelden van projecten uitgevoerd door Creja">Bekijk ons werk</a> 215 </div> 216 217 </div> 218 </div> 219 </div> 220 </div> 221 </section> 222 <section id="block-44-13305716" class="dark"> 223 <div class="carousel" data-carousel_autoplay data-carousel_interval="3000"> 224 <div class="viewport-4"> 225 <div class="items"> 226 <article class="active"> 227 <a class="media-4 dark" data-size="1920x0" href="/ons-werk/huisstijl-branding-website-orgx/" aria-label="Bekijk het ORGX project"> 228 <img src="/assets/files/website-laten-ontwerpen-en-bouwen-cms-veilig-hosting.1920x0.webp" alt="Website laten ontwerpen en bouwen cms veilig hosting" srcset="/assets/files/website-laten-ontwerpen-en-bouwen-cms-veilig-hosting.480x0.webp 480w, /assets/files/website-laten-ontwerpen-en-bouwen-cms-veilig-hosting.960x0.webp 960w, /assets/files/website-laten-ontwerpen-en-bouwen-cms-veilig-hosting.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 229 </a> 230 <div class="container container-1"> 231 <div class="row row-1"> 232 <div class="col col-1"> 233 <div class="box" data-effect="slide-left"> 234 <div class="text-1 light"> 235 <p>Rebranding ORGX - een compleet nieuwe huisstijl en website.</p> 236 </div> 237 </div> 238 </div> 239 </div> 240 </div> 241 </article> 242 <article> 243 <a class="media-4 dark" data-size="1920x0" href="/ons-werk/brochure-website-realisatie-simstudio/" aria-label="Bekijk de brochure van SimStudio"> 244 <img src="/assets/files/company-profile-ontwerp-drukken-brochure.1920x0.webp" alt="Company profile ontwerp drukken brochure" srcset="/assets/files/company-profile-ontwerp-drukken-brochure.480x0.webp 480w, /assets/files/company-profile-ontwerp-drukken-brochure.960x0.webp 960w, /assets/files/company-profile-ontwerp-drukken-brochure.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 245 </a> 246 <div class="container container-1"> 247 <div class="row row-1"> 248 <div class="col col-1"> 249 <div class="box" data-effect="slide-left"> 250 <div class="text-1 light"> 251 <p>Company profile voor SimStudio</p> 252 </div> 253 </div> 254 </div> 255 </div> 256 </div> 257 </article> 258 <article> 259 <div class="media-4 dark" data-size="1920x0"> 260 <img src="/assets/files/online-zichtbaar-website-cms-google-vindbaarheid.1920x0.webp" alt="Online zichtbaar website cms google vindbaarheid" srcset="/assets/files/online-zichtbaar-website-cms-google-vindbaarheid.480x0.webp 480w, /assets/files/online-zichtbaar-website-cms-google-vindbaarheid.960x0.webp 960w, /assets/files/online-zichtbaar-website-cms-google-vindbaarheid.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 261 </div> 262 <div class="container container-1"> 263 <div class="row row-1"> 264 <div class="col col-1"> 265 <div class="box" data-effect="slide-left"> 266 <div class="text-1 light"> 267 <p><span style="color: #616e7c;">Online magazine voor Vion Food Group</span></p> 268 </div> 269 </div> 270 </div> 271 </div> 272 </div> 273 </article> 274 <article> 275 <div class="media-4 dark" data-size="1920x0"> 276 <img src="/assets/files/brochure-opmaak-ontwerp-rapportages-drukwerk.1920x0.webp" alt="Brochure opmaak ontwerp rapportages drukwerk" srcset="/assets/files/brochure-opmaak-ontwerp-rapportages-drukwerk.480x0.webp 480w, /assets/files/brochure-opmaak-ontwerp-rapportages-drukwerk.960x0.webp 960w, /assets/files/brochure-opmaak-ontwerp-rapportages-drukwerk.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 277 </div> 278 <div class="container container-1"> 279 <div class="row row-1"> 280 <div class="col col-1"> 281 <div class="box" data-effect="slide-left"> 282 <div class="text-1 light"> 283 <p>Brochure Bioscience Park Leiden - Human Capital Agenda</p> 284 </div> 285 </div> 286 </div> 287 </div> 288 </div> 289 </article> 290 </div>
291 </div> 292 <button class="control-2 light previous" id="control-2-mntotg5f" data-color="fill" aria-label="Bekijk het vorige project"> 293 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" id="svg-crjs7decwegj60meyb2261xyzz0fc770"><path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/></svg> 294 </button> 295 <button class="control-2 light next" id="control-2-mmz130or" data-color="fill" aria-label="Bekijk de volgende project"> 296 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" id="svg-hardkr3oe3ome7qryni4o2rs71ct9mpk"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg> 297 </button> 298 <div class="box-2"> 299 <div class="text-2 light"> 300 <p>Dit is wat wij maken!</p> 301 </div> 302 </div> 303 <div class="control-wrapper bullets"> 304 <button class="control-3 light bullet empty active" aria-label="Bekijk de volgende project" data-color="fill"></button> 305 <button class="control-3 light bullet empty" aria-label="Bekijk de volgende project" data-color="fill"></button> 306 <button class="control-3 light bullet empty" aria-label="Bekijk de volgende project" data-color="fill"></button> 307 </div> 308 </div> 309 </section> 310 <section id="block-88-13356258" class="light"> 311 <div class="container container-1"> 312 <div class="row row-1"> 313 <div class="col col-3"> 314 <div class="card-4 dark"> 315 <a class="media-4 dark" data-size="960x0" href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/websites-voorbeelden/" aria-label="Bekijk een greep uit onze gerealiseerde websites"> 316 <img src="/assets/files/een-logo-huisstijl-ontwerpen.960x0.jpg" alt srcset="/assets/files/een-logo-huisstijl-ontwerpen.480x0.jpg 480w, /assets/files/een-logo-huisstijl-ontwerpen.960x0.jpg 960w, /assets/files/een-logo-huisstijl-ontwerpen.1920x0.jpg 1920w" sizes="(max-width: 480px) 480px, 960px"> 317 </a> 318 <div class="box-3 empty"> 319 </div> 320 </div> 321 </div> 322 <div class="col col-4"> 323 <div class="card-4 dark"> 324 <a class="media-4 dark" data-size="960x0" href="/ons-werk/receptenboek-banner-video-veliche/" aria-label="Ga naar de pagina met voorbeelden van projecten uitgevoerd door Creja"> 325 <img src="/assets/files/cargill-website-compositie-afb-2.960x0.webp" alt="Cargill Website compositie afb 2" srcset="/assets/files/cargill-website-compositie-afb-2.480x0.webp 480w, /assets/files/cargill-website-compositie-afb-2.960x0.webp 960w, /assets/files/cargill-website-compositie-afb-2.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, 960px"> 326 </a> 327 <div class="box-4 empty"> 328 </div> 329 </div> 330 </div> 331 <div class="col col-5"> 332 <div class="card-4 dark"> 333 <div class="media-4 dark" data-size="960x0" aria-label="Bekijk de huisstijl van VDKL"> 334 <img src="/assets/files/vdkl-huisstijl-logo-ontwerp-advocaat.960x0.webp" alt="VDKL huisstijl logo ontwerp advocaat" srcset="/assets/files/vdkl-huisstijl-logo-ontwerp-advocaat.480x0.webp 480w, /assets/files/vdkl-huisstijl-logo-ontwerp-advocaat.960x0.webp 960w, /assets/files/vdkl-huisstijl-logo-ontwerp-advocaat.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, 960px"> 335 </div> 336 <div class="box-5 empty"> 337 </div> 338 </div> 339 </div> 340 </div> 341 </div> 342 </section> 343 <section id="block-8-13356312" class="light"> 344 <div class="container container-1"> 345 <div class="row row-1"> 346 <div class="col col-1"> 347 <div class="box"> 348 <h2 class="heading-1 dark">Hoe werken wij?</h2> 349 </div> 350 </div> 351 </div> 352 </div> 353 </section> 354 <section id="lib-block-2946-13356311"> 355 <div class="container"> 356 <div class="row"> 357 <div class="col"> 358 <div class="media-2" data-size="1280x0" data-contain> 359 <img class="not-xs not-sm" src="/assets/files/creatieve-ontwerpen-campagnes-1.svg" alt> 360 <img class="xs" src="/assets/files/creatieve-ontwerpen-campagnes-mobiel.svg" alt> 361 <img class="sm" src="/assets/files/creatieve-ontwerpen-campagnes-mobiel.svg" alt> 362 </div> 363 </div> 364 </div> 365 </div> 366 </section> 367 <section id="block-27-13357430" class="dark not-xs"> 368 369 <div class="container container-1"> 370 <div class="row row-1"> 371 <div class="col col-1"> 372 <div class="media-2 light"> 373 <img src="/assets/files/chatel-reizen-website-ontwerp-bouwen-lang.
373webp" alt="Chatel reizen website ontwerp bouwen lang" srcset="/assets/files/chatel-reizen-website-ontwerp-bouwen-lang.480x0x0x100.webp 480w, /assets/files/chatel-reizen-website-ontwerp-bouwen-lang.960x0x0x100.webp 960w, /assets/files/chatel-reizen-website-ontwerp-bouwen-lang.1920x0x0x100.webp 1920w, /assets/files/chatel-reizen-website-ontwerp-bouwen-lang.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 374 </div> 375 </div> 376 </div> 377 </div> 378 <div class="box-1"> 379 <div class="media-4 dark sticky" data-size="1920x0"> 380 <img src="/assets/files/webdesign-bouwen-website.1920x0.webp" alt="Webdesign bouwen website" srcset="/assets/files/webdesign-bouwen-website.480x0.webp 480w, /assets/files/webdesign-bouwen-website.960x0.webp 960w, /assets/files/webdesign-bouwen-website.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 381 </div> 382 </div> 383 </section> 384 <section class="block-27-2 dark" data-bg_scroll_speed="75%"> 385 <div class="media-4 dark" data-size="1920x0"> 386 <img src="/assets/files/anwb-reisgidsen-advertenties-serie-campagne.1920x0.webp" alt="Anwb reisgidsen advertenties serie campagne" srcset="/assets/files/anwb-reisgidsen-advertenties-serie-campagne.480x0.webp 480w, /assets/files/anwb-reisgidsen-advertenties-serie-campagne.960x0.webp 960w, /assets/files/anwb-reisgidsen-advertenties-serie-campagne.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, 1920px"> 387 </div> 388 <div class="container container-1"> 389 <div class="row row-1"> 390 <div class="col col-1"> 391 <div class="box"> 392 <div class="heading-1 light">Van <a href="/campagnes-marketing-strategie/" aria-label="Bekijk ons portfolio met campagnes">campagnes</a> tot <a href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/websites-voorbeelden/" aria-label="Ga naar een overzicht van recente websites">website</a></div> 393 <div class="text-1 light"> 394 <p>Van het ontwikkelen van op maat gemaakte ontwerpen tot het creëren van effectieve marketingstrategieën, we zijn er trots op een breed scala aan diensten aan te bieden die aan de diverse behoeften van onze klanten voldoen.</p> 395 </div> 396 <div class="button-wrapper"> 397 <a class="button-1 dark" href="/contact/" aria-label="Ga naar de contactpagina en vind daar onze contactgegevens">Neem contact op</a> 398 </div> 399 </div> 400 </div> 401 </div> 402 </div> 403 </section> 404 <section class="block-8-2 light"> 405 <div class="container container-1"> 406 <div class="row row-1"> 407 <div class="col col-1"> 408 <div class="box"> 409 <h2 class="heading-1 dark">Voor wie werken wij?</h2> 410 </div> 411 </div> 412 </div> 413 </div> 414 </section> 415 <section class="lib-block-12835-1 light"> 416 <div class="container container-1 slider" data-slider_autoplay data-slider_interval="3000"> 417 <div class="row row-1"> 418 <div class="col col-1"> 419 <a class="control-2 previous disabled dark" href="#" data-color="fill"> 420 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" id="svg-5tna6vnsgzttarmojbsbsnnu1envn1ak"><path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/></svg> 421 </a> 422 </div> 423 <div class="col col-2"> 424 <div class="viewport-3"> 425 <div class="items"> 426 <article> 427 <div class="media-1 dark" data-color="fill"> 428 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-1.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-1.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-1.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-1.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-1.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
428x"> 429 </div> 430 </article> 431 <article> 432 <a class="media-1 dark" data-color="fill" href="/ons-werk/branding-website-dectdirect/" aria-label="Bekijk de advertentie reeks van de DectDirect"> 433 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-9.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-9.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-9.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-9.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-9.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 434 </a> 435 </article> 436 <article> 437 <a class="media-1 dark" data-color="fill" href="/ons-werk/advertenties-reeks-anwb/" aria-label="Bekijk de advertentie reeks van de ANWB"> 438 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-5.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-5.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-5.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-5.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-5.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 439 </a> 440 </article> 441 <article> 442 <div class="media-1 dark" data-color="fill"> 443 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-3.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-3.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-3.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-3.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-3.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 444 </div> 445 </article> 446 <article> 447 <a class="media-1 dark" data-color="fill" href="/ons-werk/impact-experience-event-communicatie-hva/" aria-label="Bekijk de advertentie reeks van de HvA"> 448 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-2.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-2.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-2.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-2.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-2.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 449 </a> 450 </article> 451 <article> 452 <div class="media-1 dark" data-color="fill"> 453 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-4.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-4.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-4.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-4.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-4.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 454 </div> 455 </article> 456 <article> 457 <div class="media-1 dark" data-color="fill"> 458 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-6.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-6.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-6.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-6.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-6.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
458x"> 459 </div> 460 </article> 461 <article> 462 <a class="media-1 dark" data-color="fill" href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/websites-voorbeelden/" aria-label="Bekijk de website van de MKA"> 463 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-7.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-7.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-7.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-7.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-7.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 464 </a> 465 </article> 466 <article> 467 <a class="media-1 dark" data-color="fill" href="/ons-werk/huisstijl-website-ontwikkeling-lis/" aria-label="Bekijk de huisstijl reeks van het LiS"> 468 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-8.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-8.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-8.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-8.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-8.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 469 </a> 470 </article> 471 <article> 472 <div class="media-1 dark" data-color="fill"> 473 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-10.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-10.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-10.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-10.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-10.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 474 </div> 475 </article> 476 <article> 477 <a class="media-1 dark" data-color="fill" href="/ons-werk/wervingscampagne-universiteit-leiden/" aria-label="Bekijk de wervingscampange van Universiteit Leiden"> 478 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-11.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-11.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-11.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-11.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-11.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 479 </a> 480 </article> 481 <article> 482 <div class="media-1 dark" data-color="fill"> 483 <img src="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-12.png" alt srcset="/assets/files/bladsites-webbanners-online-magazine-laten-makenasset-12.480x0x0x100.png 480w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-12.960x0x0x100.png 960w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-12.1920x0x0x100.png 1920w, /assets/files/bladsites-webbanners-online-magazine-laten-makenasset-12.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 484 </div> 485 </article> 486 </div> 487 </div> 488 </div> 489 <div class="col col-3"> 490 <a class="control-2 next disabled dark" href="#" data-color="fill"> 491 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" id="svg-atixa13ykdjpkx3xzax3wz1v4x8brid9"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg> 492 </a> 493 </div> 494 </div> 495 </div> 496 </section> 497 <section class="block-104-1 light"> 498 <div class="container container-1"> 499 <div class="row row-1"> 500 <div class="col col-1"> 501 <div class="card-4 dark"> 502 <a class="media-4 dark" data-size="640x0" href="/ons-werk/rebranding-huisstijl-website-farmhouse/" aria-label="Bekijk de rebranding van Farmhouse"> 503 <img src="/assets/files/farmhouse-website-compositie-afb-2.640x0.webp" alt="Farmhouse Website compositie afb 2" srcset="/assets/files/farmhouse-website-compositie-afb-2.640x0.webp 640w, /assets/files/farmhouse-website-compositie-afb-2.1280x0.webp 1280w" sizes="640px"> 504 </a> 505 <div class="box-1"> 506 <h2 class="heading-3 light">Farmhouse</h2> 507 <div class="text-3 light"> 508 <p>Rebranding huisstijl</p> 509 </div> 510 </div> 511 </div> 512 </div> 513 <div class="col col-2"> 514 <div class="card-4 dark"> 515 <a class="media-4 dark" data-size="480x0" href="/ons-werk/branding-website-dectdirect/" aria-label="Bekijk de rebranding en huisstijl van DectDirect"> 516 <img src="/assets/files/dectdirect-router-switch-wifi.480x0.webp" alt="Dectdirect router switch wifi" srcset="/assets/files/dectdirect-router-switch-wifi.480x0.webp 480w, /assets/files/dectdirect-router-switch-wifi.960x0.webp 960w" sizes="480px"> 517 </a> 518 <div class="box-2"> 519 <h2 class="heading-3 light">DectDirect</h2> 520 <div class="text-3 light"> 521 <p>Website en huisstijl ontwerp</p> 522 </div> 523 </div> 524 </div> 525 </div> 526 <div class="col col-3"> 527 <div class="card-4 dark"> 528 <div class="media-4 dark" data-size="480x0"> 529 <img src="/assets/files/drukken-rollup-banner-2-dagen.480x0.jpg" alt srcset="/assets/files/drukken-rollup-banner-2-dagen.480x0.jpg 480w, /assets/files/drukken-rollup-banner-2-dagen.960x0.jpg 960w" sizes="480px"> 530 </div> 531 <div class="box-3"> 532 <h2 class="heading-3 light">Taurac</h2> 533 <div class="text-3 light"> 534 <p>Branding - verpakkingslijn</p> 535 </div> 536 </div> 537 </div> 538 </div>
539 </div> 540 </div> 541 </section> 542 <section class="block-104-2 light"> 543 <div class="container container-1"> 544 <div class="row row-1"> 545 <div class="col col-1"> 546 <div class="card-4 dark"> 547 <a class="media-4 dark" data-size="640x0" href="/ons-werk/brochure-website-realisatie-simstudio/" aria-label="Bekijk de SimStudio brochure"> 548 <img src="/assets/files/simstudio-website-ontwerp.640x0.webp" alt="SimStudio website ontwerp" srcset="/assets/files/simstudio-website-ontwerp.640x0.webp 640w, /assets/files/simstudio-website-ontwerp.1280x0.webp 1280w" sizes="640px"> 549 </a> 550 <div class="box-1"> 551 <h3 class="heading-3 light">SimStudio</h3> 552 <div class="text-3 light"> 553 <p>Brochure ontwerp</p> 554 </div> 555 </div> 556 </div> 557 </div> 558 <div class="col col-2"> 559 <div class="card-4 dark"> 560 <a class="media-4 dark" data-size="480x0" href="/ons-werk/logo-ontwerp-huisstijl-website-bip/" aria-label="Bekijk de BiP huisstijl"> 561 <img src="/assets/files/bip-flyers.480x0.webp" alt="Bip flyers" srcset="/assets/files/bip-flyers.480x0.webp 480w, /assets/files/bip-flyers.960x0.webp 960w" sizes="480px"> 562 </a> 563 <div class="box-2"> 564 <h3 class="heading-3 light">BiP</h3> 565 <div class="text-3 light"> 566 <p>Huisstijl en website realisatie</p> 567 </div> 568 </div> 569 </div> 570 </div> 571 <div class="col col-3"> 572 <div class="card-4 dark"> 573 <div class="media-4 dark" data-size="480x0"> 574 <img src="/assets/files/online-magazine.480x0.jpg" alt srcset="/assets/files/online-magazine.480x0.jpg 480w, /assets/files/online-magazine.960x0.jpg 960w" sizes="480px"> 575 </div> 576 <div class="box-3"> 577 <h3 class="heading-3 light">Online magazine</h3> 578 <div class="text-3 light"> 579 <p>Ontwerp en bouwen</p> 580 </div> 581 </div> 582 </div> 583 </div> 584 </div> 585 </div> 586 </section> 587 <section class="lib-block-8180-1 light"> 588 <div class="animation-container"> 589 <div class="container container-1"> 590 <div class="row row-1"> 591 <div class="col col-1"> 592 <article class="card-2 js-card light"> 593 <div class="media-2 not-md not-lg not-xl js-media dark" data-size="960x0" data-ratio="5x4"> 594 <img src="/assets/files/creja-ontwerpen-b-v-2.960x0.jpg" alt srcset="/assets/files/creja-ontwerpen-b-v-2.480x0.jpg 480w, /assets/files/creja-ontwerpen-b-v-2.960x0.jpg 960w, /assets/files/creja-ontwerpen-b-v-2.1920x0.jpg 1920w" sizes="(max-width: 480px) 480px, 960px"> 595 </div> 596 <div class="box-1"> 597 <div class="heading-1 dark">Korte lijnen, verrassende ontwerpen</div> 598 <div class="text-3 dark"> 599 <p>Wij staan klaar om uw visie tot leven te brengen met unieke en onverwachte ontwerpen die uw merk doen opvallen. Door te werken met korte lijnen kunnen we snel schakelen en direct inspelen op uw wensen en behoeften, waardoor we efficiënt en effectief kunnen samenwerken aan het realiseren van uw project. </p> 600 </div> 601 <div class="button-wrapper"> 602 <a class="button-1 dark" href="/contact/" aria-label="Klik hier om naar de contactpagina te gaan">Contact</a> 603 </div> 604 </div> 605 </article> 606 <article class="card-2 js-card light"> 607 <div class="media-2 not-md not-lg not-xl js-media dark" data-size="960x0" data-ratio="5x4"> 608 <img src="/assets/files/creja-14.960x0.jpg" alt srcset="/assets/files/creja-14.480x0.jpg 480w, /assets/files/creja-14.960x0.jpg 960w, /assets/files/creja-14.1920x0.jpg 1920w" sizes="(max-width: 480px) 480px, 960px"> 609 </div> 610 <div class="box-1"> 611 <div class="heading-1 dark">Compleet pakket creatieve diensten</div> 612 <div class="text-3 dark"> 613 <p>Of het nu gaat om het ontwikkelen van een nieuwe huisstijl, het ontwerpen van aantrekkelijke visuals, het bouwen van een responsieve website of het produceren van boeiende videocontent, wij bieden een totaalpakket aan oplossingen die uw merk naar nieuwe hoogten tillen. </p> 614 </div> 615 <div class="button-wrapper"> 616 <a class="button-1 dark" href="/onze-diensten/" aria-label="Klik hier voor een overzicht van onze dienstverlening">Onze diensten</a> 617 </div> 618 </div> 619 </article> 620 <article class="card-2 js-card light"> 621 <div class="media-2 not-md not-lg not-xl js-media dark" data-size="960x0" data-ratio="5x4"> 622 <img src="/assets/files/creja-ontwerpen-studio-ontwerp-webdesign.960x0.webp" alt="Creja ontwerpen studio ontwerp webdesign" srcset="/assets/files/creja-ontwerpen-studio-ontwerp-webdesign.480x0.webp 480w, /assets/files/creja-ontwerpen-studio-ontwerp-webdesign.960x0.webp 960w, /assets/files/creja-ontwerpen-studio-ontwerp-webdesign.1920x0.webp 1920w" sizes="(max-width: 480px) 480px, 960px"> 623 </div> 624 <div class="box-1"> 625 <div class="heading-1 dark">Creatieve partner</div> 626 <div class="text-3 dark"> 627 <p>Bij Creja bouwen we niet alleen aan prachtige ontwerpen, maar ook aan langdurige relaties met onze klanten. Klanten van 20 jaar geleden zijn nog steeds klant bij ons, en dat is geen toeval. Of het nu gaat om het ontwerpen van een logo, het opzetten van een marketingcampagne of het bouwen van een responsieve website, wij bieden jou persoonlijke aandacht en op maat gemaakte oplossingen die écht werken voor jouw bedrijf.</p> 628 </div> 629 <div class="button-wrapper"> 630 <a class="button-1 dark" href="/over-ons/" aria-label="Meer informatie over de mensen van Creja">Over ons</a> 631 </div> 632 </div> 633 </article> 634 </div> 635 <div class="col col-2 not-xs not-sm"> 636 <div class="box-2 js-media-box"> 637 <div class="box-3 js-media-container empty"> 638 639 </div> 640 </div> 641 </div> 642 </div>
643 </div> 644 </div> 645 </section> 646 <section class="block-27-1 light" data-fill="fill"> 647 648 <div class="container container-1"> 649 <div class="row row-1"> 650 <div class="col col-1"> 651 <div class="box"> 652 <h2 class="heading-7 light"> 653 <h2 class="test"> 654 <a href="" class="typewrite" data-period="700" data-type='[ "Met een passie voor originaliteit en een talent voor visuele verhalen, bieden wij unieke oplossingen die uw boodschap tot leven brengen. Laat ons uw verhaal vertellen en uw merk laten stralen met onze creatieve expertise... " ]'> 655 <span class="wrap">xxxx</span> 656 </a> 657 </h2> 658 </h2> 659 </div> 660 </div> 661 </div> 662 </div> 663 </section> 664 <section class="block-8-4 light"> 665 <div class="container container-1"> 666 <div class="row row-1"> 667 <div class="col col-1"> 668 <div class="box"> 669 <h2 class="heading-1 dark">Op zoek naar creativiteit?</h2> 670 <div class="text-3 dark"> 671 <p>Bel, mail of kom gerust langs. Wij bieden creatieve oplossingen voor al uw vragen. Van concept tot realisatie, snel, flexibel en betaalbaar. Neem contact op via <a href="tel:071-3648965" target="_blank" aria-label="Klik hier om direct te bellen naar Creja">071-3648965</a> of <a href="mailto:info@creja.nl" aria-label="Klik hier om een nieuwe mail te openen naar Creja">info@creja.nl</a>.</p> 672 </div> 673 </div> 674 </div> 675 </div> 676 </div> 677 </section> 678 <section class="lib-block-13401-2 light not-md not-sm not-xs"> 679 <a class="button-1 empty" href="/menu/" aria-label="Klik hier om het menu te openen"></a> 680 </section> 681 <section class="lib-block-2850-1 light"> 682 <div class="button-1 empty"></div> 683 </section> 684 <section class="lib-block-13401-1 light not-xl not-lg"> 685 <a class="button-1 empty" href="/menu/" aria-label="Open het menu om verder te navigeren"></a> 686 </section> 687 <section class="lib-block-13098-1"> 688 <div class="container"> 689 <div class="row"> 690 691 <div class="col col-2 col-md-6"> 692 <div class="box-2 empty"> 693 694 695 </div> 696 </div> 697 <div class="col col-3 col-md-6"> 698 <div class="box-3 empty"> 699 700 701 </div> 702 </div> 703 704 </div> 705 </div> 706 </section> 707 <section class="lib-block-13482-1 dark"> 708 <div class="js_box box" data-effect="24837"> 709 <div class="container container-1"> 710 <div class="row"> 711 <div class="col" data-effect="24837"> 712 <a class="media-1" href="/" aria-label="Klik op het logo om naar de homepage te gaan"> 713 <img src="/assets/files/logo-creja-ontwerpen-wit.svg" alt> 714 </a> 715 <div class="text-6"> 716 <p style="text-align: center;">Creja ontwerpen b.v. • Dijkgravenlaan 75 • 2352 RN Leiderdorp • 071 364 89 65 • info@creja.nl • K.v.K. 55466656<br><span style="font-size: 12px;"><span style="text-decoration: underline;"><a href="/assets/files/algemene-voorwaarden-creja.pdf" target="_blank" aria-label="Klik hier om de algemene voorwaarden van Creja te lezen">Algemene voorwaarden</a></span> • <span style="text-decoration: underline;"><a href="/assets/files/creja-privacystatement.pdf" target="_blank" aria-label="Klik hier om de Privacystatement van Creja te lezen">Disclaimer/privacy</a></span></span></p> 717 </div> 718 <div class="box"> 719 <a class="icon-3" href="https://www.facebook.com/Crejaontwerpen/" target="_blank" aria-label="Ga naar de Facebook van Creja"> 720 <img src="/assets/files/facebook-circle.ffffff.svg" alt> 721 </a> 722 <a class="icon-3" href="https://www.instagram.com/crejaontwerpen/" target="_blank" aria-label="Ga naar de Insta van Creja"> 723 <img src="/assets/files/instagram-circle.ffffff.svg" alt> 724 </a> 725 <a class="icon-3" href="https://twitter.com/crejaontwerpen" target="_blank" aria-label="Ga naar de X-pagina van Creja"> 726 <img src="/assets/files/x-twitter.ffffff.svg" alt> 727 </a> 728 <a class="icon-3" href="https://nl.linkedin.com/in/creja-ontwerpen-rob-ferwerda" target="_blank" aria-label="Ga naar de Linkedin van Creja"> 729 <img src="/assets/files/linkedin-circle.ffffff.svg" alt> 730 </a> 731 732 733 </div> 734 </div>
735 </div> 736 <div class="row row-1"> 737 <div class="col col-1"> 738 <div class="box-1"> 739 <div class="heading-6 dark">Creative diensten</div> 740 <div class="text-6 dark"> 741 <p><a href="/onze-diensten/huisstijl-en-logo-ontwikkeling/" aria-label="Open een nieuwe pagina met info over Branding">Branding / corporate identety</a><br><a href="/onze-diensten/huisstijl-en-logo-ontwikkeling/" aria-label="Open een nieuwe pagina met info over huisstijl en logo's">Huisstijl en logo ontwerp</a><br><a href="/huisstijl-ontwikkelen-logo/" aria-label="Open een nieuwe pagina met info over logo laten ontwerpen">Logo laten ontwerpen</a><br><a href="/onze-diensten/krachtige-campagnes/" aria-label="Open een nieuwe pagina met info over campagne ontwikkeling">Reclamecampagne</a><br><a href="/ons-werk/impact-experience-event-communicatie-hva/" aria-label="Open een nieuwe pagina met info over onderwijscommunicatie">Specialist in onderwijscommunicatie</a><br><a href="/concept-ontwikkeling/" aria-label="Open een nieuwe pagina met info over concept ontwikkeling">Marketing concept</a><br><a href="/advertentie-laten-maken/" aria-label="Open een nieuwe pagina met info over advertenties">Online en offline advertenties</a><br><a href="/infographic-visuals-illustraties-ontwikkelen/" aria-label="Open een nieuwe pagina met info over Infographics">Infographics</a></p> 742 </div> 743 </div> 744 </div> 745 <div class="col col-2"> 746 <div class="box-2"> 747 <div class="heading-6 dark">Website laten maken</div> 748 <div class="text-6 dark"> 749 <p><a href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/" aria-label="Open een nieuwe pagina met info over websites">Van ontwerp tot bouwen</a><br><a href="/onze-diensten/website-laten-bouwen-en-zelf-onderhouden/" aria-label="Open een nieuwe pagina met info over cms">Eenvoudig / vriendelijk CMS</a><br><a href="/ons-werk/huisstijl-branding-website-orgx/" aria-label="Open een nieuwe pagina met info over ORGX">Eenvoudig zelf aan te passen</a><br><a href="/online-magazine-laten-maken/" aria-label="Open een nieuwe pagina met info over online magazines">Maximale score SEO Google Insight</a><br>Gratis SSL certificaat<br>Volledig inzicht in bezoekers aantallen<br>Veilig en geen onderhoud</p> 750 </div> 751 </div> 752 </div> 753 <div class="col col-3"> 754 <div class="box-3"> 755 <div class="heading-6 dark">Video & Animatie</div> 756 <div class="text-6 dark"> 757 <p><a href="/onze-diensten/video-animaties/" aria-label="Open een nieuwe pagina met info over video en animaties">Infographic laten maken</a><br><a href="/infographic-visuals-illustraties-ontwikkelen/" aria-label="Open een nieuwe pagina met info over infographics">Animatie maken voor website</a><br><a href="/online-magazine-laten-maken/" aria-label="Open een nieuwe pagina met info over online magazine">Bewegende infographics in online magazine</a><br><a href="/onze-diensten/video-animaties/" aria-label="Open een nieuwe pagina met info over leaders">Leaders/video-vormgeving webinair/congres</a><br><a href="/onze-diensten/video-animaties/">Bedrijfsvideo, compilatie video website</a><br><a href="/onze-diensten/korte-lijnen-wel-zo-prettig/">Video advertentie, displays</a></p> 758 </div> 759 </div> 760 </div> 761 <div class="col col-4"> 762 <div class="box-4"> 763 <div class="heading-6 dark">Webbanner / social media</div> 764 <div class="text-6 dark"> 765 <p><a href="/advertentie-laten-maken/">Facebook campagnes</a><br><a href="/onze-diensten/video-animaties/">Bewegende advertentie</a><br><a href="/infographic-visuals-illustraties-ontwikkelen/">HTML5, Gif, Mp4 advertentie</a><br><a href="/onze-diensten/krachtige-campagnes/">Facebook ondersteuning</a><br>Social Media Post template<br>Arbeidsmarktcommunicatie<br><br></p> 766 </div> 767 </div> 768 </div> 769 <div class="col col-5"> 770 <div class="box-5"> 771 <div class="text-6 light"> 772 <p>Creja ontwerpen is werkzaam in onder andere <a href="/over-ons/reclamebureau-leiden/">Leiden</a>, <a href="/over-ons/reclamebureau-leiderdorp/">Leiderdorp</a>, <a href="/over-ons/reclamebureau-alphen-aan-den-rijn/">Alphen aan den Rijn</a>, <a href="/over-ons/reclamebureau-utrecht/">Utrecht</a>, <a href="/over-ons/reclamebureau-den-haag/">Den Haag</a>, <a href="/over-ons/reclamebureau-amsterdam/">Amsterdam</a></p> 773 </div> 774 </div> 775 </div>
776 </div> 777 </div> 778 </div> 779 </section> 780 </div> 781 782 783
783<script src="/assets/vendors/gsap/3.9.1/gsap.min.js"></script>
vendor: 1 bytes, line 783
783
784<script src="/assets/vendors/gsap/3.9.1/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 784
784
785<script src="/assets/js/script.js?v=1780997697"></script>
vendor: 1 bytes, line 785
785
786<script> 787 window.addEventListener('load', () => { 788 new Menu(); 789new Fill(); 790new Scroll(); 791new Video(); 792new Carousel(); 793new Slider(); 794new Effect(); 795 796 797if(!!!document.getElementById('bw-editor')){ 798 document.querySelectorAll('.lib-block-8180-1').forEach((block, i) => { 799 if(typeof gsap != 'undefined'){ 800 setTimeout(function(){ 801 gsap.registerPlugin(ScrollTrigger); 802 803 ScrollTrigger.defaults({ 804 toggleActions: "restart pause resume pause" 805 }); 806 807 const cards = gsap.utils.toArray(block.querySelectorAll('.js-card')); 808 const mediaContainer = block.querySelector('.js-media-container'); 809 const mediaBox = block.querySelector('.js-media-box'); 810 const mediaItems = block.querySelectorAll('.js-media'); 811 812 mediaItems.forEach((item, index) => { 813 $(item).clone().appendTo(mediaContainer).removeClass('not-md not-lg not-xl'); 814 }); 815 816 const mediaItemsCloned = mediaContainer.querySelectorAll('.js-media'); 817 818 cards.forEach((card, index) => { 819 ScrollTrigger.saveStyles(card); 820 821 ScrollTrigger.matchMedia({ 822 '(min-width: 768px)': function() { 823 gsap.timeline({ 824 scrollTrigger: { 825 trigger: card, 826 start: "top 70%", 827 end: "bottom 20%", 828 scrub: .5, 829 onEnter: () => { 830 card.classList.add('active'); 831 mediaItemsCloned[index].classList.add('active'); 832 }, 833 onLeave: () => { 834 card.classList.remove('active'); 835 mediaItemsCloned[index].classList.remove('active'); 836 }, 837 onEnterBack: () => { 838 card.classList.add('active'); 839 mediaItemsCloned[index].classList.add('active'); 840 }, 841 onLeaveBack: () => { 842 card.classList.remove('active'); 843 mediaItemsCloned[index].classList.remove('active'); 844 }, 845 } 846 }); 847 848 gsap.to(mediaContainer, { 849 scrollTrigger: { 850 trigger:mediaBox, 851 start:'top 20%', 852 end: 'bottom 80%', 853 scrub: 1.2, 854 pin:true, 855 }, 856 scale:1 857 }); 858 } 859 }); 860 }); 861 },0); 862 } 863 }); 864}; 865$(window).scroll(function() { 866 var y = $(this).scrollTop(); 867 if (y > 65) { 868 $('.lib-block-13401-2 .button-1').fadeIn(); 869 } else { 870 $('.lib-block-13401-2 .button-1').fadeOut(); 871 } 872}); 873$(window).scroll(function() { 874 var y = $(this).scrollTop(); 875 if (y > 100) { 876 $('.lib-block-2850-1 .button-1').fadeIn(); 877 } else { 878 $('.lib-block-2850-1 .button-1').fadeOut(); 879 } 880}); 881 882backToTop = function () { 883 var scrollTop = $(window).scrollTop(); 884}; 885 backToTop(); 886$(window).on('scroll', function () { 887 backToTop(); 888}); 889$('.lib-block-2850-1 .button-1').on('click', function (e) { 890 e.preventDefault(); 891 $('html, body').animate({ 892 scrollTop: 0 893 }, 700); 894}); 895if(!$('#bw-editor').length) $('.lib-block-13482-1').each(function(){ 896 var $t=$(this); 897 $t.box=$t.find('.js_box:first'); 898 899 $t.height($t.box.outerHeight()); 900 901 $(window).on('resize',function(){ 902 $t.height($t.box.outerHeight()); 903 }); 904}); 905 906if (window.parent !== window) { 907 window.parent.postMessage({'height': document.body.scrollHeight}); 908 } 909 }); 910</script>
910 911 </body> 912</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.