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>The work we do | D8 Studio</title> 18 <meta name="description" content="Learn more about our work with brands across the UK, Europe and internationally."> 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 name="robots" content="noindex"> 27 <!-- Meta tags --> 28 <link rel="preload" as="script" href="./../assets/dist/img/json/d8_404.json"> 29 30 31 <!-- Google Tag Manager --> 32
32<script>
vendor: 373 bytes, lines 32-37
32 33 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 34 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 35 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 36 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 37 })(window,document,'script','dataLayer','
37GTM-TMSGTD8
vendor: 3 bytes, line 37
37');
37</script>
37 38 <!-- End Google Tag Manager --> 39 40 41
41<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.0.0.min.js"></script>
41 42
42<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>
42 43
43<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>
43 44
44<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
44 45
45<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
45 46 <!--Font awesome kit --> 47
47<script crossorigin="anonymous" src="https://kit.fontawesome.com/44192c1c38.js"></script>
47 48 49 <link rel="shortcut icon" type="image/x-icon" href="/assets/favico/favicon.ico"> 50 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> 51 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> 52 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> 53 <link rel="manifest" href="/site.webmanifest"> 54 <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> 55 <link rel="stylesheet" media="screen" data-name="main" href="/assets/dist/main.css" /> 56 57 58 59 60 61 62 63 64 <title>D8 Studio</title> 65 66 <link type="text/plain" href="/assets/dist/main.css.map" /> 67 68 69 70</head> 71 72<!-- Google Tag Manager (noscript) -->
vendor: 75 bytes, lines 72-74
72 73<noscript> 74 <iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-TMSGTD8
vendor: 99 bytes, lines 74-76
74" 75 height="0" width="0" style="display:none;visibility:hidden"></iframe> 76</noscript>
77<!-- End Google Tag Manager (noscript) --> 78 79<body class=" Projects" data-culture="en-US"> 80 81 82 83<header class="cp-header show" id="cp-header"> 84 <div class="cp-header-container" id="cp-header-container"> 85 <div id="cp-header-inner-container" class="cp-header-inner-container"> 86 <a class="cp-header-logo-a" href=/> 87 <img id="cp-header-logo" colour="white" class="cp-header-logo" src="/media/zrlhffjp/d8-logo.svg" alt="header logo"> 88 </a> 89 90 <div class="nav-menu-container-desktop"> 91 <div class="cp-nav__button-desktop" aria-label="Work"> 92 <a href="/projects/" class="cp-nav__link-desktop"> 93 <h4 class="nav-link-desktop">Work</h4> 94 </a> 95 </div> 96 <div class="cp-nav__button-desktop" aria-label="Studio"> 97 <a href="/studio/" class="cp-nav__link-desktop"> 98 <h4 class="nav-link-desktop">Studio</h4> 99 </a> 100 </div> 101 <div class="cp-nav__button-desktop" aria-label="Approach"> 102 <a href="/approach/" class="cp-nav__link-desktop"> 103 <h4 class="nav-link-desktop">Approach</h4> 104 </a> 105 </div> 106 <div class="cp-nav__button-desktop" aria-label="Contact"> 107 <a href="/contact/" class="cp-nav__link-desktop"> 108 <h4 class="nav-link-desktop">Contact</h4> 109 </a> 110 </div> 111 112 </div> 113 114 <h2 id="cp-header-scroll-name" class="no-display"></h2> 115 116 117 <div class="language-switcher"> 118 <a href="/projects/" 119 class="language-link " 120 hreflang="en-us"> 121 EN 122 </a> 123 <span class="language-separator"> / </span> 124 <a href="/nl/work/" 125 class="language-link " 126 hreflang="nl"> 127 NL 128 </a> 129 </div> 130 131 132 <div class="cp-header-menu-button" id="menu-button"> 133 <button class="cp-header-menu-button-inner btn2" id="menu-button-inner" type="button"> 134 <div id="menu-icon" class="icon white"></div> 135 <p class="cp-header-menu-button-text white" id="menu-text"> Menu</p> 136 </button> 137 </div> 138 139 </div> 140 </div> 141 142 143 <div id="navigation-menu" class="navigation-menu-no-show"> 144 <div class="navigation-menu"> 145 146 <div class="nav-menu-container"> 147 <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"> 148 <a href="/projects/" class="cp-nav__link"> 149 <h1 class="nav-link">Work</h1> 150 </a> 151 </div> 152 <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"> 153 <a href="/studio/" class="cp-nav__link"> 154 <h1 class="nav-link">Studio</h1> 155 </a> 156 </div> 157 <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"> 158 <a href="/approach/" class="cp-nav__link"> 159 <h1 class="nav-link">Approach</h1> 160 </a> 161 </div> 162 <div class="cp-nav__button cp-header__nav-order inner
162-menu-padding" aria-label="Contact" aria-expanded="false" aria-pressed="false" data-id="11538658" id="Contact-button" data-name="menu-item"> 163 <a href="/contact/" class="cp-nav__link"> 164 <h1 class="nav-link">Contact</h1> 165 </a> 166 </div> 167 168 </div> 169 170 171 </div> 172 </div> 173</header> 174 175 176 <main id="main" class="content Projects basicPage"> 177 <div class="inner-for-transition"> 178 179 180 181 182<div class="flex flex-col min-h-screen"> 183 184 185<section class="filter-projects"> 186 <div id="filter-projects" 187 filter-projects 188 data-culture="en-US" 189 data-culture-prefix="" 190 data-translations='{"filterProjects":"Filter Projects","projects":"Projects","showing":"Showing","allServices":"All Services","allSectors":"All sectors","service":"Service"}' 191 ></div> 192</section> 193</div> 194 </div> 195 </main> 196 197<footer> 198 <hr /> 199 <div class="cp-footer-container"> 200 <div class="cp-footer-row-one"> 201 <div id="footer-logo" class="cp-footer-logo"></div> 202 <div class="cp-footer-copy">Without a slogan since 1999</div> 203 </div> 204 <div class="cp-footer-row-two"> 205 206 207<div class="el-address-element-container"> 208 <h3 class="el-address-element-location"> 209Glasgow </h3> 210 <div class="el-address-element-details b1"> 211 <div class="el-address-element-details-left"> 212 <p> 21374 York Street </p> 214 <div> 215 </div> 216 217 <div> 218G2 8JX 219 </div> 220 </div> 221 222 <div class="el-address-element-details-right"> 223 224 <a class="el-address-element-contact-number b2" href="tel:+44 (0)141 572 0810">+44 (0)141 572 0810</a> 225 226 227 228 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 229 230 </div> 231 </div> 232</div> 233 234<div class="el-address-element-container"> 235 <h3 class="el-address-element-location"> 236Amsterdam </h3> 237 <div class="el-address-element-details b1"> 238 <div class="el-address-element-details-left"> 239 <p> 240Quellijnstraat 80B </p> 241 <div> 242 </div> 243 244 <div> 2451072XW 246 </div> 247 </div> 248 249 <div class="el-address-element-details-right"> 250 251 252 253 254 <div class="el-address-element-no-contact"> 255 <br /> 256 </div> 257 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 258 259 </div> 260 </div> 261</div> 262 263<div class="el-address-element-container"> 264 <h3 class="el-address-element-location"> 265Gold Coast </h3> 266 <div class="el-address-element-details b1"> 267 <div class="el-address-element-details-left"> 268 <p> 269PO Box 1094 </p> 270 <div> 271Sanctuary Cove </div> 272 273 <div> 274QLD, 4212 275 </div> 276 </div> 277 278 <div class="el-address-element-details-right"> 279 280 281 282 283 <div class="el-address-element-no-contact"> 284 <br /> 285 </div> 286 <a class="el-address-element-email" href="mailto:[email protected]">[email protected]</a> 287 288 </div> 289 </div> 290</div> </div> 291 </div> 292 <hr /> 293 <div class="cp-footer-row-three"> 294 <div class="cp-footer-socials-container"> 295 <a href="https://www.linkedin.com/company/d8" target="_blank"><img src="/media/3joibeja/linkedin-2.svg" class="social-icon"></img></a> 296 <a href="https://www.instagram.com/d8__studio?hl=en" target="_blank"><img src="/media/wnvlou1w/union.svg" class="social-icon"></img></a> 297 </div> 298 299 <div class="cp-footer-policy-container"> 300 <a class="footer-links" href="/jobs/">Jobs</a> 301 <a class="footer-links" href="/privacy-policy/">Privacy Policy</a> 302 <a class="footer-links" href="/cookies-policy/">Cookies Policy</a> 303 </div> 304 </div> 305</footer> 306 <!-- Datepicker fallback for date type, can also do npm install js-datepicker if required --> 307 <link rel="stylesheet" href="https://unpkg.com/js-datepicker/dist/datepicker.min.css"> 308
308<script src="https://unpkg.com/js-datepicker"></script>
308 309 310
310<script data-cookieconsent="ignore" src="/assets/dist/main.js"></script>
310 311 <link type="text/plain" href="/assets/dist/main.js.map" /> 312 313 314 315 316</body> 317 318</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.