Showing source for: https://danki.com/
Duration: 0.06759s
Server: cloudflare
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="en_US" property="og:locale">
<meta content="website" property="og:type">
<meta content="Creative Digital Agency Amsterdam - Danki" property="og:title">
<meta content="Danki is a design-driven creative digital agency based in Amsterdam" property="og:description">
<meta content="https://danki.com/" property="og:url">
<meta content="Danki" property="og:site_name">
<meta content="https://danki.com/static/img/logo/danki-logo-min.png" property="og:image">
<meta content="https://danki.com/static/img/logo/danki-logo-min.png" property="og:image:secure_url">
<meta content="800" property="og:image:width">
<meta content="320" property="og:image:height">
<meta content="Danki logo" property="og:image:alt">
<title>
Creative Digital Agency Amsterdam
- Danki
</title>
<meta content="Danki is a design-driven creative digital agency based in Amsterdam" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<meta content="#ffffff" name="theme-color">
<link href="/static/c/css/output.904c8828b688.css" rel="stylesheet" type="text/css">
<script src="/static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js">
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-697982537">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-697982537');
</script>
<script data-site="IDEJOZKS" data-spa="auto" defer="" src="https://cdn.usefathom.com/script.js">
</script>
</head>
<body class="home template-homepage">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner">
</span>
</span>
</button>
<nav id="main-menu">
<ul>
<li class="active">
<a href="/">
Home
</a>
</li>
<li class="">
<a href="/about/">
About us
</a>
</li>
<li class="">
<a href="/about/#our-team">
Our Team
</a>
</li>
<li class="">
<a href="/about/#services">
Our services
</a>
</li>
<li class="">
<a href="/contact/">
Contact
</a>
</li>
</ul>
</nav>
<main id="swup">
<span class="what">
strategy + design + technology
</span>
<div class="" id="header">
<div id="logo-holder">
<svg id="logo-shape" version="1.1" viewBox="0 0 577 114" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient-1" x1="62.5%" x2="34.1359106%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
<linearGradient id="linearGradient-2" x1="100%" x2="-13.4563578%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
<linearGradient id="linearGradient-3" x1="92.4168975%" x2="-3.83243646%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
<g id="danki-logo">
<polygon class="test p-down" fill="url(#linearGradient-1)" id="I" points="520 114 577 114 577 0 520 0" style="mix-blend-mode: multiply;">
</polygon>
<polyline class="test p-up" fill="url(#linearGradient-2)" id="K2" points="511 114 397 114 397 0" style="mix-blend-mode: multiply;">
</polyline>
<polygon class="test p-up" fill="url(#linearGradient-2)" id="K1" points="511 0 397 0 397 114" style="mix-blend-mode: multiply;">
</polygon>
<polygon class="test p-up" fill="url(#linearGradient-1)" id="N2" points="322 114 379 114 379 0 322 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon class="test p-down" fill="url(#linearGradient-2)" id="N1" points="379 114 265 114 265 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon class="test p-up" fill="url(#linearGradient-3)" id="A2" points="257 114 199.726856 114 152 42.75 180.636572 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon class="test p-up" fill="url(#linearGradient-3)" id="A1" points="161.271894 114 104 114 180.364053 0 209 42.75" style="mix-blend-mode: multiply;">
</polygon>
<polygon class="test p-up" fill="url(#linearGradient-1)" id="D1" points="0 114 57 114 57 0 0 0" style="mix-blend-mode: multiply;">
</polygon>
<path class="test p-down" d="M57,114 C25.52004,114 0,88.47996 0,57 C0,25.52004 25.52004,0 57,0 C88.47996,0 114,25.52004 114,57 C114,88.47996 88.47996,114 57,114 Z" fill="url(#linearGradient-2)" id="D2" style="mix-blend-mode: multiply;">
</path>
</g>
</g>
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="0,9">
</feGaussianBlur>
</filter>
</svg>
</div>
<div class="home-about" id="home-about">
<p>
We’re a small but mighty team of creatives based in the heart of
<span class="focus">
Amsterdam
</span>
. We keep a finger on the pulse of the most recent
<span class="focus">
design and technology
</span>
developments to offer our clients innovative and engaging solutions.
<span class="focus">
Web Development
</span>
? Absolutely.
<span class="focus">
Art Direction
</span>
? Yes, danki.
<span class="focus">
Brand Identity
</span>
? Done and done. With over 20 years of shared expertise, you can trust us to have your back with any creative and digital project.
</p>
</div>
<a class="arrow-down" data-no-swup="" href="">
↓
</a>
</div>
<div id="home-cases">
<div class="project">
<h1 id="danki-main">
Danki
</h1>
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/fabfilter-reimagined-3d-art-and-website-transformation/">
FabFilter!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - webdesign/ / web development/ 3D/ e-commerce/ UI/UX design">
<a data-swup-preload="" href="/projects/fabfilter-reimagined-3d-art-and-website-transformation/">
<img alt="Mockup2.jpg" class="project-img project-right-img" src="/media/images/Mockup2.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/ring-channel-marketing/">
Ring!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - Newsletter Design/ Banner Design/ Channel Marketing/ Art Direction/ Creative Concepts/ E-mail Marketing/ ">
<a data-swup-preload="" href="/projects/ring-channel-marketing/">
<img alt="Display-19-9.jpg" class="project-img project-right-img" src="/media/images/Display-19-9.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/embracing-innovation-in-government-report-design/">
OECD!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - Editorial Design/ Midjourney/ Report Design/ AI Imagery/ / Data Visualization/ Infographics">
<a data-swup-preload="" href="/projects/embracing-innovation-in-government-report-design/">
<img alt="front cover 1.jpg" class="project-img project-right-img" src="/media/images/front_cover_1.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/2021-annual-report-design/">
Natura &Co!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - Editorial Design/ / Data Visualization/ Graphic Design/ Infographics">
<a data-swup-preload="" href="/projects/2021-annual-report-design/">
<img alt="Natura &Co - Annual Report - Graphic Design - Covers" class="project-img project-right-img" src="/media/images/annural-report-main-image-website.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/inspire/">
Peace Research Institute Oslo!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - visual identity/ / web development/ web design/ branding">
<a data-swup-preload="" href="/projects/inspire/">
<img alt="Website Design - Homepage Design - Inspire Gallery" class="project-img project-right-img" src="/media/images/MockupMaison_DD_D03_2560px.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/parnassia-group-webdesign/">
Parnassia
<br>
Groep!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - functional design/ webdesign/ / UI/UX design">
<a data-swup-preload="" href="/projects/parnassia-group-webdesign/">
<img alt="MM_Laptop_LT-GRD-02_3000x.webp" class="project-img project-right-img" src="/media/images/MM_Laptop_LT-GRD-02.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/zo-bereikbaar/">
Gemeente
<br>
Amsterdam &
<br>
Johan Cruijff Arena!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text="website/ campaign/ wordpress/ Art Direction/ / web development/ animation/ branding">
<a data-swup-preload="" href="/projects/zo-bereikbaar/">
<video class="project-right-img" height="600" loop="" muted="" playsinline="" poster="/media/images/Exterior_scene_4_free_updated.8dceaf76.fill-1000x750.jpg" preload="metadata" width="800">
<source src="/media/vids/vlc.m4v#t=0.1" type="video/mp4">
Your browser does not support the video tag.
</video>
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/parnassia-group-visual-identity/">
Parnassia
<br>
Groep!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - visual identity/ brochures/ posters/ stationary/ ">
<a data-swup-preload="" href="/projects/parnassia-group-visual-identity/">
<img alt="Mockup_12_breed.jpg" class="project-img project-right-img" src="/media/images/Mockup_12_breed_U0dcqqH.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/we-live-here-amsterdam/">
Gemeente
<br>
Amsterdam!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text="/ campaign/ website/ wordpress">
<a data-swup-preload="" href="/projects/we-live-here-amsterdam/">
<video class="project-right-img" height="600" loop="" muted="" playsinline="" poster="/media/images/ansichtkaartgerda.2e16d0ba.fill-1000x750.jpg" preload="metadata" width="800">
<source src="/media/vids/welivehere_X0fDA82.m4v#t=0.1" type="video/mp4">
Your browser does not support the video tag.
</video>
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/whetston-strategic-forecast/">
Whetston!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text="visual identity/ / web development/ web design/ branding/ book design">
<a data-swup-preload="" href="/projects/whetston-strategic-forecast/">
<video class="project-right-img" height="600" loop="" muted="" playsinline="" poster="/media/images/MockupMaison_DD_D01.2e16d0ba.fill-1000x750.jpg" preload="metadata" width="800">
<source src="/media/vids/Whetston_convert_vanuit_VLC.m4v#t=0.1" type="video/mp4">
Your browser does not support the video tag.
</video>
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/timmerhuis-rotterdam/">
Heijmans
<br>
Vastgoed &
<br>
Gemeente
<br>
Rotterdam &
<br>
OMA!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - website/ campaign/ / wayfinding/ magazine">
<a data-swup-preload="" href="/projects/timmerhuis-rotterdam/">
<img alt="timmerhuis-cover.jpg" class="project-img project-right-img" src="/media/images/timmerhuis-cover.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/moss-strike/">
Excelsior
<br>
Recordings!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text=" - / Artwork/ ">
<a data-swup-preload="" href="/projects/moss-strike/">
<img alt="Album Design - Record - Moss" class="project-img project-right-img" src="/media/images/Moss4.2e16d0ba.fill-1000x750.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="project">
<div class="row last">
<div class="half">
<div class="project-left">
<h1 class="project-client">
<a data-swup-preload="" href="/projects/crux-engineering/">
Crux Engineering!
</a>
</h1>
</div>
</div>
<div class="half">
<div class="project-right project-overview-image" data-text="/ visual identity/ UI/UX design">
<a data-swup-preload="" href="/projects/crux-engineering/">
<video class="project-right-img" height="600" loop="" muted="" playsinline="" poster="/media/images/crux-home-image3.2e16d0ba.fill-1000x750.jpg" preload="metadata" width="800">
<source src="/media/vids/test_h264_vlc_2.m4v#t=0.1" type="video/mp4">
Your browser does not support the video tag.
</video>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="case friends" id="section-friends">
<div class="row">
<div class="" id="footer-text">
<p>
We're proud to have worked with these organisations on some great projects. Danki for working together!
</p>
</div>
</div>
<div class="row">
<div id="friends-overview">
<a href="http://crux.nl" style="" target="_blank" title="Crux Engineering">
<img alt="Crux Engineering - " src="/media/clients/logos/crux_n9Nmely.svg">
</a>
<a href="http://fcutrecht.nl" style="" target="_blank" title="FC Utrecht">
<img alt="FC Utrecht - " src="/media/clients/logos/fc-utrecht_DBo263c.svg">
</a>
<a href="http://heijmans.nl" style="" target="_blank" title="Heijmans Vastgoed">
<img alt="Heijmans Vastgoed - " src="/media/clients/logos/heijmans_zvEjGqA.svg">
</a>
<a href="http://rotterdam.nl" style="" target="_blank" title="Gemeente Rotterdam">
<img alt="Gemeente Rotterdam - " src="/media/clients/logos/GMRT2_Converted_NTuHZfN.svg">
</a>
<a href="http://amsterdam.nl" style="" target="_blank" title="Gemeente Amsterdam">
<img alt="Gemeente Amsterdam - " src="/media/clients/logos/gemeente-amsterdam_IwxdL3j.svg">
</a>
<a href="http://natuurmonumenten.nl" style="" target="_blank" title="Natuurmonumenten">
<img alt="Natuurmonumenten - " src="/media/clients/logos/natuurmonumenten_84T8rmn.svg">
</a>
<a href="https://danki.com/" style="" target="_blank" title="Universal Music">
<img alt="Universal Music - " src="/media/clients/logos/universal_logo_tYNItE7.svg">
</a>
<a href="https://danki.com/" style="" target="_blank" title="Snow Sports & Lifestyle">
<img alt="Snow Sports & Lifestyle - " src="/media/clients/logos/snow_s1CGpNL.svg">
</a>
<a href="https://danki.com/" style="" target="_blank" title="Snowboarder Magazine">
<img alt="Snowboarder Magazine - " src="/media/clients/logos/snowboarder-mag_990KZBW.svg">
</a>
<a href="https://www.excelsior-recordings.com/" style="" target="_blank" title="Excelsior Recordings">
<img alt="Excelsior Recordings - " src="/media/clients/logos/excelsior_wdSkHY9.svg">
</a>
<a href="https://lebowski.nl" style="" target="_blank" title="Lebowski">
<img alt="Lebowski - " src="/media/clients/logos/lebowski.svg">
</a>
<a href="https://topnotch.nl" style="" target="_blank" title="TopNotch">
<img alt="TopNotch - " src="/media/clients/logos/topnotch.svg">
</a>
<a href="javascript: return false;" style="" target="" title="Peace Research Institute Oslo">
<img alt="Peace Research Institute Oslo - " src="/media/clients/logos/prio-logo_telw9vJ.svg">
</a>
<a href="https://parnassiagroep.nl" style="" target="_blank" title="Parnassia Groep">
<img alt="Parnassia Groep - " src="/media/clients/logos/PAR_Groep_line_03_RGB_Black-01.svg">
</a>
<a href="https://whetston.com/" style="" target="_blank" title="Whetston">
<img alt="Whetston - " src="/media/clients/logos/whetston_W1Q1gGw.svg">
</a>
<a href="https://www.johancruijffarena.nl/home/" style="" target="_blank" title="Johan Cruijff Arena">
<img alt="Johan Cruijff Arena - " src="/media/clients/logos/JCA_logo_7d2XUwL.svg">
</a>
<a href="https://ring.com" style="" target="_blank" title="Ring">
<img alt="Ring - " src="/media/clients/logos/Ring_logo-min_F61Q7OT.svg">
</a>
<a href="https://oecd-opsi.org/publications/trends-2023/" style="" target="_blank" title="OECD">
<img alt="OECD - " src="/media/clients/logos/OECD_Logo.svg">
</a>
<a href="https://naturaeco.com" style="" target="_blank" title="Natura &Co">
<img alt="Natura &Co - " src="/media/clients/logos/natura-co-logo-min.svg">
</a>
<a href="https://www.amnesty.nl/" style="" target="_blank" title="Amnesty International">
<img alt="Amnesty International - " src="/media/clients/logos/amnesty_logo.svg">
</a>
<a href="javascript: return false;" style="" target="" title="St Dalfour">
<img alt="St Dalfour - " src="/media/clients/logos/st-dalfour.svg">
</a>
</div>
</div>
<div id="cta-friends">
<p>
Want to join the club?
</p>
<a class="default-btn" href="/contact/?coffee">
Yes. Coffee please!
</a>
</div>
<a class="arrow-up visible" data-no-swup="" href="">
↑
</a>
</div>
<footer>
<div id="footer-left">
</div>
<div id="footer-center">
Danki BV ©2024
<br>
All Rights Reserved
</div>
<div id="footer-right">
</div>
</footer>
</main>
<div id="shapes">
<svg height="24px" id="svg-cursor-holder" version="1.1" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
<path d="M3.62132034,1.5 L22.5,20.3786797 L22.5,1.5 L3.62132034,1.5 Z" id="svg-cursor" stroke="#2D3047" stroke-width="3" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) ">
</path>
<path d="M3.62132034,1.5 L22.5,20.3786797 L22.5,1.5 L3.62132034,1.5 Z" fill="#2D3047" id="svg-cursor-hover" stroke="#2D3047" stroke-width="3" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) ">
</path>
<path d="M0,12.4 L24,12.4 M12,0.4 L12,24.4" id="svg-zoom" stroke="#2D3047" stroke-width="3">
</path>
</g>
</svg>
<svg height="114px" id="test-shapezzz" version="1.1" viewBox="0 0 114 114" width="114px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient-1" x1="62.5%" x2="34.1359106%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
<linearGradient id="linearGradient-2" x1="100%" x2="-13.4563578%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
<linearGradient id="linearGradient-3" x1="92.4168975%" x2="-3.83243646%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#C6EFC9">
</stop>
<stop offset="100%" stop-color="#82D4EA">
</stop>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
<g id="start">
<polygon fill="url(#linearGradient-1)" id="I" points="57 114 114 114 114 0 57 0" style="mix-blend-mode: multiply;">
</polygon>
<polyline fill="url(#linearGradient-2)" id="K2" points="114 114 0 114 0 0" style="mix-blend-mode: multiply;">
</polyline>
<polygon fill="url(#linearGradient-2)" id="K1" points="114 0 0 0 0 114" style="mix-blend-mode: multiply;">
</polygon>
<polygon fill="url(#linearGradient-1)" id="N2" points="57 114 114 114 114 0 57 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon fill="url(#linearGradient-2)" id="N1" points="114 114 0 114 0 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon fill="url(#linearGradient-3)" id="A2" points="114 114 56.7268562 114 9 42.75 37.6365719 0" style="mix-blend-mode: multiply;">
</polygon>
<polygon fill="url(#linearGradient-3)" id="A1" points="57.2718942 114 0 114 76.3640529 0 105 42.75" style="mix-blend-mode: multiply;">
</polygon>
<path d="M57,114 C25.52004,114 0,88.47996 0,57 C0,25.52004 25.52004,0 57,0 C88.47996,0 114,25.52004 114,57 C114,88.47996 88.47996,114 57,114 Z" fill="url(#linearGradient-2)" id="D2" style="mix-blend-mode: multiply;">
</path>
<polygon fill="url(#linearGradient-1)" id="D1" points="28 114 85 114 85 0 28 0" style="mix-blend-mode: multiply;">
</polygon>
</g>
</g>
</svg>
</div>
<div class="cursor big" id="danki-cursor">
<span>
</span>
</div>
<div id="loading-container">
</div>
<div id="menu-bg">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>
<script src="/static/c/js/output.22b7e303e343.js" type="text/javascript">
</script>
<div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%; right: 0">
<a href="https://www.awwwards.com/sites/danki-digital" target="_blank">
<svg height="171.358" width="53.08">
<path class="js-color-bg" d="M0 0h53.08v171.358H0z" fill="white">
</path>
<g class="js-color-text" fill="#2D3047">
<path d="M20.048 153.585v-2.002l6.752-3.757h-6.752v-1.9h10.23v2.002l-6.752 3.757h6.752v1.9zM29.899 142.382a3.317 3.317 0 0 1-1.359 1.293c-.575.297-1.223.446-1.944.446-.721 0-1.369-.149-1.944-.446a3.317 3.317 0 0 1-1.359-1.293c-.331-.564-.497-1.232-.497-2.003 0-.769.166-1.437.497-2.002a3.332 3.332 0 0 1 1.359-1.294c.575-.297 1.224-.445 1.944-.445.722 0 1.369.148 1.944.445a3.326 3.326 0 0 1 1.359 1.294c.33.565.496 1.233.496 2.002.001.77-.166 1.438-.496 2.003m-1.703-3.348c-.435-.331-.967-.497-1.601-.497s-1.167.166-1.601.497c-.434.332-.65.78-.65 1.345s.217 1.014.65 1.346c.434.33.967.496 1.601.496s1.166-.166 1.601-.496c.434-.332.649-.78.649-1.346.001-.565-.215-1.013-.649-1.345M22.912 134.996v-1.812h1.185c-.43-.283-.752-.593-.973-.929-.219-.336-.329-.732-.329-1.19 0-.479.127-.902.38-1.272.254-.37.635-.633 1.141-.79-.478-.262-.851-.591-1.118-.985a2.221 2.221 0 0 1-.402-1.265c0-.682.2-1.218.599-1.607.4-.391.957-.585 1.668-.585h5.218v1.812H25.37c-.682 0-1.023.303-1.023.907 0 .467.264.85.789 1.146.527.299 1.286.446 2.28.446h2.865v1.813H25.37c-.682 0-1.023.303-1.023.906 0 .468.275.851.826 1.147.551.298 1.352.446 2.404.446h2.704v1.812h-7.369zM21.626 122.457c-.225.224-.502.336-.833.336s-.608-.112-.833-.336a1.128 1.128 0 0 1-.336-.833c0-.331.111-.609.336-.833.225-.225.502-.336.833-.336s.608.111.833.336c.225.224.337.502.337.833 0 .332-.112.608-.337.833m1.286-1.739h7.366v1.813h-7.366v-1.813zM22.912 118.668v-1.812h1.185a3.348 3.348 0 0 1-.951-1.009 2.434 2.434 0 0 1-.351-1.272c0-.681.19-1.229.57-1.644.38-.414.931-.621 1.651-.621h5.263v1.812h-4.722c-.418 0-.727.096-.92.285-.195.19-.293.447-.293.769 0 .302.116.58.351.833.233.254.577.458 1.03.613.453.156.992.234 1.615.234h2.938v1.812h-7.366zM29.833 109.129a3.33 3.33 0 0 1-1.432 1.169 4.535 4.535 0 0 1-1.805.373 4.537 4.537 0 0 1-1.807-.373c-.579-.248-1.057-.638-1.432-1.169s-.563-1.196-.563-1.995c0-.771.183-1.413.549-1.93a3.28 3.28 0 0 1 1.382-1.141 4.221 4.221 0 0 1 1.709-.364h.746v5.071c.447-.02.838-.183 1.168-.49.332-.307.498-.724.498-1.248 0-.41-.093-.754-.277-1.031-.186-.278-.473-.529-.863-.753l.542-1.462c.69.303 1.224.724 1.592 1.265.371.541.556 1.235.556 2.083 0 .799-.188 1.464-.563 1.995m-4.085-3.574c-.41.088-.746.261-1.009.52-.262.258-.395.61-.395 1.06 0 .428.137.784.409 1.067.272.282.604.458.994.525v-3.172zM29.833 100.878c-.375.531-.852.921-1.432 1.169a4.552 4.552 0 0 1-3.612 0c-.579-.248-1.057-.638-1.432-1.169s-.563-1.196-.563-1.995c0-.77.183-1.412.549-1.93a3.278 3.278 0 0 1 1.382-1.14 4.222 4.222 0 0 1 1.709-.365h.746v5.072a1.794 1.794 0 0 0 1.168-.49c.332-.307.498-.724.498-1.249 0-.41-.093-.753-.277-1.031-.186-.277-.473-.528-.863-.753l.542-1.462c.69.302 1.224.724 1.592 1.265.371.541.556 1.234.556 2.083 0 .799-.188 1.464-.563 1.995m-4.085-3.573c-.41.088-.746.261-1.009.519-.262.258-.395.611-.395 1.06 0 .429.137.784.409 1.067.272.282.604.458.994.526v-3.172zM35.481 16.926l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.781-14.969h3.713l2.673 10.276 2.524-10.276h3.445l2.524 10.276 2.674-10.276zM37.979 27.083c1.426 0 2.495 1.068 2.495 2.495 0 1.425-1.069 2.495-2.495 2.495-1.425 0-2.495-1.07-2.495-2.495-.001-1.427 1.07-2.495 2.495-2.495">
</path>
</g>
</svg>
</a>
</div>
<script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyApY4Knv2Dy_2erHNGFL9mWeg8g1auQtAg&callback=setupMaps">
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-1Q72C4383K">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-1Q72C4383K', {
'anonymize_ip': true
});
</script>
</body>
</html>