PageSourceSearch

https://cartelle-2015.vercel.app/fornasetti

html cartelle-2015.vercel.app collected 2026-10-03 06:21:41 UTC 41,653 bytes, 667 lines download raw bytes

1
2<!DOCTYPE html>
3<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7 oldie"> <![endif]-->
4<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8 oldie"> <![endif]-->
5<!--[if IE 8]>         <html class="no-js lt-ie9 oldie"> <![endif]-->
6<!--[if IE 9]>         <html class="no-js ie9 oldie"> <![endif]-->
7<!--[if gt IE 9]><!--> 
8<html class="no-js"> <!--<![endif]-->
9
10    <head>
11        <meta charset="utf-8">
12        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
13        <meta name="google-site-verification" content="AZOmBkSh9Pz6C6kFQcYmYCCghuzdWAu1G2VAIP1tUB8" />
14
15        
16        <title>Cartelle - Fornasetti</title>
17        <meta name="keywords" content="cartelle interactive digital amsterdam studio creative animation website design development technology 3d webgl gaming" />
18        <meta name="author" content="Cartelle Interactive" />
19        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
20        <meta name="description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material.">
21        <link rel="canonical" href="https://cartelle-2015.vercel.app/fornasetti">
22        <meta property="og:site_name" content="Cartelle"/>
23        <meta property="og:type" content="website"/>
24        <meta property="og:url" content="https://cartelle-2015.vercel.app/fornasetti"/>
25        <meta property="og:title" content="Cartelle - Fornasetti"/>
26        <meta property="og:image" content="https://cartelle-2015.vercel.app/media/overview/overview_fornasetti.jpg"/>
27        <meta property="og:description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material." />
28        <meta name="twitter:card" content="summary_large_image">
29        <meta name="twitter:title" content="Cartelle - Fornasetti">
30        <meta name="twitter:description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material.">
31        <meta name="twitter:image" content="https://cartelle-2015.vercel.app/media/overview/overview_fornasetti.jpg">
32        
32<script>
33            (function() {
34                var ua = navigator.userAgent;
35                var root = document.documentElement;
36                var deviceClass = ((ua.indexOf('iPhone') !== -1) || (ua.indexOf('Android') !== -1 && ua.indexOf('Mobile') !== -1))
37                    ? 'mobile'
38                    : ((ua.indexOf('iPad') !== -1 || ua.indexOf('Android') !== -1) ? 'tablet' : 'desktop');
39                if (root.className.indexOf(deviceClass) === -1) {
40                    root.className += ' ' + deviceClass;
41                }
42            })();
43        </script>
43
44        <link rel="stylesheet" href="/css/normalize.min.css">
45        <link rel="stylesheet" href="/css/site.css">
46                
47        
47<script>
48            (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','//www.google-analytics.com/analytics.js','gtrack');
49            gtrack('create', 'UA-25024961-5');
50            //gtrack('send', 'pageview');
51        </script>
51
52
53        <style>
54            .static-mobile-only,
55            .static-tablet-only,
56            html.mobile .static-desktop-only,
57            html.tablet .static-desktop-only,
58            html.desktop .static-mobile-only,
59            html.desktop .static-tablet-only,
60            html.mobile .static-tablet-only,
61            html.tablet .static-mobile-only {
62                display: none !important;
63            }
64
65            html.mobile .static-mobile-only,
66            html.tablet .static-tablet-only,
67            html.desktop .static-desktop-only {
68                display: block !important;
69            }
70
71            #loader-overlay #mobile-intro {
72                width: 100%;
73            }
74
75            html.desktop #home-view .project-container ul.options li.static-mobile-only {
76                display: none !important;
77            }
78        </style>
79
80    </head>
81
82    <body>
83
84        
84<script type="text/template" id="project-template">
85
86            <div class="scrollable">
87                <div class="project">
88                    
89                    <div class="details-mask">
90                        <div class="contents">
91
92                            <div class="title-container black">
93                                <h1><%=htmlTitle%></h1>
94                            </div>
95                        
96                            <div class="details">
97                                <div class="left"><%=detailColLeft%></div>
98                                <div class="right">
99                                    <%=detailColRight%>
100                                    <a href="#" class="back-to-top">back to top</a>
101                                </div>
102                            </div>
103
104                            <footer>
105                                <div class="left-column">
106                                    <span class="description">We are a digital creative studio from Amsterdam</span>
107                                    <a class="learn-more" href="#">learn more</a>
108                                </div>
109
110                                <div class="right-column">
111                                    <ul>
112                                        <li>follow us</li>
113                                        <li><a href="https://www.facebook.com/CartelleStudio/" target="_blank">Facebook</a></li>
114                                        <li><a href="http://www.twitter.com/cartelle/" target="_blank">Twitter</a></li>
115                                    </ul>
116                                </div>
117
118                                <div class="right-column">
119                                    <ul>
120                                        <li>contact us</li>
121                                        <li><a class="noajax email" href="mailto:[email protected]">[email protected]</a></li>
122                                    </ul>
123                                </div>
124                            </footer>
125                                
126                        </div>
127                    </div>
128
129                    <div class="title-mask">
130                        <div class="contents">
131
132                            <div class="title-container">
133                                <h1><%=htmlTitle%></h1>
134                                <a class="new-tab" href="<%=site%>" target="_blank">
135                                <div class="play-container float-container">
136                                    <div class="play-button">
137                                        <span></span>
138                                    </div>
139                                    <ul class="description">
140                                        <li><span class="bold title"><%=title%></span></li>
141                                        <li><span class="bold">Type: </span><span class="type"><%=type%></span></li>
142                                        <li><span class="bold">Client: </span><span class="client"><%=client%></span></li>
143                                        <li><span class="bold">Date: </span><span class="date"><%=date%></span></li>
144                                    </ul>
145                                </div>
146                                </a>
147                            </div>
148                            
149                            <ul class="options">
150                                <li><a class="more-info" href="#">read more</a></li>
151                                <li><a class="overview" href="#">show all</a></li>
152                                <li class="static-mobile-only"><a class="next" href="#">next</a></li>
153                            </ul>
154
155                            <div class="video-background-container">
156                                <div class="tablet-still static-tablet-only" style="background-image: url('<%=tabletStill%>')"> </div>
157                                <img class="gif static-mobile-only" src="<%=gif%>">
158                                <img class="still static-mobile-only" src="<%=mobileStill%>">
159                                <video id="video-background-<%=id%>" class="static-desktop-only" width="100%" loop muted playsinline webkit-playsinline preload="auto" data-mp4="<%=video%>.mp4" data-webm="<%=video%>.webm"></video>
160                            </div>
161                            
162                        </div>
163                    </div>
164                    
165                </div>
166
167            </div>
168
169        </script>
169
170
171        <div id="cartelle-container">
172
173            <header>
174                <div class="navigation">
175                    <ul>
176                        <li class="logo">
177                            <a href="/">
178                                                                    <video id="logo-rollover" class="static-desktop-only" loop muted playsinline webkit-playsinline preload="none">
179                                        <source type="video/mp4" src="/img/toplogo2.mp4" />
180                                        <source type="video/webm" src="/img/toplogo2.webm" />
181                                    </video>
182                                                            </a>
183                        </li>
184                        <li class="close trans">
185                             <a href="#"></a>
186                        </li>
187                    </ul>
188                </div>
189            </header>
190
191            <div id="rotate-screen">
192                <img src="/img/rotate.gif">
193            </div>
194
195            <div id="scrollbar">
196                <div class="scroll-handle">
197                    <span></span>
198                </div>
199                <div class="scroll-bg-hitter">
200
201                </div>
202            </div>
203
204            <div id="loader-overlay">
205                <div class="v-centered">
206                    <div>
207                        <div id="mobile-intro" class="static-mobile-only" style="background-image: url('/img/mobile_c_static1.jpg')"> </div>
208                        <img id="tablet-intro" class="static-tablet-only" src="/img/tablet_intro_still.jpg">
209                        <video id="loader-player" class="static-desktop-only" width="100%" height="auto" muted playsinline autoplay webkit-playsinline preload="auto" data-mp4="/img/intro.mp4" data-webm="/img/intro.webm"></video>
210                    </div>
211                </div>
212            </div>
213
214            <div id="overview-overlay">
215
216                <div class="navigation">
217                    <ul>
218                        <li class="logo b-w">
219                            <a href="/">
220                            </a>
221                        </li>
222                    </ul>
223                </div>
224
225                <div class="scrollable">
226                    <table border="0" cellpadding="0">
227
228                        <tr>
229                            <td>
230                                <div class="overview-item" data-id="wepresent">
231                                    <a href="/wepresent">
231<img data-src="/media/overview/overview_wepresent.jpg" data-mobile-src="/media/overview/mobile/overview_wepresent.jpg"></a>
232                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
233                                </div>
234                            </td>
235                            <td>
236                                <div class="overview-item" data-id="fornasetti2">
237                                    <a href="/fornasetti2"><img data-src="/media/overview/overview_fornasetti2.jpg" data-mobile-src="/media/overview/mobile/overview_fornasetti2.jpg"></a>
238                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
239                                </div>
240                            </td>
241                        </tr>
242
243
244                        <tr>
245                            <td>
246                                <div class="overview-item" data-id="gstar-raw-family">
247                                    <a href="/gstar-raw-family">
247<img data-src="/media/overview/overview_gstar_raw.jpg" data-mobile-src="/media/overview/mobile/overview_gstar_raw.jpg"></a>
248                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
249                                </div>
250                            </td>
251                            <td>
252                                <div class="overview-item" data-id="fornasetti">
253                                    <a href="/fornasetti"><img data-src="/media/overview/overview_fornasetti.jpg" data-mobile-src="/media/overview/mobile/overview_fornasetti.jpg"></a>
254                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
255                                </div>
256                            </td>
257                        </tr>
258
259                        <tr>
260                           <td>
261                                <div class="overview-item" data-id="giraffaconda">
262                                    <a href="/giraffaconda">
262<img data-src="/media/overview/overview_giraffaconda.jpg" data-mobile-src="/media/overview/mobile/overview_giraffaconda.jpg"></a>
263                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
264                                </div>
265                            </td>
266                           <td>
267                                <div class="overview-item" data-id="meatharvest">
268                                    <a href="/meatharvest"><img data-src="/media/overview/overview_meatharvest.jpg" data-mobile-src="/media/overview/mobile/overview_meatharvest.jpg"></a>
269                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
270                                </div>
271                            </td>
272                        </tr>
273
274                        <tr>
275                           <td>
276                                <div class="overview-item" data-id="dilladimension">
277                                    <a href="/dilladimension">
277<img data-src="/media/overview/overview_dilladimension.jpg" data-mobile-src="/media/overview/mobile/overview_dilladimension.jpg"></a>
278                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
279                                </div>
280                            </td>
281                            <td>
282                                <div class="overview-item" data-id="loveletters">
283                                    <a href="/loveletters"><img data-src="/media/overview/overview_loveletters.jpg" data-mobile-src="/media/overview/mobile/overview_loveletters.jpg"></a>
284                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
285                                </div>
286                            </td>
287                        </tr>
288
289                        <tr>
290                            <td>
291                                <div class="overview-item" data-id="grenade">
292                                    <a href="/grenade">
292<img data-src="/media/overview/overview_grenade.jpg" data-mobile-src="/media/overview/mobile/overview_grenade.jpg"></a>
293                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
294                                </div>
295                            </td>
296                            <td>
297                                <div class="overview-item" data-id="denimcloud">
298                                    <a href="/denimcloud"><img data-src="/media/overview/overview_denimcloud.jpg" data-mobile-src="/media/overview/mobile/overview_denimcloud.jpg"></a>
299                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
300                                </div>
301                            </td>                        
302                        </tr>
303                        <tr>
304                            <td>
305                                <div class="overview-item" data-id="t8t">
306                                    <a href="/t8t">
306<img data-src="/media/overview/overview_t8t.jpg" data-mobile-src="/media/overview/mobile/overview_t8t.jpg"></a>
307                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
308                                </div>
309                            </td>
310                            <td>
311                                <div class="overview-item" data-id="bradva">
312                                    <a href="/bradva"><img data-src="/media/overview/overview_bradva.jpg" data-mobile-src="/media/overview/mobile/overview_bradva.jpg"></a>
313                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
314                                </div>
315                            </td>
316                        </tr>
317
318                        <tr>
319                            <td>
320                                <div class="overview-item" data-id="balloons">
321                                    <a href="/balloons">
321<img data-src="/media/overview/overview_balloons.jpg" data-mobile-src="/media/overview/mobile/overview_balloons.jpg"></a>
322                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
323                                </div>
324                            </td>
325                            <td>
326                                <div class="overview-item" data-id="skullpaint">
327                                    <a href="/skullpaint"><img data-src="/media/overview/overview_skullpaint.jpg" data-mobile-src="/media/overview/mobile/overview_skullpaint.jpg"></a>
328                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
329                                </div>
330                            </td>
331                        </tr>
332
333                        <tr>
334                            <td>
335                                <div class="overview-item" data-id="rawepisodes">
336                                    <a href="/rawepisodes">
336<img data-src="/media/overview/overview_rawepisodes.jpg" data-mobile-src="/media/overview/mobile/overview_rawepisodes.jpg"></a>
337                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
338                                </div>
339                            </td>
340                            <td>
341                                <div class="overview-item" data-id="gstarraw">
342                                    <a href="/gstarraw"><img data-src="/media/overview/overview_gstarraw.jpg" data-mobile-src="/media/overview/mobile/overview_gstarraw.jpg"></a>
343                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
344                                </div>
345                                <div class="overview-item" data-id="birdsandbees">
346                                    <a href="/birdsandbees"><img data-src="/media/overview/overview_birdsandbees.jpg" data-mobile-src="/media/overview/mobile/overview_birdsandbees.jpg"></a>
347                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
348                                </div>
349                            </td>
350                        </tr>  
351
352                        <tr>
353                            <td>
354                                <div class="overview-item" data-id="toaster">
355                                    <a href="/toaster">
355<img data-src="/media/overview/overview_toaster.jpg" data-mobile-src="/media/overview/mobile/overview_toaster.jpg"></a>
356                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
357                                </div>
358                            </td>
359                            <td>
360                                <div class="overview-item" data-id="omgwtf">
361                                    <a href="/omgwtf"><img data-src="/media/overview/overview_omgwtfbbq.jpg" data-mobile-src="/media/overview/mobile/overview_omgwtfbbq.jpg"></a>
362                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
363                                </div>
364                            </td>
365                        </tr>
366
367                        <tr>
368                            <td>
369                                <div class="overview-item" data-id="eightball">
370                                    <a href="/eightball">
370<img data-src="/media/overview/overview_eightball.jpg" data-mobile-src="/media/overview/mobile/overview_eightball.jpg"></a>
371                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
372                                </div>
373                            </td>
374                            <td>
375                                <div class="overview-item" data-id="rainydays">
376                                    <a href="/rainydays"><img data-src="/media/overview/overview_rainydays.jpg" data-mobile-src="/media/overview/mobile/overview_rainydays.jpg"></a>
377                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
378                                </div>
379                            </td>
380                        </tr>
381
382                        <tr>
383                            <td>
384                                <div class="overview-item" data-id="skulldraw">
385                                    <a href="/skulldraw">
385<img data-src="/media/overview/overview_skulldraw.jpg" data-mobile-src="/media/overview/mobile/overview_skulldraw.jpg"></a>
386                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
387                                </div>
388                            </td>
389                            <td>
390                                <div class="overview-item" data-id="hombre">
391                                    <a href="/hombre"><img data-src="/media/overview/overview_hombre.jpg" data-mobile-src="/media/overview/mobile/overview_hombre.jpg"></a>
392                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
393                                </div>
394                            </td>
395                        </tr>
396                        
397                        <tr>
398                            <td>
399                                <div class="overview-item" data-id="firecrackers">
400                                    <a href="/firecrackers">
400<img data-src="/media/overview/overview_firecrackers.jpg" data-mobile-src="/media/overview/mobile/overview_firecrackers.jpg"></a>
401                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
402                                </div>
403                            </td>
404                            <td>
405                                <div class="overview-item" data-id="redlightradio">
406                                    <a href="/redlightradio"><img data-src="/media/overview/overview_redlightradio.jpg" data-mobile-src="/media/overview/mobile/overview_redlightradio.jpg"></a>
407                                    <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div>
408                                </div>
409                            </td>
410                        </tr>
411                    </table>
412                </div>
413
414            </div>
415
416            <div id="menu-overlay">
417
418                <div class="navigation">
419                    <ul>
420                        <li class="logo b-w">
421                            <a href="/">
422                            </a>
423                        </li>
424                    </ul>
425                </div>
426
427                <div class="scrollable">
428                    <div class="v-centered">
429                        <div>
430
431                            <div class="about col">
432                                <h2>About</h2>
433                                                                <p>Cartelle is Stevijn van Olst, Johnny Slack and friends. We are a digital creative studio from Amsterdam. We focus on interactive concepting, design, art direction, development, animation, 3D and creative programming.</p>
434                                                                <h2>Contact</h2>
435                                <p>We’d love to hear from you. For any enquiries, please contact us at <a href="mailto:[email protected]" class="noajax email">[email protected]</a>.</p>
436                                <p>Sorry, we love you, but we are not hiring.</p>
437
438                                <h2>Follow Us</h2>
439
440                                <ul>
441                                    <li><a href="https://www.facebook.com/CartelleStudio/" target="_blank">Facebook</a></li>
442                                    <li><a href="http://www.twitter.com/cartelle/" target="_blank">Twitter</a></li>
443                                    <li><a href="http://www.awwwards.com/search-websites/?text=cartelle" target="_blank">Awwwards</a></li>
444                                    <li><a href="http://www.thefwa.com/profile/cartelle" target="_blank">The FWA</a></li>
445                                </ul>
446
447                            </div>
448
449                            <div class="work-listing col">
450                                <h2>Selected Work</h2>
451                                <ul>
452                                    <li><a id="wepresent" href="wepresent">WePresent</a></li>
453                                    <li><a id="fornasetti2" href="fornasetti2">Fornasetti Cilindro</a></li>
454                                    <li><a id="gstar-raw-family" href="gstar-raw-family">G-Star RAW</a></li>
455                                    <li><a id="fornasetti" href="fornasetti">Fornasetti</a></li>
456                                    <li><a id="giraffaconda" href="giraffaconda">Giraffaconda</a></li>
457                                    <li><a id="meatharvest" href="meatharvest">Meat Harvest Miami</a></li>
458                                    <li><a id="loveletters" href="loveletters">Love Letters from Craig</a></li>
459                                    <li><a id="dilladimension" href="dilladimension">The Dilla Dimension</a></li>
460                                    <li><a id="denimcloud" href="denimcloud">G-Star New Denim Arrivals</a></li>
461                                    <li><a id="rawepisodes" href="rawepisodes">G-Star Episodes</a></li>
462                                    <li><a id="toaster" href="toaster">Make My Bread</a></li>
463                                    <li><a id="gstarraw" href="gstarraw">G-Star RAW</a></li>
464                                    <li><a id="skullpaint" href="skullpaint">Death Paint</a></li>
465                                    <li><a id="grenade" href="grenade">Grenade</a></li>
466                                    <li><a id="bradva" href="bradva">Bradva</a></li>
467                                    <li><a id="redlightradio" href="redlightradio">Red Light Radio</a></li>
468                                    <li><a id="t8t" href="t8t">Twenty8Twelve</a></li>
469                                    <li><a id="omgwtf" href="omgwtf">OMGWTFBBQ</a></li>
470                                    <li><a id="rainydays" href="rainydays">Rainy Days</a></li>
471                                    <li><a id="scotchsoda" href="scotchsoda">Scotch & Soda</a></li>
472                                    <li><a id="hombre" href="hombre">Hombre Esqueletico</a></li>
473                                    <li><a id="skulldraw" href="skulldraw">Skulldraw</a></li>
474                                    <li><a id="eightball" href="eightball">8 Ball</a></li>
475                                    <li><a id="balloons" href="balloons">Balloons</a></li>
476                                    <li><a id="firecrackers" href="firecrackers">Firecrackers</a></li>
477                                    <li><a id="birdsandbees" href="birdsandbees">Bun In The Oven</a></li>
478                                </ul>
479
480
481                                <h2>Archived</h2>
482                                <ul>   
483                                    <li><a href="http://www.thefwa.com/site/my-burger" target="_blank">McDonalds MyBurger</a> </li>
484                                    <li><a href="http://m.adidas.com/originalsuperstar" target="_blank">adidas Originals Superstar (Mobile)</a></li>
485                                    <li><a href="http://www.thefwa.com/site/adidas-originals-then-now-and-forever?p=cartelle" target="_blank">adidas Originals TNF</a> </li>
486                                    <li><a href="http://www.firestarters.nl/" target="_blank">Vodafone Firestarters</a></li>
487                                    <li><a href="https://www.thinkwithgoogle.com/campaigns/foot-locker-converse-converse-street-ready.html" target="_blank">Converse Street Ready</a> </li>
488                                    <li><a href="http://www.redbullsoundclash.nl/" target="_blank">Redbull Soundclash</a></li>
489                                    <li><a href="http://www.thefwa.com/site/adidas-style-essentials?p=cartelle" target="_blank">adidas Style Essentials</a> </li>
490                                    <li><a href="http://baked.freshcotton.com/" target="_blank">Baked with Stussy and Freshcotton</a></li>
491                                    <li>Marie-Stella-Maris</li>
492                                    <li><a href="http://www.thefwa.com/site/imagining-mozambique?p=cartelle" target="_blank">Imagining Mozambique</a></li>
493                                </ul>
494                            </div>
495
496                           <div class="awards col">
497                                <h2>Awards</h2>
498                                <h6>FWA</h6>
499                                <ul>
500                                     <li><span>02 2016</span> <a href="http://www.thefwa.com/site/love-letters-from-craig?p=cartelle" target="_blank">Meat Hrarvest Miami</a></li>
501                                     <li><span>12 2015</span> <a href="http://www.thefwa.com/site/love-letters-from-craig?p=cartelle" target="_blank">Giraffaconda</a></li>
502                                     <li><span>03 2015</span> <a href="http://www.thefwa.com/site/the-dilla-dimension?p=cartelle" target="_blank">The Dilla Dimension</a></li>
503                                     <li><span>08 2014</span> <a href="http://www.thefwa.com/mobile/g-star-raw-new-denim-arrivals?p=cartelle" target="_blank">G-Star New Denim Arrivals Mobile</a></li>
504                                     <li><span>08 2014</span> <a href="http://www.thefwa.com/site/g-star-raw-new-denim-arrivals?p=cartelle" target="_blank">G-Star New Denim Arrivals</a></li>
505                                     <li><span>06 2014</span> <a href="http://www.thefwa.com/mobile/my-burger?p=cartelle" target="_blank">McDonalds MyBurger Mobile</a></li>
506                                     <li><span>05 2014</span> <a href="http://www.thefwa.com/site/my-burger?p=cartelle" target="_blank">McDonalds MyBurger</a></li>
507                                     <li><span>03 2014</span> <a href="http://www.thefwa.com/mobile/g-star-raw-episodes?p=cartelle" target="_blank">G-Star RAW Episodes</a></li>
508                                     <li><span>11 2013</span> <a href="http://www.thefwa.com/mobile/g-star-raw?p=cartelle" target="_blank">G-Star RAW Mobile</a></li>
509                                     <li><span>10 2013</span> <a href="http://www.thefwa.com/site/g-star-raw?p=cartelle" target="_blank">G-Star RAW</a></li>
510                                     <li><span>05 2013</span> <a href="http://www.thefwa.com/site/g-star-the-art-of-raw?p=cartelle" target="_blank">G-Star The Art of Raw</a></li>
511                                     <li><span>01 2013</span> <a href="http://www.thefwa.com/site/converse-street-ready?p=cartelle" target="_blank">Converse Street Ready</a></li>
512                                     <li><span>10 2012</span> <a href="http://www.thefwa.com/mobile/cartelle-interactive-studio?p=cartelle" target="_blank">Cartelle 2012 Mobile</a></li>
513                                     <li><span>10 2012</span> <a href="http://www.thefwa.com/site/cartelle-interactive-studio?p=cartelle" target="_blank">Cartelle 2012</a></li>
514                                     <li><span>07 2012</span> <a href="http://www.thefwa.com/site/twenty8twelve?p=cartelle" target="_blank">Twenty8Twelve</a></li>
515                                     <li><span>09 2011</span> <a href="http://www.thefwa.com/site/scotch-soda?p=cartelle" target="_blank">Scotch & Soda 2011</a></li>
516                                     <li><span>06 2011</span> <a href="http://www.thefwa.com/site/adidas-originals-then-now-and-forever?p=cartelle" target="_blank">adidas Originals TNF</a></li>
517                                     <li><span>10 2010</span> <a href="http://www.thefwa.com/site/omgwtfbbq?p=cartelle" target="_blank">OMGWTFBBQ</a></li>
518                                     <li><span>08 2010</span> <a href="http://www.thefwa.com/site/http-scotch-soda?p=cartelle" target="_blank">Scotch & Soda 2010</a></li>
519                                     <li><span>03 2010</span> <a href="http://www.thefwa.com/site/adidas-style-essentials?p=cartelle" target="_blank">adidas Style Essentials</a></li>
520                                     <li><span>09 2009</span> <a href="http://www.thefwa.com/site/imagining-mozambique?p=cartelle" target="_blank">Imagining Mozambique</a></li>
521                                     <li><span>03 2009</span> <a href="http://www.thefwa.com/site/cartelle?p=cartelle" target="_blank">Cartelle 2009</a></li>
522                                 </ul>
523                                <h6>AWWWARDS</h6>
524                                <ul>
525                                    <li><span>04 2015</span> <a href="http://www.awwwards.com/web-design-awards/cartelle-amsterdam" target="_blank">Cartelle 2015</a></li>
526                                    <li><span>07 2014</span> <a href="http://www.awwwards.com/web-design-awards/g-star-new-denim-arrivals" target="_blank">G-Star RAW New Denim Arrivals</a></li>
527                                    <li><span>06 2014</span> <a href="http://www.awwwards.com/web-design-awards/my-burger" target="_blank">McDonald's MyBurger</a></li>
528                                    <li><span>09 2013</span> <a href="http://www.awwwards.com/web-design-awards/g-star-raw" target="_blank">G-Star RAW</a></li>
529                                    <li><span>04 2013</span> <a href="http://www.awwwards.com/web-design-awards/scotch-soda-portraits" target="_blank">Scotch & Soda Portraits</a></li>
530                                    <li><span>01 2012</span> <a href="http://www.awwwards.com/web-design-awards/g-star-the-art-of-raw" target="_blank">G-Star The Art of Raw</a></li>
531                                    <li><span>10 2012</span> <a href="http://www.awwwards.com/web-design-awards/cartelle-interactive-studio" target="_blank">Cartelle 2012</a></li>
532                                    <li><span>05 2012</span> <a href="http://www.awwwards.com/web-design-awards/twenty8twelve" target="_blank">Twenty8Twelve</a></li>
533                                    <li><span>07 2011</span> <a href="http://www.awwwards.com/web-design-awards/scotch-soda-2" target="_blank">Scotch & Soda 2011</a></li>
534                                </ul>
535                            </div>
536
537                        </div>
538                    </div>
539                </div>
540            </div>
541
542            <div id="loaderBar">
543                <div class="background"></div>
544            </div>
545
546            <div class="sections">
547
548                <div id="loading-view" class="view">
549                
550                    <h1>Loading View</h1>
551                </div>
552                     
553                <div id="home-view" class="view">
554
555                    <div class="carousel">
556
557                    </div>
558
559                    <div id="image-zoom">
560
561                    </div>
562
563                    <div class="cursors">
564                        <div class="cursor left-white"></div>
565                        <div class="cursor right-white"></div>
566                        <div class="cursor left-black"></div>
567                        <div class="cursor right-black"></div>
568                        <div class="cursor plus-black"></div>
569                        <div class="cursor plus-white"></div>
570                        <div class="cursor minus-black"></div>
571                        <div class="cursor minus-white"></div>
572                    </div>
573                    
574                </div>
575
576            </div>
577
578                            <audio id="over-tick-med">
579                  <source src="/audio/tick2.ogg" type="audio/ogg">
580                  <source src="/audio/tick2.mp3" type="audio/mpeg">
581                </audio>
582
583                <audio id="over-tick-light">
584                  <source src="/audio/tick4.ogg" type="audio/ogg">
585                  <source src="/audio/tick4.mp3" type="audio/mpeg">
586                </audio>
587
588                <audio id="over-tick-lo">
589                  <source src="/audio/tick1.ogg" type="audio/ogg">
590                  <source src="/audio/tick1.mp3" type="audio/mpeg">
591                </audio>
592
593                <audio id="over-tick-hi">
594                  <source src="/audio/tick3.ogg" type="audio/ogg">
595                  <source src="/audio/tick3.mp3" type="audio/mpeg">
596                </audio>
597                        
598            <video id="mobile-player" loop controls>
599                <source type="video/mp4" src="" />
600                <source type="video/webm" src="" />
601            </video>
602
603            <div id="ieOldie-warning">
604                <div class="centered">
605                    <div>
606                        <span class="logo-myburger"></span>
607                        <h1>Please update your browser.</h1>
608                        <p>This website requires Chrome, Firefox, Safari or Internet Explorer 9+</p>
609                    </div>
610                </div>
611            </div>
612
613        </div>
614
615
616            
616<script> 
617                var domain = ''; 
618                var rootFragment = '/'; 
619                var rootPath = '/';
620                var servicePath = '/services/'; 
621                var staticsPath = '/'; 
622                var isAndroid = /Android/i.test(navigator.userAgent);
623            </script>
623
624
625            
625<script>window.jQuery || document.write('
625<script src="/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
625
626            
626<script src="/js/vendor/underscore-min.js"></script>
626
627            
627<script src="/js/vendor/modernizr-2.6.2.min.js"></script>
627
628            
628<script src="/js/vendor/backbone-min.js"></script>
628
629            
629<script src="/js/vendor/gs/plugins/ScrollToPlugin.min.js"></script>
629
630            
630<script src="/js/vendor/gs/plugins/ColorPropsPlugin.js"></script>
630
631            
631<script src="/js/vendor/gs/plugins/ThrowPropsPlugin.min.js"></script>
631
632            
632<script src="/js/vendor/gs/plugins/CSSPlugin.min.js"></script>
632
633            
633<script src="/js/vendor/gs/TweenMax.min.js"></script>
633
634            
634<script src="/js/vendor/jquery.validate.min.js"></script>
634
635            
635<script src="/js/vendor/jquery.touchSwipe.min.js"></script>
635
636            
636<script src="/js/vendor/jquery-ui-1.9.2.custom.min.js"></script>
636
637            
637<script src="/js/vendor/preloadjs-0.4.1.min.js"></script>
637
638            
638<script src="/js/vendor/jquery.cookie.js"></script>
638
639            
639<script src="/js/vendor/pointer_events_polyfill.js"></script>
639
640            
640<script src="/js/vendor/Stats.js"></script>
640
641            
641<script src="/js/vendor/utilities.js"></script>
641
642            
642<script src="/js/vendor/video.js"></script>
642
643            
643<script src="/js/vendor/AnimatedGradient.js"></script>
643
644
645            
645<script src="/js/model/Project.js"></script>
645
646            
646<script src="/js/controllers/AudioController.js"></script>
646
647            
647<script src="/js/controllers/DataManager.js"></script>
647
648            
648<script src="/js/ApplicationRouter.js"></script>
648
649            
649<script src="/js/view/Loading.js"></script>
649
650            
650<script src="/js/view/Overview.js"></script>
650
651            
651<script src="/js/view/Project.js"></script>
651
652            
652<script src="/js/view/Home.js"></script>
652
653            
653<script src="/js/CartelleApp.js"></script>
653
654
655            
655<script> 
656            window._gaq = [['_setAccount','UA-1588495-2'],['_trackPageview'],['_trackPageLoadTime']];
657            Modernizr.load({
658              load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
659            });
660            </script>
660
661
662            <img src="/img/mobile_c_static1.jpg" style="display:none">
663            <div id="export"></div>
664    </body>
665</html>
666
667

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.