1 2 3<!DOCTYPE html> 4<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]--> 5<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9"> <![endif]--> 6<!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]--> 7<!--[if gt IE 8]><!--> 8<html lang="en"> 9<!--<![endif]--> 10 11<head> 12 <meta charset="utf-8" /> 13 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 14 <meta http-equiv="x-ua-compatible" content="ie=edge" /> 15 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=5.0" /> 16 17 <title>D8 Studio | Creative Design, Strategy & Digital Agency</title> 18 <meta name="description" content="D8 is an independent creative agency based in the UK, Netherlands and APAC. We specialise in creative design, brand strategy and digital development."> 19 20 <meta property="og:image" content="https://www.d8.studio/media/g44jejsd/d8-logo-black-on-white.svg" /> 21 <meta property="og:image:width" content="512" /> 22 <meta property="og:image:height" content="512" /> 23 24 <meta name="thumbnail" content="https://www.d8.studio/media/g44jejsd/d8-logo-black-on-white.svg" /> 25 26 <!-- Meta tags --> 27 <link rel="preload" as="script" href="./../assets/dist/img/json/d8_404.json"> 28 29 30 <!-- Google Tag Manager --> 31
31<script>
vendor: 373 bytes, lines 31-36
31 32 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36 })(window,document,'script','dataLayer','
36GTM-TMSGTD8
vendor: 3 bytes, line 36
36');
36</script>
36 37 <!-- End Google Tag Manager --> 38 39 40
40<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.0.0.min.js"></script>
40 41
41<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>
41 42
42<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>
42 43
43<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
43 44
44<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
44 45 <!--Font awesome kit --> 46
46<script crossorigin="anonymous" src="https://kit.fontawesome.com/44192c1c38.js"></script>
46 47 48 <link rel="shortcut icon" type="image/x-icon" href="/assets/favico/favicon.ico"> 49 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> 50 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> 51 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> 52 <link rel="manifest" href="/site.webmanifest"> 53 <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> 54 <link rel="stylesheet" media="screen" data-name="main" href="/assets/dist/main.css" /> 55 56 57 58 59 60 61 62 63 <title>D8 Studio</title> 64 65 <link type="text/plain" href="/assets/dist/main.css.map" /> 66 67 68 69</head> 70 71<!-- Google Tag Manager (noscript) -->
vendor: 75 bytes, lines 71-73
71 72<noscript> 73 <iframe src="https://www.googletagmanager.com/ns.html?id=
73GTM-TMSGTD8
vendor: 99 bytes, lines 73-75
73" 74 height="0" width="0" style="display:none;visibility:hidden"></iframe> 75</noscript>
76<!-- End Google Tag Manager (noscript) --> 77 78<body class="no-scrolllll Home" data-culture="en-US"> 79 80 81 82<header class="cp-header show" id="cp-header"> 83 <div class="cp-header-container" id="cp-header-container"> 84 <div id="cp-header-inner-container" class="cp-header-inner-container"> 85 <a class="cp-header-logo-a" href=/> 86 <img id="cp-header-logo" colour="white" class="cp-header-logo" src="/media/zrlhffjp/d8-logo.svg" alt="header logo"> 87 </a> 88 89 <div class="nav-menu-container-desktop"> 90 <div class="cp-nav__button-desktop" aria-label="Work"> 91 <a href="/projects/" class="cp-nav__link-desktop"> 92 <h4 class="nav-link-desktop">Work</h4> 93 </a> 94 </div> 95 <div class="cp-nav__button-desktop" aria-label="Studio"> 96 <a href="/studio/" class="cp-nav__link-desktop"> 97 <h4 class="nav-link-desktop">Studio</h4> 98 </a> 99 </div> 100 <div class="cp-nav__button-desktop" aria-label="Approach"> 101 <a href="/approach/" class="cp-nav__link-desktop"> 102 <h4 class="nav-link-desktop">Approach</h4> 103 </a> 104 </div> 105 <div class="cp-nav__button-desktop" aria-label="Contact"> 106 <a href="/contact/" class="cp-nav__link-desktop"> 107 <h4 class="nav-link-desktop">Contact</h4> 108 </a> 109 </div> 110 111 </div> 112 113 <h2 id="cp-header-scroll-name" class="no-display"></h2> 114 115 116 <div class="language-switcher"> 117 <a href="/" 118 class="language-link " 119 hreflang="en-us"> 120 EN 121 </a> 122 <span class="language-separator"> / </span> 123 <a href="/nl/" 124 class="language-link " 125 hreflang="nl"> 126 NL 127 </a> 128 </div> 129 130 131 <div class="cp-header-menu-button" id="menu-button"> 132 <button class="cp-header-menu-button-inner btn2" id="menu-button-inner" type="button"> 133 <div id="menu-icon" class="icon white"></div> 134 <p class="cp-header-menu-button-text white" id="menu-text"> Menu</p> 135 </button> 136 </div> 137 138 </div> 139 </div> 140 141 142 <div id="navigation-menu" class="navigation-menu-no-show"> 143 <div class="navigation-menu"> 144 145 <div class="nav-menu-container"> 146 <div class="cp-nav__button cp-header__nav-order inner-menu-padding" aria-label="Work" aria-expanded="false" aria-pressed="false" data-id="8917410" id="Work-button" data-name="menu-item"> 147 <a href="/projects/" class="cp-nav__link"> 148 <h1 class="nav-link">Work</h1> 149 </a> 150 </div> 151 <div class="cp-nav__button cp-header__nav-order inner-menu-padding" aria-label="Studio" aria-expanded="false" aria-pressed="false" data-id="34299922" id="Studio-button" data-name="menu-item"> 152 <a href="/studio/" class="cp-nav__link"> 153 <h1 class="nav-link">Studio</h1> 154 </a> 155 </div> 156 <div class="cp-nav__button cp-header__nav-order inner-menu-padding" aria-label="Approach" aria-expanded="false" aria-pressed="false" data-id="2974620" id="Approach-button" data-name="menu-item"> 157 <a href="/approach/" class="cp-nav__link"> 158 <h1 class="nav-link">Approach</h1> 159 </a> 160 </div> 161 <div class="cp-nav__button cp-header__nav-order inner
161-menu-padding" aria-label="Contact" aria-expanded="false" aria-pressed="false" data-id="11538658" id="Contact-button" data-name="menu-item"> 162 <a href="/contact/" class="cp-nav__link"> 163 <h1 class="nav-link">Contact</h1> 164 </a> 165 </div> 166 167 </div> 168 169 170 </div> 171 </div> 172</header> 173 174 175 <main id="main" class="content Home homePage"> 176 <div class="inner-for-transition"> 177 178 179 180 181<div class="flex flex-col min-h-screen"> 182 183<section class="cp-video-component-container full-width"> 184 185 <div class="cp-video-component-inner-container"> 186 187 188 189 <div id="internal-video" video-player> 190 <div class="video-frame clip-video" video-frame data-src="https://player.vimeo.com/video/1178869370"></div> 191 </div> 192 <div class="l-flex video-overlay clip-video" style="display:none;" video-overlay> 193 </div> 194 195 <div class="b1 cp-video-component-copy"></div> 196 197 198 </div> 199</section> 200 201 202 203 204 205<section class="cp-text-component homepage"> 206 <div class="cp-text-component-container"> 207 <h3>We are independent, free from corporate constraints and without a slogan since 1999.</h3> 208 209 </div> 210 211 <div class="cp-homepage-text-button-container"> 212 <a class="cp-homepage-text-button" href="/projects/"> View our work </a> 213 </div> 214 215</section> 216</div> 217 </div> 218 </main> 219 220<footer> 221 <hr /> 222 <div class="cp-footer-container"> 223 <div class="cp-footer-row-one"> 224 <div id="footer-logo" class="cp-footer-logo"></div> 225 <div class="cp-footer-copy">Without a slogan since 1999</div> 226 </div> 227 <div class="cp-footer-row-two"> 228 229 230<div class="el-address-element-container"> 231 <h3 class="el-address-element-location"> 232Glasgow </h3> 233 <div class="el-address-element-details b1"> 234 <div class="el-address-element-details-left"> 235 <p> 23674 York Street </p> 237 <div> 238 </div> 239 240 <div> 241G2 8JX 242 </div> 243 </div> 244 245 <div class="el-address-element-details-right"> 246 247 <a class="el-address-element-contact-number b2" href="tel:+44 (0)141 572 0810">+44 (0)141 572 0810</a> 248 249 250 251 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 252 253 </div> 254 </div> 255</div> 256 257<div class="el-address-element-container"> 258 <h3 class="el-address-element-location"> 259Amsterdam </h3> 260 <div class="el-address-element-details b1"> 261 <div class="el-address-element-details-left"> 262 <p> 263Quellijnstraat 80B </p> 264 <div> 265 </div> 266 267 <div> 2681072XW 269 </div> 270 </div> 271 272 <div class="el-address-element-details-right"> 273 274 275 276 277 <div class="el-address-element-no-contact"> 278 <br /> 279 </div> 280 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 281 282 </div> 283 </div> 284</div> 285 286<div class="el-address-element-container"> 287 <h3 class="el-address-element-location"> 288Gold Coast </h3> 289 <div class="el-address-element-details b1"> 290 <div class="el-address-element-details-left"> 291 <p> 292PO Box 1094 </p> 293 <div> 294Sanctuary Cove </div> 295 296 <div> 297QLD, 4212 298 </div> 299 </div> 300 301 <div class="el-address-element-details-right"> 302 303 304 305 306 <div class="el-address-element-no-contact"> 307 <br /> 308 </div> 309 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 310 311 </div> 312 </div> 313</div> </div> 314 </div> 315 <hr /> 316 <div class="cp-footer-row-three"> 317 <div class="cp-footer-socials-container"> 318 <a href="https://www.linkedin.com/company/d8" target="_blank"><img src="/media/3joibeja/linkedin-2.svg" class="social-icon"></img></a> 319 <a href="https://www.instagram.com/d8__studio?hl=en" target="_blank"><img src="/media/wnvlou1w/union.svg" class="social-icon"></img></a> 320 </div> 321 322 <div class="cp-footer-policy-container"> 323 <a class="footer-links" href="/jobs/">Jobs</a> 324 <a class="footer-links" href="/privacy-policy/">Privacy Policy</a> 325 <a class="footer-links" href="/cookies-policy/">Cookies Policy</a> 326 </div> 327 </div> 328</footer> 329 <!-- Datepicker fallback for date type, can also do npm install js-datepicker if required --> 330 <link rel="stylesheet" href="https://unpkg.com/js-datepicker/dist/datepicker.min.css"> 331
331<script src="https://unpkg.com/js-datepicker"></script>
331 332 333
333<script data-cookieconsent="ignore" src="/assets/dist/main.js"></script>
333 334 <link type="text/plain" href="/assets/dist/main.js.map" /> 335 336 337 338 339</body> 340 341</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.