Showing source for: https://danki.com/
Duration: 0.188738s
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="Digital Agency Amsterdam  - Danki" property="og:title">
        <meta content="Danki is a design-driven 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>
   Digital Agency Amsterdam - Danki
        </title>
        <meta content="Danki is a design-driven 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="https://use.typekit.net/sxz1xbo.css" rel="stylesheet">
        <link href="/static/c/css/output.47cf94e98962.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>
    </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/#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 Danki, a design-driven digital agency
                        <span class="focus">
                            based in Amsterdam
                        </span>
                        . We make interactive experiences that build brands and boost businesses. Danki combines over 20 years experience in concept development, visual storytelling and technical development into a compact and
                        <span class="focus">
                            flexible friendly full-service studio
                        </span>
                        . We specialise in brand identities, campaigns, websites and apps.
                    </p>
                </div>
                <a class="arrow-down" data-no-swup="" href="">
                    &darr;
                </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/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/timmerhuis-rotterdam/">
                                        Gemeente
                                        <br>
                                        Rotterdam &amp;
                                        <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/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 class="project">
                    <div class="row last">
                        <div class="half">
                            <div class="project-left">
                                <h1 class="project-client">
                                    <a data-swup-preload="" href="/projects/h5s-new-website/">
                                        High 5 Solutions!
                                    </a>
                                </h1>
                            </div>
                        </div>
                        <div class="half">
                            <div class="project-right project-overview-image" data-text="web design/ / web development">
                                <a data-swup-preload="" href="/projects/h5s-new-website/">
                                    <video class="project-right-img" height="600" loop="" muted="" playsinline="" poster="/media/images/h5s-home-4_HpPr0IM.2e16d0ba.fill-1000x750.jpg" preload="metadata" width="800">
                                        <source src="/media/vids/h5s_vlc_convert_w1hh8lO.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="javascript: return false;" style="" title="Crux Engineering">
                            <img alt="Crux Engineering" src="/media/clients/logos/crux_n9Nmely.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="FC Utrecht">
                            <img alt="FC Utrecht" src="/media/clients/logos/fc-utrecht_DBo263c.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Heijmans Vastgoed">
                            <img alt="Heijmans Vastgoed" src="/media/clients/logos/heijmans_zvEjGqA.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Gemeente Rotterdam">
                            <img alt="Gemeente Rotterdam" src="/media/clients/logos/GMRT2_Converted_NTuHZfN.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Gemeente Amsterdam">
                            <img alt="Gemeente Amsterdam" src="/media/clients/logos/gemeente-amsterdam_IwxdL3j.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Natuurmonumenten">
                            <img alt="Natuurmonumenten" src="/media/clients/logos/natuurmonumenten_84T8rmn.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Oxfam Novib">
                            <img alt="Oxfam Novib" src="/media/clients/logos/oxfam-novib_U77UVZA.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Universal Music">
                            <img alt="Universal Music" src="/media/clients/logos/universal_logo_tYNItE7.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Snow Sports &amp; Lifestyle">
                            <img alt="Snow Sports &amp; Lifestyle" src="/media/clients/logos/snow_s1CGpNL.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Snowboarder Magazine">
                            <img alt="Snowboarder Magazine" src="/media/clients/logos/snowboarder-mag_990KZBW.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Excelsior Recordings">
                            <img alt="Excelsior Recordings" src="/media/clients/logos/excelsior_wdSkHY9.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Amnesty">
                            <img alt="Amnesty" src="/media/clients/logos/amnesty_wcmabZf.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="Lebowski">
                            <img alt="Lebowski" src="/media/clients/logos/lebowski.svg">
                        </a>
                        <a href="javascript: return false;" style="" title="TopNotch">
                            <img alt="TopNotch" src="/media/clients/logos/topnotch.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="">
                    &uarr;
                </a>
            </div>
            <footer>
                <div id="footer-left">
                    &nbsp;
                </div>
                <div id="footer-center">
                    Danki &copy;2020
                    <br>
                    All Rights Reserved
                </div>
                <div id="footer-right">
                    &nbsp;
                </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.c41336ea72d8.js" type="text/javascript">
        </script>
        <script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyApY4Knv2Dy_2erHNGFL9mWeg8g1auQtAg&amp;callback=setupMaps">
        </script>
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments);
                }, i[r].l = 1 * new Date();
                a = s.createElement(o), m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m);
            })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-1134130-83', 'auto');
            ga('send', 'pageview');
        </script>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://danki.com/ 2020-02-25 17:46:26
2 https://www.spotify.com/uk/ 2020-02-25 17:44:34
3 https://xbay.me/view.php?title=Por… 2020-02-25 17:40:39
4 http://tknws.x10host.com/x/1001.htm 2020-02-25 17:25:30
5 https://soundcloud.com/ 2020-02-25 16:51:13
6 https://www.youtube.com/watch?v=rG… 2020-02-25 15:38:55
7 https://www.eetspruit.nl/ 2020-02-25 15:11:01
8 https://kudtkoekiewet.nl/?t=http:/… 2020-02-25 15:05:16
9 https://www.gsa-online.de/ 2020-02-25 13:10:32
10 https://www.ycombinator.com/ 2020-02-25 09:22:42
11 https://news.ycombinator.com/ 2020-02-25 08:03:33
12 https://www.apple.com/nl/ 2020-02-25 08:00:52
13 https://xla.rocks/ 2020-02-25 07:22:58
14 https://www.hackthebox.eu/ 2020-02-25 06:12:35
15 https://solidflux.nl/ 2020-02-25 05:32:39
16 https://postmortem.nl/ 2020-02-25 04:51:56
17 https://whoer.net/ 2020-02-25 04:21:50
18 https://zjo.nl/ 2020-02-25 03:23:20
19 https://temp.cool/message/show/?N9… 2020-02-25 03:18:23
20 https://fast.com/nl/ 2020-02-25 02:23:00