PageSourceSearch

https://www.zero60.com/work

html zero60.com collected 2026-10-04 11:10:20 UTC 33,906 bytes, 837 lines download raw bytes

1<!DOCTYPE html>�
2<html lang="en">�
3�
4<head>�
5    �
6    �
7<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 7-8
7�
8<script async src="https://www.googletagmanager.com/gtag/js?id=
8G-XRMQGF3M5M
vendor: 14 bytes, line 8
8"></script>�
9<script>�
10  
vendor: 142 bytes, lines 10-14
10window.dataLayer = window.dataLayer || [];�
11  function gtag(){dataLayer.push(arguments);}�
12  gtag('js', new Date());�
13�
14  gtag('config', '
14G-XRMQGF3M5M
vendor: 6 bytes, line 14
14');�
15</script>
15�
16�
17<script type="text/javascript" async src="//l.getsitecontrol.com/p43ex8p7.js"></script>
17        �
18    �
19    <meta charset="utf-8">�
20�
21    <!-- Page Title -->�
22    <title>ZeroSixty : Work : Experience Design Studio</title>�
23    <!--/ Page Title -->�
24�
25    <meta name="author" content="ZeroSixty Design Studio">�
26    <meta name="description" content="Leading digital experience design studio focused on digital products, interfaces, experiences, ecosystems, and platforms.">�
27    <meta name="keywords" content="Digital agency, UX agency, Ui design, UX design agency, UI design agency, Product design agency, web design firm, app design company, product design company, studio, Zero60">�
28    <meta name="viewport" content="width=device-width, initial-scale=1">�
29�
30<meta property="og:image" content="http://zero60.com/logo.jpg">�
31<meta property="og:image:type" content="image/png">�
32<meta property="og:image:width" content="1024">�
33<meta property="og:image:height" content="1024">     �
34    �
35    <link rel="preconnect" href="https://fonts.googleapis.com">�
36    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>�
37    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap" rel="stylesheet"> �
38    �
39    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">�
40�
41    <link href="css/plugins.css" rel="stylesheet">�
42    <link href="style.css" rel="stylesheet">�
43�
44    <!-- Favicons -->�
45    <link rel="shortcut icon" href="img/site-favicon.png">�
46    <link rel="apple-touch-icon" href="img/site-favicon.png">�
47    <!--/ Favicons -->�
48</head>�
49�
50<body data-barba="wrapper" style="--secondaryBackground: #2c2c2c">�
51�
52    <!-- Page Loader -->�
53    <div class="page-loader">�
54�
55        <!-- Percentage (Don't Touch) -->�
56        <div class="page-loader-percentage"></div>�
57        <!-- Percentage (Don't Touch) -->�
58�
59    </div>�
60    <!--/ Page Loader -->�
61�
62    <!-- Page Transitions -->�
63    <div class="nayla-page-transition overlay up">�
64�
65        <!-- Caption -->�
66        <div class="page-transition-caption">�
67LOADING PAGE...        </div>�
68        <!--/ Caption -->�
69�
70    </div>�
71    <!--/ Page Transitions -->�
72�
73�
74    <!-- Mouse Cursor -->�
75    <div id="mouseCursor" class="dot"> </div>�
76    <!--/ Mouse Cursor -->�
77�
78    <!-- Page -->�
79    <div id="page">�
80�
81        <div class="menu-overlay"></div>�
82�
83        <!-- Site Header -->�
84        <div id="header" class="site-header fixed light dynamic">�
85�
86            <!-- Header Wrapper -->�
87            <div class="header-wrapper wrapper">�
88�
89                <div class="c-col-4 sm-6">�
90�
91                    <!--  Site Branding -->�
92                    <div class="site-branding">�
93�
94                        <!--  Site Logo -->�
95                        <div class="site-logo">�
96�
97                            <a class="prevent-barba" href="https://www.zero60.com/index"><img alt="Site Logo (Dark)" class="dark-logo" src="img/site-logo.png"></a>�
98                            <a class="prevent-barba" href="https://www.zero60.com/index"><img alt="Site Logo (Light)" class="light-logo" src="img/site-logo-light.png"></a>�
99�
100                        </div>�
101                        <!--/  Site Logo -->�
102�
103                       <!--  Sticky Logo -->�
104                        <div class="sticky-logo">�
105�
106                            <a class="prevent-barba" href="https://www.zero60.com/index"><img alt="Sticky Logo (Dark)" class="sticky-dark-logo" src="img/site-logo.png"></a>�
107                            <a class="prevent-barba" href="https://www.zero60.com/index"><img alt="Sticky Logo (Light)" class="sticky-light-logo" src="img/site-logo-light.png"></a>�
108�
109                        </div>�
110                        <!--/  Sticky Logo -->�
111�
112                    </div>�
113                    <!--  Site Branding -->�
114�
115                </div>�
116�
117                <div class="c-col-4 hide-mobile">�
118�
119�
120�
121                </div>�
122�
123                <div class="c-col-4 sm-6 align-right light" style="--mainBackground: black;--mainColor: white">�
124�
125                    <!--  Button -->�
126                    <div class="nayla-button outline icon-right hide-mobile hide-sticky" data-icon="arrow_outward">�
127�
128                        <a href="mailto:[email protected]">Contact Us</a>�
129�
130                    </div>�
131                    <!--/ Button -->�
132�
133                    <!--  Menu Toggle -->�
134                    <div class="menu-toggle ">�
135�
136                        <div class="toggle-lines ">�
137�
138                            <div class="toggle-line"></div>�
139                            <div class="toggle-line"></div>�
140                        </div>�
141�
142�
143                    </div>�
144                    <!--/  Menu Toggle -->�
145�
146                </div>�
147�
148            </div>�
149            <!--/ Header Wrapper -->�
150�
151            <!-- Fullscreen Menu -->�
152            <div id="site-navigation" class="fullscreen_menu fullscreen" data-bg="gray">�
153�
154                <div class="wrapper fullscreen-menu-wrapper">�
155�
156                    <div class="c-col-3 hide-mobile self-center">�
157�
158                        <!-- Menu -->�
159                        <ul class="menu" data-animation="linesUp">�
160�
161                            <li><a href="https://www.linkedin.com/company/zerosixtydesign/" target="_blank">Linkedin</a></li>�
162                            <li><a href="https://www.instagram.com/zero60design/" target="_blank">Instagram</a></li>�
163                            <li><a href="https://www.behance.net/ZeroSixtyDesign" target="_blank">Behance</a></li>�
164                            <li><a href="https://dribbble.com/ZeroSixty" target="_blank">Dribbble</a></li>�
165                            <li><a href="https://wa.me/+4407311090690" target="_blank">WhatsApp</a></li>�
166�
167                        </ul>�
168                        <!--/ Menu -->�
169�
170                    </div>�
171�
172                    <div class="c-col-3 hide-mobile self-center">�
173�
174�
175�
176                    </div>�
177�
178                    <div class="c-col-6 sm-12">�
179�
180                        <!-- Main Menu -->�
181                        <ul class="menu main-menu">�
182                            <li><a href="https://www.zero60.com/about">About</a></li>�
183                            <li><a href="https://www.zero60.com/work">Work</a></li>  �
184                            <li><a href="https://www.zero60.com/industries">Industries</a></li>�
185                            <li><a href="https://www.zero60.com/offering">Offering</a></li>                          �
186                            <li><a href="https://www.zero60.com/insights">Insights</a></li>�
187                            <li><a href="https://www.zero60.com/contact">Contact</a></li>�
188�
189                        </ul>�
190                        <!--/ Main Menu -->�
191�
192                    </div>�
193�
194                    <!-- Empty Column (For Spacing) -->�
195                    <div class="c-col-2 hide-mobile"></div>�
196                    <!-- Empty Column (For Spacing) -->�
197�
198                    <div class="fullscreen-menu-wrap-bottom">�
199�
200                        <div class="c-col-3 hide-mobile has-anim maskDown" data-delay=.2>�
201�
202�
203                        </div>�
204�
205                        <!-- Empty Column (For Spacing) -->�
206                        <div class="c-col-3 hide-mobile"> </div>�
207                        <!--/ Empty Column (For Spacing) -->�
208�
209                        <div class="c-col-3 sm-12 has-anim fadeDown" data-delay=.4>�
210�
211                            <!-- Button -->�
212                            <div class="nayla-button underline icon-right" data-icon="arrow_forward">�
213�
214                                <a href="#">[email protected]</a>�
215�
216                            </div>�
217                            <!--/ Button -->�
218�
219                        </div>�
220�
221                        <div class="c-col-3 sm-12 has-anim fadeDown" data-delay=.4>�
222�
223                            <!-- Button -->�
224                            <div class="nayla-button underline icon-right" data-icon="arrow_forward">�
225�
226                                <a href="#">+44 07311 090690</a>�
227�
228                            </div>�
229                            <!--/ Button -->�
230�
231                        </div>�
232�
233                    </div>�
234�
235                </div>�
236�
237            </div>�
238            <!-- Fullscreen Menu -->�
239�
240        </div>�
241        <!--/ Site Header -->�
242�
243�
244�
245 �
246�
247        �
248        <!-- Main -->�
249        <main id="work" class="site-main" data-barba="container" data-barba-namespace="project-creative" style="--mainBackgroun
249d: #fff;--mainColor: #252525">�
250�
251            <!-- Page Content -->�
252            <div id="content" class="page-content">�
253�
254�
255                �
256                                <div class="section  light">�
257�
258<div class="section-background full-mobile">�
259<!-- Project Image -->�
260<div class="project-image featured">�
261<img src="img/projects/work_bg.jpg" alt="Project Image">�
262</div>�
263<!--/Project Image -->�
264</div>�
265�
266�
267                                    �
268                                    �
269                     <div class="wrapper" style="padding-top: 175px;">�
270�
271                        <div class="c-col-8 sm-12">�
272�
273                            <!-- Heading -->�
274                            <div class="nayla-heading">�
275�
276                                <p class="md-title has-anim-text wordsUp" data-stagger=0.1>Our work.</p>�
277�
278                            </div>�
279                            <!--/ Heading -->�
280�
281                        </div>�
282�
283                        <div class="c-col-4 sm-12 align-bottom">�
284�
285                            <!-- Text -->�
286                            <div class="text-wrapper">�
287�
288                                <p class="text-h6 has-anim-text wordsUp">Our work is not defined by industries or categories but by impact and results. View some of our most recent collaborations.</p>�
289�
290                            </div>�
291                            <!--/ Text -->�
292�
293                        </div>�
294�
295                    </div>                                   �
296                                    �
297                                    �
298                                    �
299                                    �
300�
301                </div>�
302�
303�
304                �
305      �
306                �
307                �
308             �
309                <div class="section">�
310�
311�
312�
313                    <div class="wrapper">�
314�
315                        <div class="c-col-4 sm-12">�
316�
317                            <!-- Project -->�
318                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
319�
320                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_pal_aerospace">�
321�
322                                    <div class="single-project-wrap">�
323�
324                                        <!-- Image -->�
325                                        <div class="single-project-image">�
326�
327                                            <img alt="Single Image" src="img/projects/project_PAL.jpg" style="border-radius: 10px;">�
328�
329                                        </div>�
330                                        <!--/ Image -->�
331�
332                                        <!-- Meta -->�
333                                        <div class="single-project-meta">�
334�
335                                            <!-- Title -->�
336                                            <p class="text-h7 " data-scrub=true style="padding:0px; margin:0px;color: darkgrey">PAL AEROSPACE</p><p class="text-h4 " data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">Redefining the possible for an aerospace leader.</p>�
337                                            <div class="grid-project-title text-h7 " data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">A new brand language and cutting edge global website design.</div>�
338                                            <!--/ Title -->�
339�
340�
341                                        </div>�
342                                        <!--/ Meta -->�
343�
344                                    </div>�
345�
346                                </a>�
347�
348                            </div>�
349                            <!-- Project -->�
350�
351                        </div>�
352�
353                        <!-- Empty Column (For Spacing) -->�
354                        <div class="c-col-4 hide-mobile"></div>�
355                        <!--/ Empty Column (For Spacing) -->�
356�
357                        <div class="c-col-4 sm-12 has-parallax">�
358�
359                            <!-- Project -->�
360                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
361�
362                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_farmwise">�
363�
364                                    <div class="single-project-wrap">�
365�
366                                        <!-- Image -->�
367                                        <div class="single-project-image">�
368�
369                                            <img alt="Single Image" src="img/thumb2.jpg" style="border-radius: 10px;">�
370�
371                                        </div>�
372                                        <!--/ Image -->�
373�
374                                        <!-- Meta -->�
375                                        <div class="single-project-meta">�
376�
377                                            <!-- Title -->�
378                                            <p class="text-h7 " data-scrub=true style="padding:0px; margin:0px;color: darkgrey">FARMWISE</p><p class="text-h4" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">An interface for the next generation of intelligent farming equipment.</p>�
379                                            <div class="grid-project-title text-h7" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Designing the HMI for robotic & autonomous machinery for the market leader.</div>�
380                                            <!--/ Title -->�
381�
382�
383                                        </div>�
384                                        <!--/ Meta -->�
385�
386                                    </div>�
387�
388                                </a>�
389�
390                            </div>�
391                            <!-- Project -->�
392�
393                        </div>�
394�
395                    </div>�
396�
397�
398                    <div class="wrapper">�
399�
400                        <!-- Empty Column (For Spacing) -->�
401                        <div class="c-col-4 hide-mobile"></div>�
402                        <!-- Empty Column (For Spacing) -->�
403�
404                        <div class="c-col-4 sm-12 has-parallax">�
405�
406                            <!-- Project -->�
407                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
408�
409                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_ping">�
410�
411                                    <div class="single-project-wrap">�
412�
413                                        <!-- Image -->�
414                                        <div class="single-project-image">�
415�
416                                     <!-- Image -->�
417                                        <div class="single-project-image">�
418�
419                                            <img alt="Single Image" src="img/thumb_ping.png" style="border-radius: 10px;">�
420�
421                                        </div>�
422                                        <!--/ Image -->�
423�
424�
425                                        </div>�
426                                        <!--/ Image -->�
427�
428                                     <!-- Meta -->�
429                                        <div class="single-project-meta">�
430�
431                                            <!-- Title -->�
432                                            <p class="text-h7" data-scrub=true style="padding:0px; margin:0px;color: darkgrey">PING</p><p class="text-h4" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">Re-branding the technology that powers the insurance industry.</p>�
433                                            <div class="grid-project-title text-h7" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Ping Data Intelligence builds the technology that keeps the insurance and re-insurance industry running.</div>�
434                                            <!--/ Title -->�
435�
436�
437                                        </div>�
438                                        <!--/ Meta -->�
439�
440                                    </div>�
441�
442                                </a>�
443�
444                            </div>�
445                            <!--/ Project -->�
446�
447                        </div>�
448�
449                        <div class="c-col-4 sm-12">�
450�
451                            <!-- Project -->�
452                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
453�
454                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_ai">�
455�
456                                    <div class="single-project-wrap">�
457�
458                                        <!-- Image -->�
459                                        <div class="single-project-image">�
460�
461                                            <img alt="Single Image" src="img/thumb_ai.jpg" style="border-radius: 10px;">�
462�
463                                        </div>�
464                                        <!--/ Image -->�
465�
466                                      <!-- Meta -->�
467                                        <div class="single-project-meta">�
468�
469                                            <!-- Title -->�
470                                            <p class="text-h7" data-scrub=true style="padding:0px; margin:0px;color: darkgrey">AI PLATFORM</p><p class="text-h4" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">A new creator community app powered by AI.</p>�
471                                            <div class="grid-project-title text-h7" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Designing a platform to bring the power of AI image-creation to new communities.</div>�
472                                            <!--/ Title -->�
473�
474�
475                                        </div>�
476                                        <!--/ Meta -->�
477�
478                                    </div>�
479�
480                                </a>�
481�
482                            </div>�
483                            <!--/ Project -->�
484�
485                        </div>�
486�
487                    </div>�
488�
489                    <div class="wrapper">�
490�
491                        <div class="c-col-4 sm-12">�
492�
493                            <!-- Project -->�
494                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
495�
496                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_landrover">�
497�
498                                    <div class="single-project-wrap">�
499�
500                                        <!-- Image -->�
501                                        <div class="single-project-image">�
502�
503                                            <img alt="Single Image" src="img/thumb_landrover.jpg" style="border-radius: 10px;">�
504                                        </div>�
505                                        <!--/ Image -->�
506�
507                                      <!-- Meta -->�
508                                        <div class="single-project-meta">�
509�
510                                            <!-- Title -->�
511                                            <p class="text-h7 " data-scrub=true style="padding:0px; margin:0px;color: darkgrey">LAND ROVER</p><p class="text-h4" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">A new global digital design language.</p>�
512                                            <div class="grid-project-title text-h7" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Amplifying a new generation of vehicle design with a new online presence.</div>�
513                                            <!--/ Title -->�
514�
515�
516                                        </div>�
517                                        <!--/ Meta -->�
518�
519                                    </div>�
520�
521                                </a>�
522�
523                            </div>�
524                            <!--/ Project -->�
525�
526                        </div>�
527                        �
528                        <!-- Empty Column (For Spacing) -->�
529                        <div class="c-col-4 hide-mobile"></div>�
530                        <!-- Empty Column (For Spacing) -->�
531                        �
532                        <div class="c-col-4 sm-12 has-parallax" data-parallax-direction="down">�
533�
534                            <!-- Project -->�
535                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
536�
537                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_mixhalo">�
538�
539                                    <div class="single-project-wrap">�
540�
541                                        <!-- Image -->�
542                                        <div class="single-project-image">�
543�
544                                            <img alt="Single Image" src="img/thumb_mixhalo.jpg" style="border-radius: 10px;">�
545�
546                                        </div>�
547                                        <!--/ Image -->�
548�
549                                       <!-- Meta -->�
550                                        <div class="single-project-meta">�
551�
552                                            <!-- Title -->�
553                                            <p class="text-h7 has-anim-text wordsUp" data-scrub=true style="padding:0px; margin:0px;color: darkgrey">MIXHALO</p><p class="text-h4 has-anim-text wordsUp" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">A live-streaming audio platform that enhances live events.</p>�
554                                            <div class="grid-project-title text-h7 has-anim-text wordsUp" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Live audio, direct from the mixing-board, with no lag, streamed live to your app.</div>�
555                                            <!--/ Title -->�
556�
557�
558                                        </div>�
559                                        <!--/ Meta -->�
560                                        �
561                                    </div>�
562�
563                                </a>�
564�
565                            </div>�
566                            <!--/ Project -->�
567                            �
568                        </div>�
569                        �
570  �
571�
572                    </div>�
573                    �
574                    �
575                    �
576                    �
577                    �
578                    �
579                    �
580                    �
581                      <div class="wrapper mob-pad-top" style="padding-top: 250px;">�
582�
583                        <!-- Empty Column (For Spacing) -->�
584                        <div class="c-col-4 hide-mobile"></div>�
585                        <!-- Empty Column (For Spacing) -->�
586�
587                        <div class="c-col-4 sm-12 has-parallax">�
588�
589                            <!-- Project -->�
590                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
591�
592                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_tendit">�
593�
594                                    <div class="single-project-wrap">�
595�
596                                        <!-- Image -->�
597                                        <div class="single-project-image">�
598�
599                                     <!-- Image -->�
600                                        <div class="single-project-imag
600e">�
601�
602                                            <img alt="Single Image" src="img/thumb_tendit.jpg" style="border-radius: 10px;">�
603�
604                                        </div>�
605                                        <!--/ Image -->�
606�
607�
608                                        </div>�
609                                        <!--/ Image -->�
610�
611                                     <!-- Meta -->�
612                                        <div class="single-project-meta">�
613�
614                                            <!-- Title -->�
615                                            <p class="text-h7" data-scrub=true style="padding:0px; margin:0px;color: darkgrey">TENDIT</p><p class="text-h4" data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">Amplifying a commercial services leader.</p>�
616                                            <div class="grid-project-title text-h7" data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Building credibility and sales through a new brand, marketing and website.</div>�
617                                            <!--/ Title -->�
618�
619�
620                                        </div>�
621                                        <!--/ Meta -->�
622�
623                                    </div>�
624�
625                                </a>�
626�
627                            </div>�
628                            <!--/ Project -->�
629�
630                        </div>�
631�
632                        <div class="c-col-4 sm-12">�
633�
634                            <!-- Project -->�
635                            <div class="single-project hover-brightness cursor-icon" data-cursor-icon="arrow_outward" style="--height: 600px">�
636�
637                                <!-- Project URL --><a href="https://www.zero60.com/our_work/project_dreamstream">�
638�
639                                    <div class="single-project-wrap">�
640�
641                                        <!-- Image -->�
642                                        <div class="single-project-image">�
643�
644                                            <img alt="Single Image" src="img/thumb1.jpg" style="border-radius: 10px;">�
645�
646                                        </div>�
647                                        <!--/ Image -->�
648�
649                                        <!-- Meta -->�
650                                        <div class="single-project-meta">�
651�
652                                            <!-- Title -->�
653                                            <p class="text-h7 " data-scrub=true style="padding:0px; margin:0px;color: darkgrey">DREAMSTREAM</p><p class="text-h4 " data-scrub=true style="line-height: 1.1em;padding-bottom: 10px; margin-bottom: 8px;padding-top: 8px; margin-top: 10px;">An entertainment platform that brings magic in motion.</p>�
654                                            <div class="grid-project-title text-h7 " data-scrub=true style="padding-top: 0px;line-height: 1.2em;margin-right: 35px;">Designing the most flexible on-demand platform and introducing a new business model in the industry.</div>�
655                                            <!--/ Title -->�
656�
657�
658                                        </div>�
659                                        <!--/ Meta -->�
660�
661                                    </div>�
662�
663                                </a>�
664�
665                            </div>�
666                            <!-- Project -->�
667�
668                        </div>�
669�
670                    </div>                  �
671                    �
672                    �
673                    �
674                    �
675                    �
676                    �
677                    �
678�
679                </div>                �
680               �
681                �
682                �
683                �
684                �
685                             <div class="wrapper" style="padding-top: 75px;">�
686�
687                        <div class="c-col-12">�
688                            �
689                     <!-- Video -->�
690                        <div class="vid-block-full nayla-video n-vimeo no-interactions" data-controls="false" data-autoplay=true data-muted=true data-loop=true style="height: 60vh;">�
691�
692                            <div class="n-video" data-plyr-provider="vimeo" data-plyr-embed-id="906
692701573"></div>�
693�
694                        </div>�
695                        <!--/ Video -->�
696                            �
697                        </div>�
698                        �
699                    </div>       �
700                �
701                �
702                �
703  �
704                �
705                �
706                �
707                �
708                �
709                �
710                �
711�
712�
713�
714</div>�
715            <!--/ Page Content  -->�
716�
717        </main>�
718        <!--/ Main -->�
719�
720       <!-- Footer -->�
721        <div id="footer" class="site-footer" style="background: #d7d7d7">�
722�
723            <div class="footer-wrapper">�
724�
725                <!-- Footer Top Wrapper -->�
726                <div class="wrapper footer-top-wrapper">�
727�
728                    <div class="c-col-3 sm-12">�
729�
730                        <!-- Footer Logo -->�
731                        <div class="single-image" style="width: 250px">�
732�
733                            <img alt="Single Image" src="img/site_emblem_dark.png">�
734�
735                        </div>�
736                        <!--/ Footer Logo -->�
737�
738                    </div>�
739�
740                    <div class="c-col-6 sm-12">�
741�
742                        <!-- Text Wrapper -->�
743                        <div class="text-wrapper">�
744�
745                            <p class="text-h2">Let's collaborate.�
746                                <br><a href="mailto:[email protected]">[email protected]</a>�
747                            </p>�
748�
749                        </div>�
750                        <!--/ Text Wrapper -->�
751�
752                    </div>�
753�
754                    <div class="c-col-3 sm-6">�
755�
756                        <!-- Text -->�
757                        <div class="text-wrapper align-right">�
758�
759                            <p>Follow Us</p>�
760�
761                        </div>�
762                        <!--/ Text -->�
763�
764                        <!-- Menu -->�
765                        <ul class="menu text-h6 align-right">�
766�
767                            <li><a href="https://www.linkedin.com/company/zerosixtydesign/" target="_blank">Linkedin</a></li>�
768                            <li><a href="https://www.instagram.com/zero60design/" target="_blank">Instagram</a></li>�
769                            <li><a href="https://www.behance.net/ZeroSixtyDesign" target="_blank">Behance</a></li>�
770                            <li><a href="https://dribbble.com/ZeroSixty" target="_blank">Dribbble</a></li>�
771�
772                        </ul>�
773                        <!--/ Menu -->�
774�
775                    </div>�
776�
777                </div>�
778                <!--/ Footer Top Wrapper -->�
779�
780                <!-- Footer Bottom Wrapper -->�
781                <div class="wrapper footer-bottom-wrapper">�
782�
783                    <div class="c-col-3 sm-6">�
784�
785                        <!-- Copyright -->�
786                        <div class="text-wrapper">�
787�
788                            <p>© 2023</p>�
789�
790                        </div>�
791                        <!--/ Copyright -->�
792�
793                    </div>�
794�
795 <div class="c-col-3 sm-6">�
796<!-- Text -->�
797<div class="text-wrapper no-margin">�
798<p class="no-margin">United Kingdom<br> London, W14 8EG�
799�
800</p>�
801</div>�
802<!--/ Text -->�
803</div>�
804�
805                   �
806                    �
807<div class="c-col-3 sm-6">�
808<!-- Text -->�
809<div class="text-wrapper no-margin">�
810<p class="no-margin">United States<br> San Francisco, 94103�
811�
812</p>�
813</div>�
814<!--/ Text -->�
815</div>�
816�
817�
818�
819                </div>�
820                <!--/ Footer Bottom Wrapper -->�
821�
822            </div>�
823�
824        </div>�
825        <!--/ Footer -->�
826�
827�
828    </div>�
829    <!--/ Page -->�
830�
831    
831<script src="js/jquery.min.js"></script>
831�
832    
832<script src="js/plugins.js"></script>
832�
833    
833<script src="js/barba.min.js"></script>
833�
834    
834<script src="js/gsap.js"></script>
834�
835    
835<script src="js/scripts.js"></script>
835�
836�
837</body>�

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.