PageSourceSearch

https://www.cubezoo.co.za/about-us

html cubezoo.co.za collected 2026-10-08 05:23:03 UTC 127,833 bytes, 2,272 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <!----------------------------------------------------------------------------------------------------------------->
5    <!-- Meta Tags -->
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta name="csrf-token" content="e5QDQtDS5YM9bPhM0TX3EKwpDgEvbJx6suubf2zg">
9
10    <!----------------------------------------------------------------------------------------------------------------->
11    <!-- Preloader Assets -->
12            <!-- Preload Show-Reel video -->
13        
14        <link rel="preload" as="style" href="https://www.cubezoo.co.za/build/assets/scss_preloader-Ff33zrJZ.css" /><link rel="preload" as="style" href="https://www.cubezoo.co.za/build/assets/scss_font-CJbmxYwd.css" /><link rel="modulepreload" as="script" href="https://www.cubezoo.co.za/build/assets/main_preloader-qzW-jwYW.js" /><link rel="modulepreload" as="script" href="https://www.cubezoo.co.za/build/assets/_scroll_helpers-CoEZCvLz.js" /><link rel="stylesheet" href="https://www.cubezoo.co.za/build/assets/scss_preloader-Ff33zrJZ.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://www.cubezoo.co.za/build/assets/scss_font-CJbmxYwd.css" data-navigate-track="reload" />
14<script type="module" src="https://www.cubezoo.co.za/build/assets/main_preloader-qzW-jwYW.js" data-navigate-track="reload"></script>
14    
15    <!----------------------------------------------------------------------------------------------------------------->
16    <!-- SEO Related Things -->
17            <!------------------------------------------------------------------------------------------------------------->
18        <!-- Google SEO Generate -->  
19        <title>About | CubeZoo</title>
20<meta name="description" content="Learn about CubeZoo, a dedicated team passionate about crafting exceptional digital solutions. Discover our journey, values, and commitment to delivering innovative mobile app and web development services that empower businesses worldwide.">
21<link rel="canonical" href="https://www.cubezoo.co.za/about-us">
22<meta name="robots" content="index,follow">
23
24        <!------------------------------------------------------------------------------------------------------------->
25        <!-- Hreflang tags -->
26                <link rel="alternate" hreflang="x-default" href="https://www.cubezoo.co.za/about-us" />
27        <link rel="alternate" hreflang="en-za" href="https://www.cubezoo.co.za/about-us" />
28        <link rel="alternate" hreflang="en-gb" href="https://www.cubezoo.co.uk/about-us" />
29        <link rel="alternate" hreflang="en-ie" href="https://www.cubezoo.co.uk/about-us" />
30        <link rel="alternate" hreflang="en" href="https://www.cubezoo.co.za/about-us" />
31
32        <!-- Open Graph Meta Tags -->
33        <meta property="og:title" content="CubeZoo | Software development | Web | Tablet | Mobile | South Africa | UK">
34<meta property="og:description" content="We build Apps that resonate with your audience&#039;s needs. With a team of web, iOS and Android developers we deliver tailored software that helps grow business.">
35<meta property="og:url" content="https://www.cubezoo.co.za/about-us">
36<meta property="og:image" content="https://www.cubezoo.co.za/img/cz-og.png">
37
38
39        <!-- Twitter Card Meta Tags -->
40        <meta name="twitter:card" content="summary_large_image">
41<meta name="twitter:site" content="@cubezoo">
42<meta name="twitter:title" content="CubeZoo | Software development | Web | Tablet | Mobile | South Africa | UK">
43<meta name="twitter:description" content="We build Apps that resonate with your audience&#039;s needs. With a team of web, iOS and Android developers we deliver tailored software that helps grow business.">
44<meta name="twitter:image" content="https://www.cubezoo.co.za/img/cz-og.png">
45
46        <!-- Structured JsonLd Data -->
47        
47<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"CubeZoo","description":"CubeZoo specialises in creating bespoke software solutions for web and mobile apps.","url":"https://www.cubezoo.co.za","image":"https://www.cubezoo.co.za/img/cubezoo.webp","sameAs":["https://clutch.co/profile/cubezoo","https://www.linkedin.com/company/2611610"],"logo":"https://www.cubezoo.co.za/img/cubezoo.webp","email":"[email protected]","telephone":"+27 10 600 2110","address":{"@type":"PostalAddress","streetAddress":"141 Jan Smuts Avenue","addressLocality":"Johannesburg","addressCountry":"ZA","addressRegion":"Gauteng","postalCode":"2193"},"vatID":"ZA4460261789","iso6523Code":"ZAICD:2020/089045/07"}</script>
47
48
49        <!-- BreadcrumbList Structured Data -->
50        
50<script type="application/ld+json">{"<?php $__contextArgs = [];\nif (context()->has($__contextArgs[0])) :\nif (isset($value)) { $__contextPrevious[] = $value; }\n$value = context()->get($__contextArgs[0]); ?>":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.cubezoo.co.za/"},{"@type":"ListItem","position":2,"name":"About Us","item":"https://www.cubezoo.co.za/about-us"}]}</script>
50
51
52        <!-- Additional Meta Tags | set on the page itself using @-push('meta') handle -->
53        
54        <!------------------------------------------------------------------------------------------------------------->
55        <!-- Google adwords -->
56                    <!-- Google adwords - SA -->
vendor: 76 bytes, lines 56-57
56
57            <script async src="https://www.googletagmanager.com/gtag/js?id=
57AW-871752762
vendor: 46 bytes, lines 57-58
57" data-preloader-ignore></script>
58            
58<!-- Global site tag (gtag.js) - SA -->
vendor: 76 bytes, lines 58-59
58
59            <script async src="https://www.googletagmanager.com/gtag/js?id=
59G-SQHZLJG9H2
vendor: 46 bytes, lines 59-60
59" data-preloader-ignore></script>
60            
60<script data-preloader-ignore>
61                window.dataLayer = window.dataLayer || [];
62                function gtag(){dataLayer.push(arguments);}
63                gtag('js', new Date());
64                // Initialize Google Analytics
65                gtag('config', 'G-SQHZLJG9H2');
66                // Initialize Google Ads
67                gtag('config', 'AW-871752762');
68            </script>
68
69        
70        <!------------------------------------------------------------------------------------------------------------->
71        <!-- Google Tag Manager -->
72                    
72<script data-preloader-ignore>
73                (function(w, d, s, l, i) {
74                    w[l] = w[l] || [];
75                    w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
76                    let f = d.getElementsByTagName(s)[0],
77                        j = d.createElement(s),
78                        dl = l !== 'dataLayer' ? '&l=' + l : '';
79                    j.async = true;
80                    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
81                    f.parentNode.insertBefore(j, f);
82                })(window, document, 'script', 'dataLayer', 'GTM-K4TBXJG');
83            </script>
83
84        
85        <!------------------------------------------------------------------------------------------------------------->
86        <!-- Google Site Verification -->
87                    <meta name="google-site-verification" content="t4wtrm1Sr6oZKbpaOPhBebQS1mb9T1uxFbo60acsMfo" />
88        
89        <!------------------------------------------------------------------------------------------------------------->
90        <!-- Marketing Tracking Tag (similar in purpose to tools like Google Tag Manager or Facebook Pixel) -->
91        
92        <!------------------------------------------------------------------------------------------------------------->
93        <!-- Event Snippet - Start a Project -->
94                    
94<script data-preloader-ignore>
95                function gtag_report_conversion() {
96                    let callback = function () {
97                        console.log('event fired to google');
98                    };
99                    gtag('event', 'conversion', {
100                        'send_to': 'AW-871752762/-yHDCL6G58cDELrI158D',
101                        'value': 120000.0,
102                        'currency': 'ZAR',
103                        'event_callback': callback
104                    });
105                    return false;
106                }
107            </script>
107
108            
109    
110    <!----------------------------------------------------------------------------------------------------------------->
111    <!-- Favicon -->
112    <link rel="apple-touch-icon" sizes="180x180" href="/favicon_io/apple-touch-icon.png">
113    <link rel="icon" type="image/png" sizes="32x32" href="/favicon_io/favicon-32x32.png">
114    <link rel="icon" type="image/png" sizes="16x16" href="/favicon_io/favicon-16x16.png">
115    <link rel="manifest" href="/favicon_io/site.webmanifest">
116
117    <!----------------------------------------------------------------------------------------------------------------->
118    <!-- Vite Imports -->
119    <link rel="preload" as="style" href="https://www.cubezoo.co.za/build/assets/scss-CAiTbLgI.css" /><link rel="modulepreload" as="script" href="https://www.cubezoo.co.za/build/assets/main-CaKphX1s.js" /><link rel="stylesheet" href="https://www.cubezoo.co.za/build/assets/scss-CAiTbLgI.css" data-navigate-track="reload" />
119<script type="module" src="https://www.cubezoo.co.za/build/assets/main-CaKphX1s.js" data-navigate-track="reload"></script>
119
120    <!----------------------------------------------------------------------------------------------------------------->
121    <!-- Livewire Styles -->
122    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
123
124</head>
125
126<!--------------------------------------------------------------------------------------------------------------------->
127<!--------------------------------------------------------------------------------------------------------------------->
128
129<body
130    class="preloader_active quick_preloader"
131>
132    <!----------------------------------------------------------------------------------------------------------------->
133    <!-- SEO Related Things -->
134            <!------------------------------------------------------------------------------------------------------------->
135        <!-- Google Tag Manager -->
136                    <noscript data-preloader-ignore>
137                <iframe data-preloader-ignore src="https://www.googletagmanager.com/ns.html?id=GTM-K4TBXJG" height="0" width="0" style="display:none;visibility:hidden"></iframe>
138            </noscript>
139            
140    <!----------------------------------------------------------------------------------------------------------------->
141    <!-- Pre-Loader -->
142            <section id="s_preloader">
143    <div class="wrapper">
144
145        <div class="loader_text_ctn" style="display: none">
146            <span class="loader_text">0%</span>
147        </div>
148        <div class="loader"></div>
149
150    </div>
151</section>
152    
153    <!----------------------------------------------------------------------------------------------------------------->
154    <!-- Navbar -->
155            <nav id="navbar">
156
157    <div class="px-gutter h-100 d-flex justify-content-between align-items-center">
158        <!-- CubeZoo Logo -->
159        <a class="navbar-brand d-block" href="https://www.cubezoo.co.za">
160            <img class="w-100 h-100" src="/svg/cubezoo_logo_primary.svg" alt="brand logo">
161        </a>
162        <div class="d-flex align-items-center gap-5 gap-md-9 gap-lg-10">
163            <!-- Start a Project -->
164            <a href="https://www.cubezoo.co.za/start-a-project" class="btn btn-primary d-none d-md-flex">
165                <span>Start A Project</span>
166                <img src="/img/arrows/arrow-right-white.svg" alt="arrow">
167            </a>
168            <!-- OffCanvas Menu Toggle -->
169            <button
170                aria-expanded="false"
171                class="nav-icon"
172                type="button"
173                aria-label="Toggle navigation"
174                data-bs-toggle="offcanvas"
175                data-bs-target="#offcanvasRight"
176                aria-controls="offcanvasRight"
177            >
178                <span></span>
179                <span></span>
180                <span></span>
181            </button>
182        </div>
183    </div>
184
185    <!-- OffCanvas Menu -->
186    <div
187        class="offcanvas offcanvas-end"
188        data-bs-scroll="true"
189        tabindex="-1"
190        id="offcanvasRight"
191        aria-labelledby="offcanvasRightLabel"
192    >
193        <div class="offcanvas-header d-flex align-items-center justify-content-between">
194            <!-- CubeZoo Logo -->
195            <a class="navbar-brand d-block" href="https://www.cubezoo.co.za">
196                <img class="w-100 h-100" src="/svg/cubezoo_logo_white.svg" alt="brand logo">
197            </a>
198            <!-- OffCanvas close button -->
199            <button class="close-button" type="button" data-bs-dismiss="offcanvas" aria-label="Close">
200                <div class="inner">
201                    <span></span>
202                    <span></span>
203                </div>
204            </button>
205        </div>
206        <div class="offcanvas-body d-flex flex-column justify-content-between">
207            <!-- spacer element -->
208            <div></div>
209            <!-- Links -->
210            <div id="navLinksCtn" class="d-flex flex-column gap-5 gap-md-6 gap-lg-7">
211                <!-- Links -->
212                                                            <div class="fadeEl nav-item ff-lora text-white fw-400">
213                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za">
214                                <span>Home</span>
215                            </a>
216                        </div>
217                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
218                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/services">
219                                <span>Services</span>
220                            </a>
221                        </div>
222                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
223                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/our-work">
224                                <span>Work</span>
225                            </a>
226                        </div>
227                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
228                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/about-us">
229                                <span>About</span>
230                            </a>
231                        </div>
232                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
233                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/faq">
234                                <span>FAQ</span>
235                            </a>
236                        </div>
237                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
238                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/blogs">
239                                <span>Blog</span>
240                            </a>
241                        </div>
242                                                                                <div class="fadeEl nav-item ff-lora text-white fw-400">
243                            <a class="nav-link expanding-border" href="https://www.cubezoo.co.za/careers">
244                                <span>Careers</span>
245                            </a>
246                        </div>
247                                                    <!-- Start a Project -->
248                <div class="fadeEl d-flex pt-8 pt-md-8 pt-lg-9">
249                    <a href="https://www.cubezoo.co.za/start-a-project" class="btn btn-primary">
250                        <span>Start A Project</span>
251                        <img src="/img/arrows/arrow-top-right-white.svg" alt="arrow">
252                    </a>
253                </div>
254            </div>
255            <!-- Contact Email -->
256            <div class="d-flex">
257                <a
258                    class="contact-link text-white fs-16 fs-md-18 fs-lg-22"
259                    href="mailto: [email protected]?subject=Start%20a%20Project&amp;body=Hello%20Zoo"
260                >
261                    <span>[email protected]</span>
262                    <img src="/img/arrows/arrow-top-right-white.svg" alt="arrow">
263                </a>
264            </div>
265        </div>
266    </div>
267</nav>
268    
269    <!----------------------------------------------------------------------------------------------------------------->
270    <!-- Page Content -->
271    <main>
272        
273    <div id="s_about">
274
275        <!-- spacing |  -->
276        <div class=""></div>
277
278        <!------------------------------------------------------------------------------------------------------------->
279        <!-- Hero Section -->
280        <!------------------------------->
281<!-- About Page | Hero Section -->
282
283<section class="s_hero">
284    <div class="px-gutter tighten_gutter">
285        <div class="row justify-content-between row-gap-9 row-gap-md-0">
286            <!-- tag and title -->
287            <div class="w-100 w-md-28 w-lg-20">
288                <div class="d-flex flex-column h-100 w-100 justify-content-center">
289                    <!-- tag -->
290                    <div class="d-flex order-2 pb-5 pb-md-6 pb-lg-6">
291                        <div class="my-tag tag-darkBlue text-white">
292                            EST. 2011
293                        </div>
294                    </div>
295                    <!-- title -->
296                    <h1 class="ff-lora order-2 fw-300 h1 h1-md h1-lg">
297                        Our Story
298                    </h1>
299                    <!-- spacing -->
300                    <div class="order-1 order-md-2 pt-10 pt-md-14 pt-lg-16 mt-lg-11"></div>
301                </div>
302            </div>
303            <!-- Banner Image -->
304            <div class="w-100 w-md-72 w-lg-78 ">
305                <div class="w-100">
306                    <img class="w-100 object-fit-cover" src="/img/about-us/about_banner.webp" alt="banner image">
307                </div>
308            </div>
309        </div>
310    </div>
311</section>
312
313        <!-- spacing | 48px - 64px - 80px -->
314        <div class="pb-10 pb-md-10 mb-md-6 pb-lg-11 mb-lg-4"></div>
315
316        <!------------------------------------------------------------------------------------------------------------->
317        <!-- divider -->
318        <div class="px-gutter tighten_gutter">
319            <div class="w-100 border-top border-gray-2"></div>
320        </div>
321
322        <!-- spacing | 48px - 64px - 80px -->
323        <div class="pb-10 pb-md-10 mb-md-6 pb-lg-11 mb-lg-4"></div>
324
325        <!------------------------------------------------------------------------------------------------------------->
326        <!-- Values Section -->
327        <!--------------------------------->
328<!-- About Page | Values Section -->
329
330<section class="s_values">
331    <div class="px-gutter tighten_gutter">
332        <div class="row">
333            <!-- Title and Pills -->
334            <div class="w-100 w-md-50">
335                <!-- title -->
336                <div class="mb-4 mb-md-0 pb-9 pb-md-10 pb-lg-10">
337                    <h3 class="ff-lora fw-300 h3 h3-md h3-lg">
338                        Our Values
339                    </h3>
340                </div>
341                <!-- Pills -->
342                <div class="d-flex flex-column gap-5 gap-md-6 gap-lg-6">
343                                            <div class="d-flex">
344                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
345                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
346                                    <span class="fs-15 h6-md h6-lg fw-400">
347                                        Team Growth
348                                    </span>
349                                </span>
350                            </div>
351                        </div>
352                                            <div class="d-flex">
353                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
354                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
355                                    <span class="fs-15 h6-md h6-lg fw-400">
356                                        Skill development
357                                    </span>
358                                </span>
359                            </div>
360                        </div>
361                                            <div class="d-flex">
362                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
363                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
364                                    <span class="fs-15 h6-md h6-lg fw-400">
365                                        Innovative solutions
366                                    </span>
367                                </span>
368                            </div>
369                        </div>
370                                            <div class="d-flex">
371                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
372                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
373                                    <span class="fs-15 h6-md h6-lg fw-400">
374                                        Work-life balance
375                                    </span>
376                                </span>
377                            </div>
378                        </div>
379                                            <div class="d-flex">
380                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
381                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
382                                    <span class="fs-15 h6-md h6-lg fw-400">
383                                        Individuals Equality
384                                    </span>
385                                </span>
386                            </div>
387                        </div>
388                                            <div class="d-flex">
389                            <div class="d-center rounded-pill border border-gray-9 text-gray-9 text-uppercase">
390                                <span class="px-8 py-3  px-md-8 py-md-4  px-lg-8 py-lg-4">
391                                    <span class="fs-15 h6-md h6-lg fw-400">
392                                        Mutual respect
393                                    </span>
394                                </span>
395                            </div>
396                        </div>
397                                    </div>
398                <!-- spacing -->
399                <div class="mb-4 mb-md-0 pb-9 pb-md-0"></div>
400            </div>
401            <!-- Text & Join us button -->
402            <div class="w-100 w-md-50 w-lg-40">
403                <div class="h-100 d-flex flex-column justify-content-between gap-lg-8">
404                    <!-- Text -->
405                    <div class="d-flex flex-column gap-5 gap-md-6 gap-lg-6">
406                                                    <p class="body-text">
407                                The CubeZoo story began in 2009, when entrepreneur Nick Carapanagos started a small business in brand and design. In 2011, it was established as a creative agency with a strong focus on software development.
408                            </p>
409                                                    <p class="body-text">
410                                Fast forward 2 years to 2013, goals became a reality when CubeZoo embarked on its first big ‘tech’ project. This was its first step into becoming a premium brand and s
410oftware development agency.
411                            </p>
412                                                    <p class="body-text">
413                                Since then we’ve never looked back. Our ethos remains the same, and we continue to provide tech solutions that matter.
414                            </p>
415                                            </div>
416                    <!-- Text | Desktop -->
417                    <div class="d-none d-lg-flex">
418                        <a href="https://www.cubezoo.co.za/careers" class="btn btn-primary">
419                            <span>Join us</span>
420                            <img src="/img/arrows/arrow-right-white.svg" alt="arrow">
421                        </a>
422                    </div>
423                </div>
424            </div>
425        </div>
426    </div>
427</section>
428
429        <!-- spacing | 104px - 164px - 200px -->
430        <div class="pb-12 mb-4 pb-md-15 mb-md-4 pb-lg-16 mb-lg-4"></div>
431
432        <!------------------------------------------------------------------------------------------------------------->
433        <!-- Our Team Section -->
434        <!----------------------------------->
435<!-- About Page | Our Team Section -->
436
437<section class="s_our_team bg-blue-1">
438    <div class="px-gutter tighten_gutter py-14 py-md-14 py-lg-14">
439        <div class="row set-gutters">
440            <!-- Title & Team Member Images & Text -->
441            <div class="col-12 col-md-6 pb-8 pb-md-0">
442                <!-- Title & Team Member Images -->
443                <div class="d-flex flex-column flex-md-row align-items-center gap-6 gap-md-9 gap-lg-9">
444                    <!-- Title -->
445                    <div class="order-2 order-md-1">
446                        <h3 class="ff-lora fw-300 h2 h3-md h3-lg">
447                            Our Team in
448                            <br class="d-none d-md-block">
449                            Action
450                        </h3>
451                    </div>
452                    <!-- Team Member Images -->
453                    <div class="img_ctn order-1 order-md-2">
454                        <img class="h-100 object-fit-cover" src="/img/about-us/team/team_in_action.webp" alt="cubezoo employee">
455                    </div>
456                </div>
457                <!-- Text -->
458                <div class="d-none d-lg-block">
459                    <div class="body-text pt-lg-9 mt-lg-4">
460                        Do you have what it takes to join the animals of our Zoo? Are
461                        <br>
462                        you a recent graduate, do you acquire super coding powers
463                        <br>
464                        or guru design talents? Or maybe you’re a beast taming
465                        <br>
466                        ringmaster of project management? If so, drop a line...
467                    </div>
468                </div>
469            </div>
470
471            <!-- Cards -->
472                            <div class="col-6 col-md-3">
473                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
474                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
475                            <!-- Value Counter Animation -->
476                            <div
477                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
478                                data-value="14"
479                            ></div>
480                            <!-- Text -->
481                            <div class="body-text fw-300 lh-150p">
482                                Years of experience
483                            </div>
484                        </div>
485                    </div>
486                </div>
487                            <div class="col-6 col-md-3">
488                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
489                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
490                            <!-- Value Counter Animation -->
491                            <div
492                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
493                                data-value="54"
494                            ></div>
495                            <!-- Text -->
496                            <div class="body-text fw-300 lh-150p">
497                                Websites
498                            </div>
499                        </div>
500                    </div>
501                </div>
502                            <div class="col-6 col-md-3">
503                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
504                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
505                            <!-- Value Counter Animation -->
506                            <div
507                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
508                                data-value="11"
509                            ></div>
510                            <!-- Text -->
511                            <div class="body-text fw-300 lh-150p">
512                                Apps
513                            </div>
514                        </div>
515                    </div>
516                </div>
517                            <div class="col-6 col-md-3">
518                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
519                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
520                            <!-- Value Counter Animation -->
521                            <div
522                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
523                                data-value="22"
524                            ></div>
525                            <!-- Text -->
526                            <div class="body-text fw-300 lh-150p">
527                                Staff
528                            </div>
529                        </div>
530                    </div>
531                </div>
532                            <div class="col-6 col-md-3">
533                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
534                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
535                            <!-- Value Counter Animation -->
536                            <div
537                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
538                                data-value="9"
539                            ></div>
540                            <!-- Text -->
541                            <div class="body-text fw-300 lh-150p">
542                                Designed brands
543                            </div>
544                        </div>
545                    </div>
546                </div>
547                            <div class="col-6 col-md-3">
548                    <div class="my-card rounded-sm  bg-blue-4 text-gray-9  w-100 h-100  px-6 px-md-6 px-lg-6  pb-6 pb-md-4 pb-lg-6">
549                        <div class="px-3 px-md-6 px-lg-8  py-3 py-md-6 py-lg-8  w-100 h-100  d-flex flex-column  gap-3 gap-md-3 gap-lg-4">
550                            <!-- Value Counter Animation -->
551                            <div
552                                class="counter-animation value fs-60 fs-md-100 fs-lg-120 fw-100 lh-100p"
553                                data-value="1"
554                            ></div>
555                            <!-- Text -->
556                            <div class="body-text fw-300 lh-150p">
557                                Foosball table
558                            </div>
559                        </div>
560                    </div>
561                </div>
562                    </div>
563    </div>
564</section>
565
566        <!-- spacing | 104px - 164px - 200px -->
567        <div class="pb-12 mb-4 pb-md-15 mb-md-4 pb-lg-16 mb-lg-4"></div>
568
569        <!------------------------------------------------------------------------------------------------------------->
570        <!-- Who's Who Section -->
571        <!----------------------------------------------->
572<!-- About Page | Who's Who in the Zoo Section -->
573
574<section class="s_who_who">
575    <!-- title -->
576    <div class="pb-9 pb-md-10 pb-lg-11  mb-md-5 mb-lg-5">
577        <h2 class="ff-lora text-gray-8 fw-300 h2 h2-md h2-lg text-center">
578            Who's Who in the Zoo
579        </h2>
580    </div>
581
582    <div class="px-gutter tighten_gutter">
583        <div class="row">
584            <!-- Monkey Image & Text -->
585            <div class="w-100 w-md-44 w-lg-50">
586                <!-- Monkey Image -->
587                <div class="w-100 w-md-88 w-lg-80">
588                    <img class="w-100 object-fit-cover" src="/img/about-us/whos_who.webp" alt="monkey key">
589                </div>
590                <!-- Text -->
591                <div class="pt-8 pt-md-8 pt-lg-8 mt-4 mt-md-5 mt-lg-5  pb-9 pb-md-0">
592                    <div class="body-text">
593                        
594                Housed in our Zoo are a team of approachable
595                <br class="d-none d-lg-block">
596                and enthusiastic digital warriors. “Big hearts, big
597                <br class="d-none d-lg-block">
598                brains and a nerdish flare”, our clients would say.
599            
600                    </div>
601                </div>
602            </div>
603            <!-- Blue Card -->
604            <div class="w-100 w-md-56 w-lg-50">
605                <div class="bg-blue-7 rounded-sm  p-6 p-md-8 p-lg-10">
606                    <div class="w-100 h-100 py-6 py-md-7 py-lg-7  px-4 px-md-4 px-lg-4">
607                        <!-- tag -->
608                        <div class="d-flex">
609                            <div class="d-center rounded-pill border border-white text-uppercase">
610                            <span class="px-8 py-4  px-md-8 py-md-4  px-lg-8 py-lg-4">
611                                <span class="h6 h6-md h6-lg fw-300 lh-150p text-white">
612                                    Experience
613                                </span>
614                            </span>
615                            </div>
616                        </div>
617
618                        <!-- spacing -->
619                        <div class="pt-6 pt-md-6 pt-lg-10"></div>
620
621                        <!-- text -->
622                        <div class="text-blue-7 h4 h3-md h3-lg ff-lora lh-150p fw-300">
623                            <style id="dynamic-appearing-text-style-index-1"></style>
624                            <div
625                                id="daniel-id"
626                                class="appearing-text"
627                                data-index="1"
628                                data-color="#fff"
629                                data-activation-index="0.08"
630                            >
631                                Our skills are creditable, our personalities homegrown, and combined it’s the foundation CubeZoo is built on. Technology remains a true passion as we continue our march in making the earth a better place with it.
632                            </div>
633                        </div>
634
635                        <!-- spacing -->
636                        <div class="pt-6 pt-md-6 pt-lg-9 mt-lg-4"></div>
637
638                        <!-- Founder -->
639                        <div class="d-flex align-items-center gap-8 gap-md-8 gap-lg-8">
640                            <!-- Founder Image -->
641                            <div class="img_ctn">
642                                <img class="w-100 object-fit-cover" src="/img/about-us/team/nick_circle.webp" alt="cubezoo founder">
643                            </div>
644                            <!-- Founded Text -->
645                            <div class="text-white body-text">
646                                <div class="pb-1 pb-md-1 pb-lg-1 fw-
646500">
647                                    Nick Carapanagos
648                                </div>
649                                <div class="fw-300">
650                                    Founder, CEO of CubeZoo
651                                </div>
652                            </div>
653                        </div>
654                    </div>
655                </div>
656            </div>
657        </div>
658    </div>
659</section>
660
661        <!-- spacing | 104px - 164px - 200px -->
662        <div class="pb-12 mb-4 pb-md-15 mb-md-4 pb-lg-16 mb-lg-4"></div>
663
664        <!------------------------------------------------------------------------------------------------------------->
665        <!-- Meet the Team Section -->
666        <!---------------------------------------->
667<!-- About Page | Meet The Team Section -->
668
669<section class="s_meet_the_team">
670    <!-- title -->
671    <div class="pb-9 pb-md-10 pb-lg-10  mb-md-5 mb-lg-6">
672        <h2 class="ff-lora text-gray-8 fw-300 h2 h2-md h2-lg text-center">
673            Meet the Team
674        </h2>
675    </div>
676
677    <!-- Team Member Cards | Tablet & Desktop -->
678    <div class="px-gutter tighten_gutter d-none d-md-block">
679        <div class="row set-gutters">
680                            <div
681                    class="col-6 col-md-4 col-lg-3 autoShowCard"
682                    data-item="auto-show-card"
683                    data-start="104"
684                    data-end="73"
685                    data-transform="translateY"
686                    data-transform-start="100"
687                    data-transform-end="0"
688                    data-transform-value-unit="px"
689                >
690                    <!--------------------------------------------->
691<!-- About Page | Team Member Card Component -->
692
693<div>
694    <!-- Card Image -->
695    <div class="img_ctn">
696        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/nick.webp" alt="">
697    </div>
698    <!-- Card Text -->
699    <p class="body-text pt-4 pt-md-5 pt-lg-5">
700        <span class="fw-500">Nick Carapanagos,</span>
701        <span>CEO</span>
702    </p>
703</div>
704                </div>
705                            <div
706                    class="col-6 col-md-4 col-lg-3 autoShowCard"
707                    data-item="auto-show-card"
708                    data-start="104"
709                    data-end="73"
710                    data-transform="translateY"
711                    data-transform-start="100"
712                    data-transform-end="0"
713                    data-transform-value-unit="px"
714                >
715                    <!--------------------------------------------->
716<!-- About Page | Team Member Card Component -->
717
718<div>
719    <!-- Card Image -->
720    <div class="img_ctn">
721        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/louis.webp" alt="">
722    </div>
723    <!-- Card Text -->
724    <p class="body-text pt-4 pt-md-5 pt-lg-5">
725        <span class="fw-500">Louis Scheepers,</span>
726        <span>CTO</span>
727    </p>
728</div>
729                </div>
730                            <div
731                    class="col-6 col-md-4 col-lg-3 autoShowCard"
732                    data-item="auto-show-card"
733                    data-start="104"
734                    data-end="73"
735                    data-transform="translateY"
736                    data-transform-start="100"
737                    data-transform-end="0"
738                    data-transform-value-unit="px"
739                >
740                    <!--------------------------------------------->
741<!-- About Page | Team Member Card Component -->
742
743<div>
744    <!-- Card Image -->
745    <div class="img_ctn">
746        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/morne.webp" alt="">
747    </div>
748    <!-- Card Text -->
749    <p class="body-text pt-4 pt-md-5 pt-lg-5">
750        <span class="fw-500">Morne,</span>
751        <span>Scrum Master</span>
752    </p>
753</div>
754                </div>
755                            <div
756                    class="col-6 col-md-4 col-lg-3 autoShowCard"
757                    data-item="auto-show-card"
758                    data-start="104"
759                    data-end="73"
760                    data-transform="translateY"
761                    data-transform-start="100"
762                    data-transform-end="0"
763                    data-transform-value-unit="px"
764                >
765                    <!--------------------------------------------->
766<!-- About Page | Team Member Card Component -->
767
768<div>
769    <!-- Card Image -->
770    <div class="img_ctn">
771        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/merril.webp" alt="">
772    </div>
773    <!-- Card Text -->
774    <p class="body-text pt-4 pt-md-5 pt-lg-5">
775        <span class="fw-500">Merril,</span>
776        <span>
777                    Executive
778                    <span class='d-md-none d-lg-inline'>Personal Assistant</span>
779                    <span class='d-none d-md-inline d-lg-none'>PA</span>
780                </span>
781    </p>
782</div>
783                </div>
784                            <div
785                    class="col-6 col-md-4 col-lg-3 autoShowCard"
786                    data-item="auto-show-card"
787                    data-start="104"
788                    data-end="73"
789                    data-transform="translateY"
790                    data-transform-start="100"
791                    data-transform-end="0"
792                    data-transform-value-unit="px"
793                >
794                    <!--------------------------------------------->
795<!-- About Page | Team Member Card Component -->
796
797<div>
798    <!-- Card Image -->
799    <div class="img_ctn">
800        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/lisa.webp" alt="">
801    </div>
802    <!-- Card Text -->
803    <p class="body-text pt-4 pt-md-5 pt-lg-5">
804        <span class="fw-500">Lisa,</span>
805        <span>Account Manager</span>
806    </p>
807</div>
808                </div>
809                            <div
810                    class="col-6 col-md-4 col-lg-3 autoShowCard"
811                    data-item="auto-show-card"
812                    data-start="104"
813                    data-end="73"
814                    data-transform="translateY"
815                    data-transform-start="100"
816                    data-transform-end="0"
817                    data-transform-value-unit="px"
818                >
819                    <!--------------------------------------------->
820<!-- About Page | Team Member Card Component -->
821
822<div>
823    <!-- Card Image -->
824    <div class="img_ctn">
825        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/deidre.webp" alt="">
826    </div>
827    <!-- Card Text -->
828    <p class="body-text pt-4 pt-md-5 pt-lg-5">
829        <span class="fw-500">Deidre,</span>
830        <span>Project Manager</span>
831    </p>
832</div>
833                </div>
834                            <div
835                    class="col-6 col-md-4 col-lg-3 autoShowCard"
836                    data-item="auto-show-card"
837                    data-start="104"
838                    data-end="73"
839                    data-transform="translateY"
840                    data-transform-start="100"
841                    data-transform-end="0"
842                    data-transform-value-unit="px"
843                >
844                    <!--------------------------------------------->
845<!-- About Page | Team Member Card Component -->
846
847<div>
848    <!-- Card Image -->
849    <div class="img_ctn">
850        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/keegan.webp" alt="">
851    </div>
852    <!-- Card Text -->
853    <p class="body-text pt-4 pt-md-5 pt-lg-5">
854        <span class="fw-500">Keegan,</span>
855        <span>Lead UX Designer</span>
856    </p>
857</div>
858                </div>
859                            <div
860                    class="col-6 col-md-4 col-lg-3 autoShowCard"
861                    data-item="auto-show-card"
862                    data-start="104"
863                    data-end="73"
864                    data-transform="translateY"
865                    data-transform-start="100"
866                    data-transform-end="0"
867                    data-transform-value-unit="px"
868                >
869                    <!--------------------------------------------->
870<!-- About Page | Team Member Card Component -->
871
872<div>
873    <!-- Card Image -->
874    <div class="img_ctn">
875        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/mariana.webp" alt="">
876    </div>
877    <!-- Card Text -->
878    <p class="body-text pt-4 pt-md-5 pt-lg-5">
879        <span class="fw-500">Mariana,</span>
880        <span>Lead Designer</span>
881    </p>
882</div>
883                </div>
884                            <div
885                    class="col-6 col-md-4 col-lg-3 autoShowCard"
886                    data-item="auto-show-card"
887                    data-start="104"
888                    data-end="73"
889                    data-transform="translateY"
890                    data-transform-start="100"
891                    data-transform-end="0"
892                    data-transform-value-unit="px"
893                >
894                    <!--------------------------------------------->
895<!-- About Page | Team Member Card Component -->
896
897<div>
898    <!-- Card Image -->
899    <div class="img_ctn">
900        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/mandy.webp" alt="">
901    </div>
902    <!-- Card Text -->
903    <p class="body-text pt-4 pt-md-5 pt-lg-5">
904        <span class="fw-500">Mandy,</span>
905        <span>Digital Designer</span>
906    </p>
907</div>
908                </div>
909                            <div
910                    class="col-6 col-md-4 col-lg-3 autoShowCard"
911                    data-item="auto-show-card"
912                    data-start="104"
913                    data-end="73"
914                    data-transform="translateY"
915                    data-transform-start="100"
916                    data-transform-end="0"
917                    data-transform-value-unit="px"
918                >
919                    <!--------------------------------------------->
920<!-- About Page | Team Member Card Component -->
921
922<div>
923    <!-- Card Image -->
924    <div class="img_ctn">
925        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/igee.webp" alt="">
926    </div>
927    <!-- Card Text -->
928    <p class="body-text pt-4 pt-md-5 pt-lg-5">
929        <span class="fw-500">Igee,</span>
930        <span>Software Engineer</span>
931    </p>
932</div>
933                </div>
934                            <div
935                    class="col-6 col-md-4 col-lg-3 autoShowCard"
936                    data-item="auto-show-card"
937                    data-start="104"
938                    data-end="73"
939                    data-transform="translateY"
940                    data-transform-start="100"
941                    data-transform-end="0"
942                    data-transform-value-unit="px"
943                >
944                    <!--------------------------------------------->
945<!-- About Page | Team Member Card Component -->
946
947<div>
948    <!-- Card Image -->
949    <div class="img_ctn">
950        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/jaco.webp" alt="">
951    </div>
952    <!-- Card Text -->
953    <p class="body-text pt-4 pt-md-5 pt-lg-5">
954        <span class="fw-500">Jaco,</span>
955        <span>Software Engineer</span>
956    </p>
957</div>
958                </div>
959                            <div
960                    class="col-6 col-md-4 col-lg-3 autoShowCard"
961                    data-item="auto-show-card"
962                    data-start="104"
963                    data-end="73"
964                    data-transform="translateY"
965                    data-transform-start="100"
966                    data-transform-end="0"
967                    data-transform-value-unit="px"
968                >
969                    <!--------------------------------------------->
970<!-- About Page | Team Member Card Component -->
971
972<div>
973    <!-- Card Image -->
974    <div class="img_ctn">
975        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/tamara.webp" alt="">
976    </div>
977    <!-- Card Text -->
978    <p class="body-text pt-4 pt-md-5 pt-lg-5">
979        <span class="fw-500">Tamara,</span>
980        <span>Software Engineer</span>
981    </p>
982</div>
983                </div>
984                            <div
985                    class="col-6 col-md-4 col-lg-3 autoShowCard"
986                    data-item="auto-show-card"
987                    data-start="104"
988                    data-end="73"
989                    data-transform="translateY"
990                    data-transform-start="100"
991                    data-transform-end="0"
992                    data-transform-value-unit="px"
993                >
994                    <!--------------------------------------------->
995<!-- About Page | Team Member Card Component -->
996
997<div>
998    <!-- Card Image -->
999    <div class="img_ctn">
1000        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/denzil.webp" alt="">
1001    </div>
1002    <!-- Card Text -->
1003    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1004        <span class="fw-500">Denzil,</span>
1005        <span>Software Engineer</span>
1006    </p>
1007</div>
1008                </div>
1009                            <div
1010                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1011                    data-item="auto-show-card"
1012                    data-start="104"
1013                    data-end="73"
1014                    data-transform="translateY"
1015                    data-transform-start="100"
1016                    data-transform-end="0"
1017                    data-transform-value-unit="px"
1018                >
1019                    <!--------------------------------------------->
1020<!-- About Page | Team Member Card Component -->
1021
1022<div>
1023    <!-- Card Image -->
1024    <div class="img_ctn">
1025        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/katlego.webp" alt="">
1026    </div>
1027    <!-- Card Text -->
1028    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1029        <span class="fw-500">Katlego,</span>
1030        <span>Software Engineer</span>
1031    </p>
1032</div>
1033                </div>
1034                            <div
1035                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1036                    data-item="auto-show-card"
1037                    data-start="104"
1038                    data-end="73"
1039                    data-transform="translateY"
1040                    data-transform-start="100"
1041                    data-transform-end="0"
1042                    data-transform-value-unit="px"
1043                >
1044                    <!--------------------------------------------->
1045<!-- About Page | Team Member Card Component -->
1046
1047<div>
1048    <!-- Card Image -->
1049    <div class="img_ctn">
1050        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/daniel.webp" alt="">
1051    </div>
1052    <!-- Card Text -->
1053    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1054        <span class="fw-500">Daniel,</span>
1055        <span>Software Engineer</span>
1056    </p>
1057</div>
1058                </div>
1059                            <div
1060                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1061                    data-item="auto-show-card"
1062                    data-start="104"
1063                    data-end="73"
1064                    data-transform="translateY"
1065                    data-transform-start="100"
1066                    data-transform-end="0"
1067                    data-transform-value-unit="px"
1068                >
1069                    <!--------------------------------------------->
1070<!-- About Page | Team Member Card Component -->
1071
1072<div>
1073    <!-- Card Image -->
1074    <div class="img_ctn">
1075        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/werner.webp" alt="">
1076    </div>
1077    <!-- Card Text -->
1078    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1079        <span class="fw-500">Werner,</span>
1080        <span>Software Engineer</span>
1081    </p>
1082</div>
1083                </div>
1084                            <div
1085                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1086                    data-item="auto-show-card"
1087                    data-start="104"
1088                    data-end="73"
1089                    data-transform="translateY"
1090                    data-transform-start="100"
1091                    data-transform-end="0"
1092                    data-transform-value-unit="px"
1093                >
1094                    <!--------------------------------------------->
1095<!-- About Page | Team Member Card Component -->
1096
1097<div>
1098    <!-- Card Image -->
1099    <div class="img_ctn">
1100        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/evan.webp" alt="">
1101    </div>
1102    <!-- Card Text -->
1103    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1104        <span class="fw-500">Evan,</span>
1105        <span>Software Engineer</span>
1106    </p>
1107</div>
1108                </div>
1109                            <div
1110                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1111                    data-item="auto-show-card"
1112                    data-start="104"
1113                    data-end="73"
1114                    data-transform="translateY"
1115                    data-transform-start="100"
1116                    data-transform-end="0"
1117                    data-transform-value-unit="px"
1118                >
1119                    <!--------------------------------------------->
1120<!-- About Page | Team Member Card Component -->
1121
1122<div>
1123    <!-- Card Image -->
1124    <div class="img_ctn">
1125        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/michael.webp" alt="">
1126    </div>
1127    <!-- Card Text -->
1128    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1129        <span class="fw-500">Michael,</span>
1130        <span>Software Engineer</span>
1131    </p>
1132</div>
1133                </div>
1134                            <div
1135                    class="col-6 col-md-4 col-lg-3 autoShowCard"
1136                    data-item="auto-show-card"
1137                    data-start="104"
1138                    data-end="73"
1139                    data-transform="translateY"
1140                    data-transform-start="100"
1141                    data-transform-end="0"
1142                    data-transform-value-unit="px"
1143                >
1144                    <!--------------------------------------------->
1145<!-- About Page | Team Member Card Component -->
1146
1147<div>
1148    <!-- Card Image -->
1149    <div class="img_ctn">
1150        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/somo.webp" alt="">
1151    </div>
1152    <!-- Card Text -->
1153    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1154        <span class="fw-500">Somo,</span>
1155        <span>Software Engineer</span>
1156    </p>
1157</div>
1158                </div>
1159                    </div>
1160    </div>
1161
1162    <!-- Team Member Carousel | Mobile -->
1163    <div class="d-flex flex-column gap-8 d-md-none">
1164
1165        <!-- Positive speed -->
1166        <!---------------------------------->
1167<!-- Auto Scroll Carousel Wrapper -->
1168
1169<div id="splide-01"  data-speed="0.8" class="splide auto-scroll-carousel h-fit">
1170    <div class="splide__track">
1171        <ul id="auto-scroll-list" class="splide__list">
1172            <li class="splide__slide">
1173                    <!--------------------------------------------->
1174<!-- About Page | Team Member Card Component -->
1175
1176<div>
1177    <!-- Card Image -->
1178    <div class="img_ctn">
1179        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/nick.webp" alt="">
1180    </div>
1181    <!-- Card Text -->
1182    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1183        <span class="fw-500">Nick Carapanagos,</span>
1184        <span>CEO</span>
1185    </p>
1186</div>
1187                </li>
1188                            <li class="splide__slide">
1189                    <!--------------------------------------------->
1190<!-- About Page | Team Member Card Component -->
1191
1192<div>
1193    <!-- Card Image -->
1194    <div class="img_ctn">
1195        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/louis.webp" alt="">
1196    </div>
1197    <!-- Card Text -->
1198    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1199        <span class="fw-500">Louis Scheepers,</span>
1200        <span>CTO</span>
1201    </p>
1202</div>
1203                </li>
1204                            <li class="splide__slide">
1205                    <!--------------------------------------------->
1206<!-- About Page | Team Member Card Component -->
1207
1208<div>
1209    <!-- Card Image -->
1210    <div class="img_ctn">
1211        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/morne.webp" alt="">
1212    </div>
1213    <!-- Card Text -->
1214    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1215        <span class="fw-500">Morne,</span>
1216        <span>Scrum Master</span>
1217    </p>
1218</div>
1219                </li>
1220                            <li class="splide__slide">
1221                    <!--------------------------------------------->
1222<!-- About Page | Team Member Card Component -->
1223
1224<div>
1225    <!-- Card Image -->
1226    <div class="img_ctn">
1227        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/merril.webp" alt="">
1228    </div>
1229    <!-- Card Text -->
1230    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1231        <span class="fw-500">Merril,</span>
1232        <span>
1233                    Executive
1234                    <span class='d-md-none d-lg-inline'>Personal Assistant</span>
1235                    <span class='d-none d-md-inline d-lg-none'>PA</span>
1236                </span>
1237    </p>
1238</div>
1239                </li>
1240                            <li class="splide__slide">
1241                    <!--------------------------------------------->
1242<!-- About Page | Team Member Card Component -->
1243
1244<div>
1245    <!-- Card Image -->
1246    <div class="img_ctn">
1247        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/lisa.webp" alt="">
1248    </div>
1249    <!-- Card Text -->
1250    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1251        <span class="fw-500">Lisa,</span>
1252        <span>Account Manager</span>
1253    </p>
1254</div>
1255                </li>
1256                            <li class="splide__slide">
1257                    <!--------------------------------------------->
1258<!-- About Page | Team Member Card Component -->
1259
1260<div>
1261    <!-- Card Image -->
1262    <div class="img_ctn">
1263        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/deidre.webp" alt="">
1264    </div>
1265    <!-- Card Text -->
1266    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1267        <span class="fw-500">Deidre,</span>
1268        <span>Project Manager</span>
1269    </p>
1270</div>
1271                </li>
1272                            <li class="splide__slide">
1273                    <!--------------------------------------------->
1274<!-- About Page | Team Member Card Component -->
1275
1276<div>
1277    <!-- Card Image -->
1278    <div class="img_ctn">
1279        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/keegan.webp" alt="">
1280    </div>
1281    <!-- Card Text -->
1282    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1283        <span class="fw-500">Keegan,</span>
1284        <span>Lead UX Designer</span>
1285    </p>
1286</div>
1287                </li>
1288                            <li class="splide__slide">
1289                    <!--------------------------------------------->
1290<!-- About Page | Team Member Card Component -->
1291
1292<div>
1293    <!-- Card Image -->
1294    <div class="img_ctn">
1295        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/mariana.webp" alt="">
1296    </div>
1297    <!-- Card Text -->
1298    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1299        <span class="fw-500">Mariana,</span>
1300        <span>Lead Designer</span>
1301    </p>
1302</div>
1303                </li>
1304                            <li class="splide__slide">
1305                    <!--------------------------------------------->
1306<!-- About Page | Team Member Card Component -->
1307
1308<div>
1309    <!-- Card Image -->
1310    <div class="img_ctn">
1311        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/mandy.webp" alt="">
1312    </div>
1313    <!-- Card Text -->
1314    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1315        <span class="fw-500">Mandy,</span>
1316        <span>Digital Designer</span>
1317    </p>
1318</div>
1319                </li>
1320                            <li class="splide__slide">
1321                    <!--------------------------------------------->
1322<!-- About Page | Team Member Card Component -->
1323
1324<div>
1325    <!-- Card Image -->
1326    <div class="img_ctn">
1327        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/igee.webp" alt="">
1328    </div>
1329    <!-- Card Text -->
1330    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1331        <span class="fw-500">Igee,</span>
1332        <span>Software Engineer</span>
1333    </p>
1334</div>
1335                </li>
1336        </ul>
1337    </div>
1338</div>
1339
1340        <!-- Negative speed -->
1341        <!---------------------------------->
1342<!-- Auto Scroll Carousel Wrapper -->
1343
1344<div id="splide-02"  data-speed="-0.8" class="splide auto-scroll-carousel h-fit">
1345    <div class="splide__track">
1346        <ul id="auto-scroll-list" class="splide__list">
1347            <li class="splide__slide">
1348                    <!--------------------------------------------->
1349<!-- About Page | Team Member Card Component -->
1350
1351<div>
1352    <!-- Card Image -->
1353    <div class="img_ctn">
1354        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/igee.webp" alt="">
1355    </div>
1356    <!-- Card Text -->
1357    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1358        <span class="fw-500">Igee,</span>
1359        <span>Software Engineer</span>
1360    </p>
1361</div>
1362                </li>
1363                            <li class="splide__slide">
1364                    <!--------------------------------------------->
1365<!-- About Page | Team Member Card Component -->
1366
1367<div>
1368    <!-- Card Image -->
1369    <div class="img_ctn">
1370        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/jaco.webp" alt="">
1371    </div>
1372    <!-- Card Text -->
1373    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1374        <span class="fw-500">Jaco,</span>
1375        <span>Software Engineer</span>
1376    </p>
1377</div>
1378                </li>
1379                            <li class="splide__slide">
1380                    <!--------------------------------------------->
1381<!-- About Page | Team Member Card Component -->
1382
1383<div>
1384    <!-- Card Image -->
1385    <div class="img_ctn">
1386        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/tamara.webp" alt="">
1387    </div>
1388    <!-- Card Text -->
1389    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1390        <span class="fw-500">Tamara,</span>
1391        <span>Software Engineer</span>
1392    </p>
1393</div>
1394                </li>
1395                            <li class="splide__slide">
1396                    <!--------------------------------------------->
1397<!-- About Page | Team Member Card Component -->
1398
1399<div>
1400    <!-- Card Image -->
1401    <div class="img_ctn">
1402        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/denzil.webp" alt="">
1403    </div>
1404    <!-- Card Text -->
1405    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1406        <span class="fw-500">Denzil,</span>
1407        <span>Software Engineer</span>
1408    </p>
1409</div>
1410                </li>
1411                            <li class="splide__slide">
1412                    <!--------------------------------------------->
1413<!-- About Page | Team Member Card Component -->
1414
1415<div>
1416    <!-- Card Image -->
1417    <div class="img_ctn">
1418        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/katlego.webp" alt="">
1419    </div>
1420    <!-- Card Text -->
1421    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1422        <span class="fw-500">Katlego,</span>
1423        <span>Software Engineer</span>
1424    </p>
1425</div>
1426                </li>
1427                            <li class="splide__slide">
1428                    <!--------------------------------------------->
1429<!-- About Page | Team Member Card Component -->
1430
1431<div>
1432    <!-- Card Image -->
1433    <div class="img_ctn">
1434        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/daniel.webp" alt="">
1435    </div>
1436    <!-- Card Text -->
1437    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1438        <span class="fw-500">Daniel,</span>
1439        <span>Software Engineer</span>
1440    </p>
1441</div>
1442                </li>
1443                            <li class="splide__slide">
1444                    <!--------------------------------------------->
1445<!-- About Page | Team Member Card Component -->
1446
1447<div>
1448    <!-- Card Image -->
1449    <div class="img_ctn">
1450        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/werner.webp" alt="">
1451    </div>
1452    <!-- Card Text -->
1453    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1454        <span class="fw-500">Werner,</span>
1455        <span>Software Engineer</span>
1456    </p>
1457</div>
1458                </li>
1459                            <li class="splide__slide">
1460                    <!--------------------------------------------->
1461<!-- About Page | Team Member Card Component -->
1462
1463<div>
1464    <!-- Card Image -->
1465    <div class="img_ctn">
1466        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/evan.webp" alt="">
1467    </div>
1468    <!-- Card Text -->
1469    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1470        <span class="fw-500">Evan,</span>
1471        <span>Software Engineer</span>
1472    </p>
1473</div>
1474                </li>
1475                            <li class="splide__slide">
1476                    <!--------------------------------------------->
1477<!-- About Page | Team Member Card Component -->
1478
1479<div>
1480    <!-- Card Image -->
1481    <div class="img_ctn">
1482        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/michael.webp" alt="">
1483    </div>
1484    <!-- Card Text -->
1485    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1486        <span class="fw-500">Michael,</span>
1487        <span>Software Engineer</span>
1488    </p>
1489</div>
1490                </li>
1491                            <li class="splide__slide">
1492                    <!--------------------------------------------->
1493<!-- About Page | Team Member Card Component -->
1494
1495<div>
1496    <!-- Card Image -->
1497    <div class="img_ctn">
1498        <img class="w-100 h-100 object-fit-cover rounded-sm" src="/img/about-us/team/somo.webp" alt="">
1499    </div>
1500    <!-- Card Text -->
1501    <p class="body-text pt-4 pt-md-5 pt-lg-5">
1502        <span class="fw-500">Somo,</span>
1503        <span>Software Engineer</span>
1504    </p>
1505</div>
1506                </li>
1507        </ul>
1508    </div>
1509</div>
1510    </div>
1511
1512</section>
1513
1514        <!-- spacing | 104px - 164px - 200px -->
1515        <div class="pb-12 mb-4 pb-md-15 mb-md-4 pb-lg-16 mb-lg-4"></div>
1516
1517        <!------------------------------------------------------------------------------------------------------------->
1518        <!-- Brands Section -->
1519        <!--------------------------------->
1520<!-- About Page | Brands Section -->
1521
1522<section class="s_brands">
1523
1524    <div class="px-gutter tighten_gutter">
1525        <div class="row justify-content-end text-gray-9">
1526
1527            <!-- Brands Images | Desktop -->
1528            <div class="d-none d-md-flex gap-md-8 gap-lg-12 pb-md-11 pb-lg-12">
1529                                    <div>
1530                        <img
1531                            class="w-100 "
1532                            src="/img/brands/old/liberty_logo.png"
1533                            alt="liberty"
1534                        >
1535                    </div>
1536                                    <div>
1537                        <img
1538                            class="w-100 "
1539                            src="/img/brands/old/phizer_logo.png"
1540                            alt="pfizer"
1541                        >
1542                    </div>
1543                                    <div>
1544                        <img
1545                            class="w-100 "
1546                            src="/img/brands/old/investec_logo.png"
1547                            alt="investec"
1548                        >
1549                    </div>
1550                                    <div>
1551                        <img
1552                            class="w-100 "
1553                            src="/img/brands/old/bmw_logo.png"
1554                            alt="bmw"
1555                        >
1556                    </div>
1557                                    <div>
1558                        <img
1559                            class="w-100 "
1560                            src="/img/brands/old/telkom_logo.png"
1561                            alt="telkom"
1562                        >
1563                    </div>
1564                                    <div>
1565                        <img
1566                            class="w-100 d-none d-lg-block"
1567                            src="/img/brands/old/vodacom_logo.png"
1568                            alt="vodacom"
1569                        >
1570                    </div>
1571                                    <div>
1572                        <img
1573                            class="w-100 "
1574                            src="/img/brands/old/redefine_logo.png"
1575                            alt="redefine"
1576                        >
1577                    </div>
1578                            </div>
1579
1580            <!-- title -->
1581            <div class="w-100 w-md-50 pb-10 pb-md-0 pt-md-8 pt-lg-7">
1582                <h5 class="title h5 fs-md-24 fs-lg-26 fw-400 text-md-center">
1583                    Brands we’ve
1584                    <br class="d-none d-md-block">
1585                    worked with
1586                </h5>
1587            </div>
1588
1589            <!-- total brands & sub-title -->
1590            <div class="w-100 w-md-50">
1591                <div class="d-flex flex-wrap justify-content-between align-items-md-center">
1592                    <!-- total brands -->
1593                    <div class="w-auto d-flex gap-3 gap-md-4 gap-lg-4">
1594                        <span class="fs-56 fs-md-86 fs-lg-100 fw-100 lh-100p">57</span>
1595                        <span class="fs-40 fs-md-64 fs-lg-80 fw-100 lh-100p">+</span>
1596                    </div>
1597                    <!-- sub-title -->
1598                    <div class="w-auto">
1599                        <div class="body-text lh-160p fw-200">
1600                            Brands have
1601                            <br class="">
1602                            entrusted us
1603                        </div>
1604                    </div>
1605                    <!-- border bottom -->
1606                    <div class="w-100 pt-3 pt-md-3 pt-lg-3">
1607                        <div class="w-100 my-border"></div>
1608                    </div>
1609                </div>
1610            </div>
1611
1612
1613            <!-- Brands Images | Mobile -->
1614            <div class="brands d-flex d-md-none flex-column gap-7 pt-10">
1615                <div class="col_1 d-flex gap-7">
1616                    <div><img class="w-100" src="/img/brands/old/telkom_logo.png" alt="telkom"></div>
1617                    <div><img class="w-100" src="/img/brands/old/vodacom_logo.png" alt="vodacom"></div>
1618                    <div><img class="w-100" src="/img/brands/old/redefine_logo.png" alt="redefine"></div>
1619                </div>
1620                <div class="col_2 d-flex px-10 gap-6">
1621                    <div><img class="w-100" src="/img/brands/old/phizer_logo.png" alt="pfizer"></div>
1622                    <div><img class="w-100" src="/img/brands/old/investec_logo.png" alt="investec"></div>
1623                    <div><img class="w-100" src="/img/brands/old/bmw_logo.png" alt="bmw"></div>
1624                </div>
1625            </div>
1626        </div>
1627    </div>
1628
1629</section>
1630
1631        <!-- spacing | 104px - 164px - 200px -->
1632        <div class="pb-12 mb-4 pb-md-15 mb-md-4 pb-lg-16 mb-lg-4"></div>
1633
1634        <!------------------------------------------------------------------------------------------------------------->
1635        <!-- Awards Section -->
1636        <!--------------------------------->
1637<!-- About Page | Awards Section -->
1638
1639<section class="s_awards bg-blue-1 py-md-9 py-lg-9">
1640    <div class="px-gutter tighten_gutter py-12 py-md-12 py-lg-12">
1641        <!-- Title and Text -->
1642        <div class="row">
1643            <!-- Title -->
1644            <div class="w-100 w-md-50 pb-6 pb-md-0">
1645                <h2 class="h2 h2-md h2-lg ff-lora fw-300">
1646                    Our Awards
1647                </h2>
1648            </div>
1649            <!-- Text -->
1650            <div class="w-100 w-md-50">
1651                <div class="body-text">
1652                    
1653                We work for our clients and our clients' clients. We take pride in
1654                <br class="d-none d-lg-block">
1655                our work, with 04 awards in the past 4 years.
1656            
1657                </div>
1658            </div>
1659        </div>
1660
1661        <!-- spacing -->
1662        <div class="pb-11 pb-md-12 pb-lg-12 mb-lg-8"></div>
1663
1664        <!-- Awards Section -->
1665        <div class="ms-auto w-lg-70 d-flex flex-column gap-9 gap-md-9 gap-lg-10">
1666            <!-- top divider -->
1667            <div class="w-100 my-border d-none d-md-block"></div>
1668
1669                            <div class="d-flex align-items-center gap-5 gap-md-0">
1670                    <div class="w-auto w-md-100">
1671                        <div class="d-flex align-items-center gap-6 gap-md-6 gap-lg-6">
1672                            <div class="award_img">
1673                                <img class="w-100" src="img/about-us/awards/clutch.webp" alt="">
1674                            </div>
1675                            <div class="d-none d-md-block">
1676                                <div class="fs-md-24 fs-lg-26">
1677                                    Clutch
1678                                </div>
1679                            </div>
1680                        </div>
1681                    </div>
1682                    <div class="w-100 d-none d-md-block">
1683                        <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1684                            Top B2B Companies 2022
1685                        </div>
1686                    </div>
1687                    <div class="w-100 w-md-auto d-flex flex-wrap flex-md-nowrap justify-content-between">
1688                        <div class="w-100 d-md-none">
1689                            <div class="fs-20">
1690                                Clutch
1691                            </div>
1692                        </div>
1693                        <div class="d-flex align-items-center gap-2 gap-md-3 gap-lg-3 w-100 w-md-auto">
1694                            <div class="fs-17 fs-md-20 fs-lg-22 fw-300 d-md-none">
1695                                Top B2B Companies 2022
1696                            </div>
1697                            <div class="ms-auto ms-md-0">
1698                                <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1699                                    02
1700                                </div>
1701                            </div>
1702                            <div class="award_trophy">
1703                                <img class="w-100" src="/img/about-us/awards/trophy.svg" alt="trophy icon">
1704                            </div>
1705                        </div>
1706                    </div>
1707                </div>
1708
1709                <!-- bottom divider -->
1710                <div class="w-100 my-border "></div>
1711                            <div class="d-flex align-items-center gap-5 gap-md-0">
1712                    <div class="w-auto w-md-100">
1713                        <div class="d-flex align-items-center gap-6 gap-md-6 gap-lg-6">
1714                            <div class="award_img">
1715                                <img class="w-100" src="img/about-us/awards/tech_reviewer.webp" alt="">
1716                            </div>
1717                            <div class="d-none d-md-block">
1718                                <div class="fs-md-24 fs-lg-26">
1719                                    Tech Reviewer
1720                                </div>
1721                            </div>
1722                        </div>
1723                    </div>
1724                    <div class="w-100 d-none d-md-block">
1725                        <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1726                            Top PHP Developers 2021
1727                        </div>
1728                    </div>
1729                    <div class="w-100 w-md-auto d-flex flex-wrap flex-md-nowrap justify-content-between">
1730                        <div class="w-100 d-md-none">
1731                            <div class="fs-20">
1732                                Tech Reviewer
1733                            </div>
1734                        </div>
1735                        <div class="d-flex align-items-center gap-2 gap-md-3 gap-lg-3 w-100 w-md-auto">
1736                            <div class="fs-17 fs-md-20 fs-lg-22 fw-300 d-md-none">
1737                                Top PHP Developers 2021
1738                            </div>
1739                            <div class="ms-auto ms-md-0">
1740                                <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1741                                    01
1742                                </div>
1743                            </div>
1744                            <div class="award_trophy">
1745                                <img class="w-100" src="/img/about-us/awards/trophy.svg" alt="trophy icon">
1746                            </div>
1747                        </div>
1748                    </div>
1749                </div>
1750
1751                <!-- bottom divider -->
1752                <div class="w-100 my-border "></div>
1753                            <div class="d-flex align-items-center gap-5 gap-md-0">
1754                    <div class="w-auto w-md-100">
1755                        <div class="d-flex align-items-center gap-6 gap-md-6 gap-lg-6">
1756                            <div class="award_img">
1757                                <img class="w-100" src="img/about-us/awards/the_manifest.webp" alt="">
1758                            </div>
1759                            <div class="d-none d-md-block">
1760                                <div class="fs-md-24 fs-lg-26">
1761                                    The Manifest
1762                                </div>
1763                            </div>
1764                        </div>
1765                    </div>
1766                    <div class="w-100 d-none d-md-block">
1767                        <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1768                            Top 10 Mobile APP Developers
1769                        </div>
1770                    </div>
1771                    <div class="w-100 w-md-auto d-flex flex-wrap flex-md-nowrap justify-content-between">
1772                        <div class="w-100 d-md-none">
1773                            <div class="fs-20">
1774                                The Manifest
1775                            </div>
1776                        </div>
1777                        <div class="d-flex align-items-center gap-2 gap-md-3 gap-lg-3 w-100 w-md-auto">
1778                            <div class="fs-17 fs-md-20 fs-lg-22 fw-300 d-md-none">
1779                                Top 10 Mobile APP Developers
1780                            </div>
1781                            <div class="ms-auto ms-md-0">
1782                                <div class="fs-17 fs-md-20 fs-lg-22 fw-300">
1783                                    01
1784                                </div>
1785                            </div>
1786                            <div class="award_trophy">
1787                                <img class="w-100" src="/img/about-us/awards/trophy.svg" alt="trophy icon">
1788                            </div>
1789                        </div>
1790                    </div>
1791                </div>
1792
1793                <!-- bottom divider -->
1794                <div class="w-100 my-border d-none d-md-block"></div>
1795                    </div>
1796    </div>
1797</section>
1798
1799    </div>
1800
1801    </main>
1802
1803    <!----------------------------------------------------------------------------------------------------------------->
1804    <!-- Footer -->
1805            <footer id="footer" class="overflow-x-hidden bg-gray-8">
1806
1807    <!-- spacing | 48px - 100px - 120px -->
1808    <div class="pt-10 pt-md-12 pt-lg-13 mt-md-4 mt-lg-4"></div>
1809
1810    <!-- Footer start -->
1811    <div class="row row-gap-9 row-gap-md-10 row-gap-lg-10 px-gutter">
1812        <!-- footer title -->
1813        <div class="order-1 w-100">
1814            <div class="ff-lora text-white fw-500 h2 h2-md h2-lg">
1815                Connect With Us
1816            </div>
1817        </div>
1818
1819        <!-- Location Cards -->
1820        <div class="order-1 w-100 w-md-60 w-lg-60 d-flex flex-column flex-md-row justify-content-between gap-7 gap-md-8 gap-lg-0">
1821                            <div
1822                    class="location_card rounded-sm autoShowCard autoShow-to-md pb-8 pb-md-0 d-flex justify-content-center johannesburg"
1823                    data-item="auto-show-card"
1824                    data-start="97"
1825                    data-end="60"
1826                    data-transform="translateX"
1827                    data-transform-start="-68"
1828                    data-transform-end="0"
1829                    data-transform-value-unit="px"
1830                    data-fade-in="1"
1831                >
1832                    <div class="w-50 w-md-100 pl-4 pl-md-0 d-flex flex-column gap-4 gap-md-6 gap-lg-6">
1833                        <!-- card image | Desktop -->
1834                        <div class="img_ctn position-relative mb-4 mb-lg-3">
1835                            <img class="position-absolute h-100 object-fit-cover" src="/img/fullscreen/footer/johannesburg.png" alt="Johannesburg">
1836                        </div>
1837                        <!-- location details -->
1838                        <div class="fw-300 text-white fs-18 fs-md-19 fs-lg-20">
1839                            Johannesburg
1840                        </div>
1841                        <div class="fw-300 text-white fs-13 fs-md-14 fs-lg-14">
1842                            
1843            WeWork, CubeZoo, Office 04 - 112,
1844            <br class="d-none d-md-block">
1845            173 Oxford Rd, Johannesburg
1846        
1847                        </div>
1848                        <!-- contact details -->
1849                        <div>
1850                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
1851                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1852    <g clip-path="url(#clip0_349_54223)">
1853        <g clip-path="url(#clip1_349_54223)">
1854            <g clip-path="url(#clip2_349_54223)">
1855                <path d="M6.8726 4.84406C7.02639 4.64248 7.10315 4.40066 7.10315 4.14957C7.10315 3.84909 6.99324 3.56185 6.77291 3.341L4.44602 1.00853C3.98491 0.546312 3.26586 0.546312 2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.
185513737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294C12.9325 9.50873 12.6458 9.39826 12.346 9.39826C12.0462 9.39826 11.7595 9.50853 11.5392 9.7294L10.3032 10.9683C10.1192 11.1527 9.84779 11.1691 9.65491 11.006L9.65298 11.0044C8.89573 10.4109 8.15205 9.74825 7.45648 9.05108C6.76121 8.35411 6.10043 7.60903 5.50856 6.85024C5.36245 6.64796 5.38112 6.37312 5.54473 6.19616L6.77982 4.95809L6.89357 4.84406H6.8726ZM4.99576 7.27849L4.99841 7.27675C5.61199 8.05659 6.29364 8.82219 6.989 9.51922C7.68818 10.2201 8.45659 10.9071 9.2389 11.5248L9.23977 11.5254C9.69982 11.8768 10.3521 11.8561 10.7707 11.4364L12.0067 10.1975C12.1882 10.0156 12.518 10.0168 12.6915 10.1967L12.6923 10.1975L15.0191 12.53C15.1108 12.6218 15.1654 12.7504 15.1654 12.8773C15.1654 13.0043 15.1108 13.1328 15.0191 13.2246L14.3839 13.8614C13.7965 14.4502 13.1378 14.7725 12.3917 14.8308C11.6441 14.8893 10.8021 14.683 9.84906 14.2019C8.20972 13.3837 6.67647 11.9236 5.64744 10.8922C3.66461 8.90452 2.43747 7.19 1.94789 5.73144C1.70345 5.0032 1.64364 4.34104 1.76332 3.74119C1.8829 3.14183 2.18259 2.60005 2.66469 2.11336C2.66466 2.11339 2.66472 2.11334 2.66469 2.11336L3.29984 1.4767C3.3914 1.38492 3.5196 1.33023 3.6461 1.33023C3.7726 1.33023 3.90079 1.38492 3.99236 1.4767L6.31924 3.80918C6.41081 3.90096 6.46544 4.02953 6.46544 4.15649C6.46544 4.28345 6.41081 4.41202 6.31924 4.50381L5.08329 5.74271C4.66628 6.16073 4.62159 6.81516 4.99576 7.27849Z" fill="white"/>
1856                <path d="M2.80475 1.00853C3.26586 0.546312 3.98491 0.546312 4.44602 1.00853L6.77291 3.341C6.99324 3.56185 7.10315 3.84909 7.10315 4.14957C7.10315 4.40066 7.02639 4.64248 6.8726 4.84406H6.89357L6.77982 4.95809L5.54473 6.19616C5.38112 6.37312 5.36245 6.64796 5.50856 6.85024C6.10043 7.60903 6.76121 8.35411 7.45648 9.05108C8.15205 9.74825 8.89573 10.4109 9.65298 11.0044L9.65491 11.006C9.84779 11.1691 10.1192 11.1527 10.3032 10.9683L11.5392 9.7294C11.7595 9.50853 12.0462 9.39826 12.346 9.39826C12.6458 9.39826 12.9325 9.50873 13.1529 9.7294M2.80475 1.00853L2.84984 1.05352M2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.13737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294M13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294ZM2.66469 2.11336C2.18259 2.60005 1.8829 3.14183 1.76332 3.74119C1.64364 4.34104 1.70345 5.0032 1.94789 5.73144C2.43747 7.19 3.66461 8.90452 5.64744 10.8922C6.67647 11.9236 8.20972 13.3837 9.84906 14.2019C10.8021 14.683 11.6441 14.8893 12.3917 14.8308C13.1378 14.7725 13.7965 14.4502 14.3839 13.8614L15.0191 13.2246C15.1108 13.1328 15.1654 13.0043 15.1654 12.8773C15.1654 12.7504 15.1108 12.6218 15.0191 12.53L12.6923 10.1975L12.6915 10.1967C12.518 10.0168 12.1882 10.0156 12.0067 10.1975L10.7707 11.4364C10.3521 11.8561 9.69982 11.8768 9.23977 11.5254L9.2389 11.5248C8.45659 10.9071 7.68818 10.2201 6.989 9.51922C6.29364 8.82219 5.61199 8.05659 4.99841 7.27675L4.99576 7.27849C4.62159 6.81515 4.66628 6.16073 5.
185608329 5.74271L6.31924 4.50381C6.41081 4.41202 6.46543 4.28345 6.46543 4.15649C6.46543 4.02953 6.41081 3.90096 6.31924 3.80918L3.99236 1.4767C3.90079 1.38492 3.7726 1.33023 3.6461 1.33023C3.5196 1.33023 3.3914 1.38492 3.29984 1.4767M2.66469 2.11336C2.66472 2.11334 2.66466 2.11339 2.66469 2.11336ZM2.66469 2.11336L3.29984 1.4767M3.29984 1.4767L3.25252 1.4295" stroke="white" stroke-width="0.13366"/>
1857            </g>
1858        </g>
1859    </g>
1860    <defs>
1861        <clipPath id="clip0_349_54223">
1862            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1863        </clipPath>
1864        <clipPath id="clip1_349_54223">
1865            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1866        </clipPath>
1867        <clipPath id="clip2_349_54223">
1868            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1869        </clipPath>
1870    </defs>
1871</svg>
1872                                <a class="expanding-border" href="tel: +27 010 600 2110">
1873                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">+27 010 600 2110</span>
1874                                </a>
1875                            </div>
1876                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
1877                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1878    <g clip-path="url(#clip0_349_54230)">
1879        <g clip-path="url(#clip1_349_54230)">
1880            <path d="M13.7317 2.83364H3.11051C2.54212 2.83364 2.00114 3.07331 1.64504 3.47049C1.64504 3.47049 1.64503 3.47734 1.63818 3.47734C1.63818 3.47734 1.63818 3.47735 1.63818 3.4842C1.2821 3.85399 1.07666 4.34021 1.07666 4.8675V11.4004C1.07666 12.5235 1.99428 13.4411 3.11735 13.4411H13.7385C14.8616 13.4411 15.7792 12.5235 15.7792 11.4004V4.8675C15.7792 4.33336 15.5738 3.83344 15.2177 3.47734C14.8479 3.06647 14.3069 2.82678 13.7385 2.82678L13.7317 2.83364ZM13.7317 3.64855C13.8207 3.64855 13.9097 3.66223 13.9919 3.67592C14.0261 3.68277 14.0604 3.6965 14.0946 3.71019C14.1426 3.72389 14.1905 3.73759 14.2316 3.75814C14.2384 3.75814 14.2521 3.7718 14.259 3.7718L9.21887 8.16822C8.76009 8.56539 8.07528 8.56539 7.61643 8.16822L2.57636 3.7718C2.57636 3.7718 2.59006 3.76499 2.5969 3.75814C2.65169 3.73074 2.70647 3.71704 2.76125 3.70334C2.78864 3.69649 2.81604 3.68277 2.84343 3.67592C2.93246 3.65538 3.01463 3.64855 3.11051 3.64855H13.7317ZM14.9575 11.4141C14.9575 12.0921 14.4096 12.6399 13.7317 12.6399H3.11051C2.43256 12.6399 1.88471 12.0921 1.88471 11.4141V4.88117C1.88471 4.69627 1.93266 4.53193 2.00798 4.36757L7.08232 8.79134C7.46579 9.1269 7.94516 9.29123 8.41765 9.29123C8.8902 9.29123 9.37639 9.1269 9.75304 8.79134L14.8274 4.36757C14.9027 4.52508 14.9506 4.69627 14.9506 4.8811
18807V11.4141H14.9575Z" fill="white"/>
1881        </g>
1882    </g>
1883    <defs>
1884        <clipPath id="clip0_349_54230">
1885            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
1886        </clipPath>
1887        <clipPath id="clip1_349_54230">
1888            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
1889        </clipPath>
1890    </defs>
1891</svg>
1892                                <a class="expanding-border" href="mailto: [email protected]">
1893                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">[email protected]</span>
1894                                </a>
1895                            </div>
1896                        </div>
1897                    </div>
1898                </div>
1899                            <div
1900                    class="location_card rounded-sm autoShowCard autoShow-to-md pb-8 pb-md-0 d-flex justify-content-center cape-town"
1901                    data-item="auto-show-card"
1902                    data-start="97"
1903                    data-end="60"
1904                    data-transform="translateX"
1905                    data-transform-start="-68"
1906                    data-transform-end="0"
1907                    data-transform-value-unit="px"
1908                    data-fade-in="1"
1909                >
1910                    <div class="w-50 w-md-100 pl-4 pl-md-0 d-flex flex-column gap-4 gap-md-6 gap-lg-6">
1911                        <!-- card image | Desktop -->
1912                        <div class="img_ctn position-relative mb-4 mb-lg-3">
1913                            <img class="position-absolute h-100 object-fit-cover" src="/img/fullscreen/footer/cape_town.png" alt="Cape Town">
1914                        </div>
1915                        <!-- location details -->
1916                        <div class="fw-300 text-white fs-18 fs-md-19 fs-lg-20">
1917                            Cape Town
1918                        </div>
1919                        <div class="fw-300 text-white fs-13 fs-md-14 fs-lg-14">
1920                            
1921            Workshop17, Kloof Street
1922            <br class="d-none d-md-block">
1923            32 Kloof Street, Gardens
1924        
1925                        </div>
1926                        <!-- contact details -->
1927                        <div>
1928                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
1929                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1930    <g clip-path="url(#clip0_349_54223)">
1931        <g clip-path="url(#clip1_349_54223)">
1932            <g clip-path="url(#clip2_349_54223)">
1933                <path d="M6.8726 4.84406C7.02639 4.64248 7.10315 4.40066 7.10315 4.14957C7.10315 3.84909 6.99324 3.56185 6.77291 3.341L4.44602 1.00853C3.98491 0.546312 3.26586 0.546312 2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.13737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294C12.9325 9.50873 12.6458 9.39826 12.346 9.39826C12.0462 9.39826 11.7595 9.50853 11.5392 9.7294L10.3032 10.9683C10.1192 11.1527 9.84779 11.1691 9.65491 11.006L9.65298 11.0044C8.89573 10.4109 8.15205 9.74825 7.45648 9.05108C6.76121 8.35411 6.10043 7.60903 5.50856 6.85024C5.36245 6.64796 5.38112 6.37312 5.54473 6.19616L6.77982 4.95809L6.89357 4.84406H6.8726ZM4.99576 7.27849L4.99841 7.27675C5.61199 8.05659 6.29364 8.82219 6.989 9.51922C7.68818 10.2201 8.45659 10.9071 9.2389 11.5248L9.23977 11.5254C9.69982 11.8768 10.3521 11.8561 10.7707 11.4364L12.0067 10.1975C12.1882 10.0156 12.518 10.0168 12.6915 10.1967L12.6923 10.1975L15.0191 12.53C15.1108 12.6218 15.1654 12.7504 15.1654 12.8773C15.1654 13.0043 15.1108 13.1328 15.0191 13.2246L14.3839 13.8614C13.7965 14.4502 13.1378 14.7725 12.3917 14.8308C11.6441 14.8893 10.8021 14.683 9.84906 14.2019C8.20972 13.3837 6.67647 11.9236 5.64744 10.8922C3.66461 8.90452 2.43747 7.19 1.94789 5.73144C1.70345 5.0032 1.64364 4.34104 1.76332 3.74119C1.8829 3.14183 2.18259 2.60005 2.66469 2.11336C2.66466 2.11339 2.66472 2.11334 2.66469 2.11336L3.29984 1.4767C3.3914 1.38492 3.5196 1.33023 3.6461 1.33023C3.7726 1.33023 3.90079 1.38492 3.99236 1.4767L6.31924 3.80918C6.41081 3.90096 6.46544 4.02953 6.46544 4.15649C6.46544 4.28345 6.41081 4.41202 6.31924 4.50381L5.08329 5.74271C4.66628 6.16073 4.62159 6.81516 4.99576 7.27849Z" fill="white"/>
1934                <path d="M2.80475 1.00853C3.26586 0.546312 3.98491 0.546312 4.44602 1.00853L6.77291 3.341C6.99324 3.56185 7.10315 3.84909 7.10315 4.14957C7.10315 4.40066 7.02639 4.64248 6.8726 4.84406H6.89357L6.77982 4.95809L5.54473 6.19616C5.38112 6.37312 5.36245 6.64796 5.50856 6.85024C6.10043 7.60903 6.76121 8.35411 7.45648 9.05108C8.15205 9.74825 8.89573 10.4109 9.65298 11.0044L9.65491 11.006C9.84779 11.1691 10.1192 11.1527 10.3032 10.9683L11.5392 9.7294C11.7595 9.50853 12.0462 9.39826 12.346 9.39826C12.6458 9.39826 12.9325 9.50873 13.1529 9.7294M2.80475 1.00853L2.84984 1.05352M2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.
193413737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294M13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294ZM2.66469 2.11336C2.18259 2.60005 1.8829 3.14183 1.76332 3.74119C1.64364 4.34104 1.70345 5.0032 1.94789 5.73144C2.43747 7.19 3.66461 8.90452 5.64744 10.8922C6.67647 11.9236 8.20972 13.3837 9.84906 14.2019C10.8021 14.683 11.6441 14.8893 12.3917 14.8308C13.1378 14.7725 13.7965 14.4502 14.3839 13.8614L15.0191 13.2246C15.1108 13.1328 15.1654 13.0043 15.1654 12.8773C15.1654 12.7504 15.1108 12.6218 15.0191 12.53L12.6923 10.1975L12.6915 10.1967C12.518 10.0168 12.1882 10.0156 12.0067 10.1975L10.7707 11.4364C10.3521 11.8561 9.69982 11.8768 9.23977 11.5254L9.2389 11.5248C8.45659 10.9071 7.68818 10.2201 6.989 9.51922C6.29364 8.82219 5.61199 8.05659 4.99841 7.27675L4.99576 7.27849C4.62159 6.81515 4.66628 6.16073 5.
193408329 5.74271L6.31924 4.50381C6.41081 4.41202 6.46543 4.28345 6.46543 4.15649C6.46543 4.02953 6.41081 3.90096 6.31924 3.80918L3.99236 1.4767C3.90079 1.38492 3.7726 1.33023 3.6461 1.33023C3.5196 1.33023 3.3914 1.38492 3.29984 1.4767M2.66469 2.11336C2.66472 2.11334 2.66466 2.11339 2.66469 2.11336ZM2.66469 2.11336L3.29984 1.4767M3.29984 1.4767L3.25252 1.4295" stroke="white" stroke-width="0.13366"/>
1935            </g>
1936        </g>
1937    </g>
1938    <defs>
1939        <clipPath id="clip0_349_54223">
1940            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1941        </clipPath>
1942        <clipPath id="clip1_349_54223">
1943            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1944        </clipPath>
1945        <clipPath id="clip2_349_54223">
1946            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
1947        </clipPath>
1948    </defs>
1949</svg>
1950                                <a class="expanding-border" href="tel: +27 010 600 2110">
1951                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">+27 010 600 2110</span>
1952                                </a>
1953                            </div>
1954                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
1955                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1956    <g clip-path="url(#clip0_349_54230)">
1957        <g clip-path="url(#clip1_349_54230)">
1958            <path d="M13.7317 2.83364H3.11051C2.54212 2.83364 2.00114 3.07331 1.64504 3.47049C1.64504 3.47049 1.64503 3.47734 1.63818 3.47734C1.63818 3.47734 1.63818 3.47735 1.63818 3.4842C1.2821 3.85399 1.07666 4.34021 1.07666 4.8675V11.4004C1.07666 12.5235 1.99428 13.4411 3.11735 13.4411H13.7385C14.8616 13.4411 15.7792 12.5235 15.7792 11.4004V4.8675C15.7792 4.33336 15.5738 3.83344 15.2177 3.47734C14.8479 3.06647 14.3069 2.82678 13.7385 2.82678L13.7317 2.83364ZM13.7317 3.64855C13.8207 3.64855 13.9097 3.66223 13.9919 3.67592C14.0261 3.68277 14.0604 3.6965 14.0946 3.71019C14.1426 3.72389 14.1905 3.73759 14.2316 3.75814C14.2384 3.75814 14.2521 3.7718 14.259 3.7718L9.21887 8.16822C8.76009 8.56539 8.07528 8.56539 7.61643 8.16822L2.57636 3.7718C2.57636 3.7718 2.59006 3.76499 2.5969 3.75814C2.65169 3.73074 2.70647 3.71704 2.76125 3.70334C2.78864 3.69649 2.81604 3.68277 2.84343 3.67592C2.93246 3.65538 3.01463 3.64855 3.11051 3.64855H13.7317ZM14.9575 11.4141C14.9575 12.0921 14.4096 12.6399 13.7317 12.6399H3.11051C2.43256 12.6399 1.88471 12.0921 1.88471 11.4141V4.88117C1.88471 4.69627 1.93266 4.53193 2.00798 4.36757L7.08232 8.79134C7.46579 9.1269 7.94516 9.29123 8.41765 9.29123C8.8902 9.29123 9.37639 9.1269 9.75304 8.79134L14.8274 4.36757C14.9027 4.52508 14.9506 4.69627 14.9506 4.8811
19587V11.4141H14.9575Z" fill="white"/>
1959        </g>
1960    </g>
1961    <defs>
1962        <clipPath id="clip0_349_54230">
1963            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
1964        </clipPath>
1965        <clipPath id="clip1_349_54230">
1966            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
1967        </clipPath>
1968    </defs>
1969</svg>
1970                                <a class="expanding-border" href="mailto: [email protected]">
1971                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">[email protected]</span>
1972                                </a>
1973                            </div>
1974                        </div>
1975                    </div>
1976                </div>
1977                            <div
1978                    class="location_card rounded-sm autoShowCard autoShow-to-md pb-8 pb-md-0 d-flex justify-content-center london"
1979                    data-item="auto-show-card"
1980                    data-start="97"
1981                    data-end="60"
1982                    data-transform="translateX"
1983                    data-transform-start="-68"
1984                    data-transform-end="0"
1985                    data-transform-value-unit="px"
1986                    data-fade-in="1"
1987                >
1988                    <div class="w-50 w-md-100 pl-4 pl-md-0 d-flex flex-column gap-4 gap-md-6 gap-lg-6">
1989                        <!-- card image | Desktop -->
1990                        <div class="img_ctn position-relative mb-4 mb-lg-3">
1991                            <img class="position-absolute h-100 object-fit-cover" src="/img/fullscreen/footer/london.png" alt="London">
1992                        </div>
1993                        <!-- location details -->
1994                        <div class="fw-300 text-white fs-18 fs-md-19 fs-lg-20">
1995                            London
1996                        </div>
1997                        <div class="fw-300 text-white fs-13 fs-md-14 fs-lg-14">
1998                            
1999            19 Bellefields Rd,
2000            <br class="d-none d-md-block">
2001            London SW9 9UH
2002        
2003                        </div>
2004                        <!-- contact details -->
2005                        <div>
2006                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
2007                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2008    <g clip-path="url(#clip0_349_54223)">
2009        <g clip-path="url(#clip1_349_54223)">
2010            <g clip-path="url(#clip2_349_54223)">
2011                <path d="M6.8726 4.84406C7.02639 4.64248 7.10315 4.40066 7.10315 4.14957C7.10315 3.84909 6.99324 3.56185 6.77291 3.341L4.44602 1.00853C3.98491 0.546312 3.26586 0.546312 2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.13737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294C12.9325 9.50873 12.6458 9.39826 12.346 9.39826C12.0462 9.39826 11.7595 9.50853 11.5392 9.7294L10.3032 10.9683C10.1192 11.1527 9.84779 11.1691 9.65491 11.006L9.65298 11.0044C8.89573 10.4109 8.15205 9.74825 7.45648 9.05108C6.76121 8.35411 6.10043 7.60903 5.50856 6.85024C5.36245 6.64796 5.38112 6.37312 5.54473 6.19616L6.77982 4.95809L6.89357 4.84406H6.8726ZM4.99576 7.27849L4.99841 7.27675C5.61199 8.05659 6.29364 8.82219 6.989 9.51922C7.68818 10.2201 8.45659 10.9071 9.2389 11.5248L9.23977 11.5254C9.69982 11.8768 10.3521 11.8561 10.7707 11.4364L12.0067 10.1975C12.1882 10.0156 12.518 10.0168 12.6915 10.1967L12.6923 10.1975L15.0191 12.53C15.1108 12.6218 15.1654 12.7504 15.1654 12.8773C15.1654 13.0043 15.1108 13.1328 15.0191 13.2246L14.3839 13.8614C13.7965 14.4502 13.1378 14.7725 12.3917 14.8308C11.6441 14.8893 10.8021 14.683 9.84906 14.2019C8.20972 13.3837 6.67647 11.9236 5.64744 10.8922C3.66461 8.90452 2.43747 7.19 1.94789 5.73144C1.70345 5.0032 1.64364 4.34104 1.76332 3.74119C1.8829 3.14183 2.18259 2.60005 2.66469 2.11336C2.66466 2.11339 2.66472 2.11334 2.66469 2.11336L3.29984 1.4767C3.3914 1.38492 3.5196 1.33023 3.6461 1.33023C3.7726 1.33023 3.90079 1.38492 3.99236 1.4767L6.31924 3.80918C6.41081 3.90096 6.46544 4.02953 6.46544 4.15649C6.46544 4.28345 6.41081 4.41202 6.31924 4.50381L5.08329 5.74271C4.66628 6.16073 4.62159 6.81516 4.99576 7.27849Z" fill="white"/>
2012                <path d="M2.80475 1.00853C3.26586 0.546312 3.98491 0.546312 4.44602 1.00853L6.77291 3.341C6.99324 3.56185 7.10315 3.84909 7.10315 4.14957C7.10315 4.40066 7.02639 4.64248 6.8726 4.84406H6.89357L6.77982 4.95809L5.54473 6.19616C5.38112 6.37312 5.36245 6.64796 5.50856 6.85024C6.10043 7.60903 6.76121 8.35411 7.45648 9.05108C8.15205 9.74825 8.89573 10.4109 9.65298 11.0044L9.65491 11.006C9.84779 11.1691 10.1192 11.1527 10.3032 10.9683L11.5392 9.7294C11.7595 9.50853 12.0462 9.39826 12.346 9.39826C12.6458 9.39826 12.9325 9.50873 13.1529 9.7294M2.80475 1.00853L2.84984 1.05352M2.80475 1.00853L2.16951 1.64531C1.33334 2.48349 1.00501 3.41647 1.01007 4.36783C1.01511 5.31668 1.35161 6.27962 1.83689 7.18245C2.78855 8.95297 4.32321 10.5114 5.10716 11.3075C5.1224 11.323 5.
201213737 11.3381 5.15203 11.353L5.15306 11.3541C5.74001 11.9424 6.77196 12.9769 8.01157 13.8643C9.24993 14.7509 10.7055 15.4981 12.1389 15.4981C13.0818 15.4981 14.024 15.1589 14.865 14.3228L15.5005 13.6859C15.9615 13.2237 15.9615 12.5032 15.5005 12.041L13.1529 9.7294M13.1529 9.7294C13.1528 9.72927 13.1529 9.72947 13.1529 9.7294ZM2.66469 2.11336C2.18259 2.60005 1.8829 3.14183 1.76332 3.74119C1.64364 4.34104 1.70345 5.0032 1.94789 5.73144C2.43747 7.19 3.66461 8.90452 5.64744 10.8922C6.67647 11.9236 8.20972 13.3837 9.84906 14.2019C10.8021 14.683 11.6441 14.8893 12.3917 14.8308C13.1378 14.7725 13.7965 14.4502 14.3839 13.8614L15.0191 13.2246C15.1108 13.1328 15.1654 13.0043 15.1654 12.8773C15.1654 12.7504 15.1108 12.6218 15.0191 12.53L12.6923 10.1975L12.6915 10.1967C12.518 10.0168 12.1882 10.0156 12.0067 10.1975L10.7707 11.4364C10.3521 11.8561 9.69982 11.8768 9.23977 11.5254L9.2389 11.5248C8.45659 10.9071 7.68818 10.2201 6.989 9.51922C6.29364 8.82219 5.61199 8.05659 4.99841 7.27675L4.99576 7.27849C4.62159 6.81515 4.66628 6.16073 5.
201208329 5.74271L6.31924 4.50381C6.41081 4.41202 6.46543 4.28345 6.46543 4.15649C6.46543 4.02953 6.41081 3.90096 6.31924 3.80918L3.99236 1.4767C3.90079 1.38492 3.7726 1.33023 3.6461 1.33023C3.5196 1.33023 3.3914 1.38492 3.29984 1.4767M2.66469 2.11336C2.66472 2.11334 2.66466 2.11339 2.66469 2.11336ZM2.66469 2.11336L3.29984 1.4767M3.29984 1.4767L3.25252 1.4295" stroke="white" stroke-width="0.13366"/>
2013            </g>
2014        </g>
2015    </g>
2016    <defs>
2017        <clipPath id="clip0_349_54223">
2018            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
2019        </clipPath>
2020        <clipPath id="clip1_349_54223">
2021            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
2022        </clipPath>
2023        <clipPath id="clip2_349_54223">
2024            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.0604248)"/>
2025        </clipPath>
2026    </defs>
2027</svg>
2028                                <a class="expanding-border" href="tel: +44 7511 010789">
2029                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">+44 7511 010789</span>
2030                                </a>
2031                            </div>
2032                            <div class="d-flex align-items-center gap-4 gap-md-4 gap-lg-4">
2033                                <svg 0="class" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2034    <g clip-path="url(#clip0_349_54230)">
2035        <g clip-path="url(#clip1_349_54230)">
2036            <path d="M13.7317 2.83364H3.11051C2.54212 2.83364 2.00114 3.07331 1.64504 3.47049C1.64504 3.47049 1.64503 3.47734 1.63818 3.47734C1.63818 3.47734 1.63818 3.47735 1.63818 3.4842C1.2821 3.85399 1.07666 4.34021 1.07666 4.8675V11.4004C1.07666 12.5235 1.99428 13.4411 3.11735 13.4411H13.7385C14.8616 13.4411 15.7792 12.5235 15.7792 11.4004V4.8675C15.7792 4.33336 15.5738 3.83344 15.2177 3.47734C14.8479 3.06647 14.3069 2.82678 13.7385 2.82678L13.7317 2.83364ZM13.7317 3.64855C13.8207 3.64855 13.9097 3.66223 13.9919 3.67592C14.0261 3.68277 14.0604 3.6965 14.0946 3.71019C14.1426 3.72389 14.1905 3.73759 14.2316 3.75814C14.2384 3.75814 14.2521 3.7718 14.259 3.7718L9.21887 8.16822C8.76009 8.56539 8.07528 8.56539 7.61643 8.16822L2.57636 3.7718C2.57636 3.7718 2.59006 3.76499 2.5969 3.75814C2.65169 3.73074 2.70647 3.71704 2.76125 3.70334C2.78864 3.69649 2.81604 3.68277 2.84343 3.67592C2.93246 3.65538 3.01463 3.64855 3.11051 3.64855H13.7317ZM14.9575 11.4141C14.9575 12.0921 14.4096 12.6399 13.7317 12.6399H3.11051C2.43256 12.6399 1.88471 12.0921 1.88471 11.4141V4.88117C1.88471 4.69627 1.93266 4.53193 2.00798 4.36757L7.08232 8.79134C7.46579 9.1269 7.94516 9.29123 8.41765 9.29123C8.8902 9.29123 9.37639 9.1269 9.75304 8.79134L14.8274 4.36757C14.9027 4.52508 14.9506 4.69627 14.9506 4.8811
20367V11.4141H14.9575Z" fill="white"/>
2037        </g>
2038    </g>
2039    <defs>
2040        <clipPath id="clip0_349_54230">
2041            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
2042        </clipPath>
2043        <clipPath id="clip1_349_54230">
2044            <rect width="16.0392" height="16.0392" fill="white" transform="translate(0.408447 0.111816)"/>
2045        </clipPath>
2046    </defs>
2047</svg>
2048                                <a class="expanding-border" href="mailto: [email protected]">
2049                                    <span class="fw-300 fs-13 fs-md-14 fs-lg-14">[email protected]</span>
2050                                </a>
2051                            </div>
2052                        </div>
2053                    </div>
2054                </div>
2055                    </div>
2056
2057        <!-- Services -->
2058        <div class="order-1 w-100 w-md-30 w-lg-26 ms-md-auto">
2059            <div class="d-flex flex-column h-100 justify-content-between">
2060                <!-- Services title | Desktop -->
2061                <div class="pb-6 pb-md-0 pt-md-9 pt-lg-9">
2062                    <div class="ff-lora text-white fw-400 h2 h2-md h2-lg">
2063                        Services
2064                    </div>
2065                </div>
2066                <div class="d-flex">
2067                                            <div class="w-50">
2068                            <div class="text-white fw-300 fs-18 fs-md-19 fs-lg-20 text-capitalize pb-4 pb-md-5 pb-lg-6">
2069                                mobile
2070                            </div>
2071                                                            <a href="https://www.cubezoo.co.za/services/mobile-app-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2072                                    <span>iOS</span>
2073                                </a>
2074                                                            <a href="https://www.cubezoo.co.za/services/mobile-app-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2075                                    <span>Android</span>
2076                                </a>
2077                                                            <a href="https://www.cubezoo.co.za/services/mobile-app-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2078                                    <span>Flutter</span>
2079                                </a>
2080                                                            <a href="https://www.cubezoo.co.za/services/mobile-app-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2081                                    <span>React Native</span>
2082                                </a>
2083                                                    </div>
2084                                            <div class="w-50">
2085                            <div class="text-white fw-300 fs-18 fs-md-19 fs-lg-20 text-capitalize pb-4 pb-md-5 pb-lg-6">
2086                                web
2087                            </div>
2088                                                            <a href="https://www.cubezoo.co.za/services/website-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2089                                    <span>JavaScript</span>
2090                                </a>
2091                                                            <a href="https://www.cubezoo.co.za/services/website-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2092                                    <span>Laravel</span>
2093                                </a>
2094                                                            <a href="https://www.cubezoo.co.za/services/website-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2095                                    <span>PHP</span>
2096                                </a>
2097                                                            <a href="https://www.cubezoo.co.za/services/website-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2098                                    <span>Python</span>
2099                                </a>
2100                                                            <a href="https://www.cubezoo.co.za/services/website-development#frameworks-ctn" class="expanding-border d-block text-white fw-300 fs-13 fs-md-14 fs-lg-14">
2101                                    <span>APIs</span>
2102                                </a>
2103                                                    </div>
2104                                    </div>
2105            </div>
2106        </div>
2107
2108        <!-- Divider -->
2109        <div class="order-1 py-md-4 py-lg-4">
2110            <div class="my-divider"></div>
2111        </div>
2112
2113        <!-- Social Media -->
2114        <div class="order-1 order-md-2 w-auto ms-md-auto d-flex">
2115            <div class="socials d-flex gap-6 gap-md-6 gap-lg-7">
2116                                    <a class="facebook" href="https://www.facebook.com/cubezoo">
2117                                                    <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2118    <path d="M18.5421 10.2286C18.5421 5.12254 14.4285 0.983765 9.35304 0.983765C4.27759 0.983765 0.16394 5.12254 0.16394 10.2286C0.16394 14.844 3.52348 18.6685 7.91712 19.362V12.9014H5.58428V10.228H7.91712V8.1917C7.91712 5.87481 9.28872 4.59447 11.3881 4.59447C12.3928 4.59447 13.4453 4.77519 13.4453 4.77519V7.05041H12.2856C11.1443 7.05041 10.789 7.76348 10.789 8.49494V10.2286H13.3374L12.93 12.9008H10.789V19.362C15.1826 18.6685 18.5421 14.844 18.5421 10.2286Z" fill="#292F36"/>
2119</svg>
2120                                            </a>
2121                                    <a class="linkedin" href="https://za.linkedin.com/company/cubezoo">
2122                                                    <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2123    <path d="M18.6593 2.33511V18.0107C18.6593 18.369 18.517 18.7127 18.2635 18.9662C18.0101 19.2196 17.6664 19.362 17.308 19.362H1.63247C1.27407 19.362 0.930355 19.2196 0.676928 18.9662C0.4235 18.7127 0.281128 18.369 0.281128 18.0107V2.33511C0.281128 1.97671 0.4235 1.63299 0.676928 1.37956C0.930355 1.12614 1.27407 0.983765 1.63247 0.983765H17.308C17.6664 0.983765 18.0101 1.12614 18.2635 1.37956C18.517 1.63299 18.6593 1.97671 18.6593 2.33511ZM5.68648 8.01073H2.9838V16.6593H5.68648V8.01073ZM5.92973 5.03778C5.93115 4.83335 5.89229 4.63063 5.81537 4.44121C5.73845 4.25179 5.62497 4.07938 5.48142 3.93382C5.33787 3.78826 5.16705 3.6724 4.97871 3.59285C4.79038 3.51331 4.58823 3.47164 4.38379 3.47023H4.33514C3.9194 3.47023 3.52069 3.63538 3.22672 3.92936C2.93274 4.22332 2.76759 4.62204 2.76759 5.03778C2.76759 5.45352 2.93274 5.85223 3.22672 6.14621C3.52069 6.44018 3.9194 6.60533 4.33514 6.60533C4.53959 6.61036 4.74303 6.57506 4.93383 6.50144C5.12463 6.42781 5.29905 6.31732 5.44714 6.17627C5.59522 6.03521 5.71406 5.86636 5.79686 5.67936C5.87967 5.49236 5.92481 5.29088 5.92973 5.08643V5.03778ZM15.9566 11.4053C15.9566 8.80528 14.3026 7.79451 12.6593 7.79451C12.1214 7.76757 11.5856 7.88216 11.1057 8.12686C10.6259 8.37157 10.2185 8.73778 9.92425 9.18913H9.84857V8.01073H7.30809V16.6593H10.0108V12.0593C9.9717 11.5882 10.1201 11.1207 10.4237 10.7584C10.7274 10.3961 11.1617 10.1682 11.6323 10.1242H11.7351C12.5945 10.1242 13.2323 10.6647 13.2323 12.0269V16.6593H15.935L15.9566 11.4053Z" fill="#292F36"/>
2124</svg>
2125                                            </a>
2126                                    <a class="instagram" href="https://www.instagram.com/_cubezoo_">
2127                                                    <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2128    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.58778 0.983765C7.09202 0.983765 6.77959 0.994182 5.79943 1.0389C4.82109 1.08362 4.15274 1.23922 3.56831 1.4665C2.9557 1.69684 2.40007 2.05828 1.94061 2.52631C1.47333 2.98523 1.11167 3.54047 0.8808 4.15339C0.654748 4.73782 0.498534 5.40679 0.453816 6.38512C0.409709 7.36468 0.398682 7.6765 0.398682 10.1729C0.398682 12.6692 0.409099 12.9811 0.453816 13.9612C0.498534 14.9396 0.654139 15.6079 0.881419 16.1923C1.11176 16.805 1.4732 17.3606 1.94122 17.82C2.40016 18.2873 2.9554 18.649 3.56831 18.8799C4.15274 19.1065 4.82109 
212819.2621 5.79943 19.3068C6.77959 19.3515 7.09202 19.362 9.58778 19.362C12.0835 19.362 12.396 19.3515 13.3761 19.3068C14.3545 19.2621 15.0228 19.1065 15.6072 18.8792C16.2199 18.6489 16.7755 18.2874 17.235 17.8195C17.7023 17.3605 18.0639 16.8052 18.2948 16.1923C18.5214 15.6079 18.6771 14.9396 18.7218 13.9612C18.7664 12.9811 18.7769 12.6686 18.7769 10.1729C18.7769 7.67711 18.7664 7.36468 18.7218 6.38451C18.6771 5.40617 18.5214 4.73782 18.2941 4.15339C18.0635 3.54021 17.7018 2.98473 17.2344 2.5257C16.7754 2.05841 16.2201 1.69676 15.6072 1.46588C15.0228 1.23983 14.3538 1.08362 13.3755 1.0389C12.396 0.994792 12.0841 0.983765 9.58778 0.983765ZM9.58778 2.63964C12.0413 2.63964 12.3322 2.64883 13.3014 2.69294C14.197 2.73398 14.6835 2.88284 15.0075 3.00965C15.4363 3.17567 15.7426 3.37538 16.0643 3.69639C16.3859 4.01801 16.5849 4.32431 16.751 4.75313C16.8772 5.0772 17.0267 5.56361 17.0677 6.45924C17.1118 7.42839 17.121 7.71938 17.121 10.1729C17.121 12.6264 17.1118 12.9173 17.0677 13.8865C17.0267 14.7821 16.8778 15.2686 16.751 15.5926C16.6039 15.9917 16.3693 16.3529 16.0643 16.6493C15.7678 16.9544 15.4067 17.1891 15.0075 17.3361C14.6835 17.4622 14.197 17.6118 13.3014 17.6528C12.3322 17.6969 12.0419 17.7061 9.58778 17.7061C7.13368 17.7061 6.84331 17.6969 5.87416 17.6528C4.97853 17.6118 4.49212 17.4629 4.16805 17.3361C3.76891 17.189 3.40781 16.9543 3.1113 16.6493C2.80633 16.3528 2.57168 15.9917 2.42457 15.5926C2.29838 15.2686 2.1489 14.7821 2.10785 13.8865C2.06375 12.9173 2.05456 12.6264 2.05456 10.1729C2.05456 7.71938 2.06375 7.42839 2.10785 6.45924C2.1489 5.56361 2.29776 5.0772 2.42457 4.75313C2.59059 4.32431 2.7903 4.01801 3.1113 3.69639C3.40777 3.39133 3.76888 3.15667 4.16805 3.00965C4.49212 2.88346 4.97853 2.73398 5.87416 2.69294C6.84331 2.64883 7.13429 2.63964 9.58778 2.63964Z" fill="#292F36"/>
2129    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.72664 12.9529C9.34011 12.9529 8.95734 12.8754 8.60022 12.7251C8.2431 12.5749 7.91864 12.3546 7.64532 12.0768C7.372 11.7991 7.15518 11.4693 7.00726 11.1064C6.85934 10.7436 6.78321 10.3546 6.78321 9.9619C6.78321 9.56911 6.85934 9.18016 7.00726 8.81727C7.15518 8.45441 7.372 8.12468 7.64532 7.84695C7.91864 7.56921 8.2431 7.3489 8.60022 7.19859C8.95734 7.04828 9.34011 6.97092 9.72664 6.97092C10.5073 6.97092 11.256 7.28604 11.808 7.84695C12.36 8.40786 12.6702 9.16863 12.6702 9.9619C12.6702 10.7551 12.36 11.5159 11.808 12.0768C11.256 12.6377 10.5073 12.9529 9.72664 12.9529ZM9.72664 5.35442C8.52412 5.35442 7.37078 5.83985 6.52044 6.70391C5.6701 7.56797 5.19238 8.73992 5.19238 9.9619C5.19238 11.1839 5.6701 12.3557 6.52044 13.2199C7.37078 14.0839 8.52412 14.5693 9.72664 14.5693C10.9292 14.5693 12.0826 14.0839 12.9329 13.2199C13.7832 12.3557 14.261 11.1839 14.261 9.9619C14.261 8.73992 13.7832 7.56797 12.9329 6.70391C12.0826 5.83985 10.9292 5.35442 9.72664 5.35442ZM15.5801 5.27076C15.5801 5.55961 15.4672 5.83663 15.2662 6.04088C15.0652 6.24513 14.7925 6.35987 14.5082 6.35987C14.2239 6.35987 13.9514 6.24513 13.7504 6.04088C13.5494 5.83663 13.4364 5.55961 13.4364 5.27076C13.4364 4.98191 13.5494 4.70488 13.7504 4.50064C13.9514 4.29639 14.2239 4.18165 14.5082 4.18164C14.7925 4.18164 15.0652 4.29639 15.2662 4.50064C15.4672 4.70488 15.5801 4.98191 15.5801 5.27076Z" fill="#292F36"/>
2130</svg>
2131                                            </a>
2132                            </div>
2133            <div class="pe-gutter d-none d-lg-block flex-shrink-0"></div>
2134        </div>
2135
2136        <!-- Colourful Action Buttons -->
2137        <div class="order-1 order-md-1 w-100 w-md-76 w-lg-60 d-flex flex-column flex-md-row gap-5 gap-md-0 align-items-md-center justify-content-between">
2138                            <div class="action_btn_ctn text-red-5">
2139                    <div class="d-flex align-items-center gap-5 gap-md-6 gap-lg-7">
2140                        <a href="https://www.cubezoo.co.za/careers" class="btn-circle btn-circle-red-5 order-lg-2">
2141                            <svg 0="class" class="ico1" width="19" height="18" viewBox="0 0 19 18" fill="none">
2142    <g>
2143        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2144        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2145    </g>
2146    <defs>
2147        <clipPath id="clip0_349_54023">
2148            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2149        </clipPath>
2150    </defs>
2151</svg>
2152                            <svg 0="class" class="ico2" width="19" height="18" viewBox="0 0 19 18" fill="none">
2153    <g>
2154        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2155        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2156    </g>
2157    <defs>
2158        <clipPath id="clip0_349_54023">
2159            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2160        </clipPath>
2161    </defs>
2162</svg>
2163                        </a>
2164                        <div class="order-md-1 fw-400 fs-14 fs-md-15 fs-lg-16">
2165                            
2166                Start a career
2167                <br class="d-none d-md-block">
2168                at the zoo
2169            
2170                        </div>
2171                    </div>
2172                </div>
2173                            <div class="action_btn_ctn text-green-5">
2174                    <div class="d-flex align-items-center gap-5 gap-md-6 gap-lg-7">
2175                        <a href="https://www.cubezoo.co.za/services/outsourcing" class="btn-circle btn-circle-green-5 order-lg-2">
2176                            <svg 0="class" class="ico1" width="19" height="18" viewBox="0 0 19 18" fill="none">
2177    <g>
2178        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2179        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2180    </g>
2181    <defs>
2182        <clipPath id="clip0_349_54023">
2183            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2184        </clipPath>
2185    </defs>
2186</svg>
2187                            <svg 0="class" class="ico2" width="19" height="18" viewBox="0 0 19 18" fill="none">
2188    <g>
2189        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2190        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2191    </g>
2192    <defs>
2193        <clipPath id="clip0_349_54023">
2194            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2195        </clipPath>
2196    </defs>
2197</svg>
2198                        </a>
2199                        <div class="order-md-1 fw-400 fs-14 fs-md-15 fs-lg-16">
2200                            
2201                Add an expert
2202                <br class="d-none d-md-block">
2203                to your team
2204            
2205                        </div>
2206                    </div>
2207                </div>
2208                            <div class="action_btn_ctn text-yellow-4">
2209                    <div class="d-flex align-items-center gap-5 gap-md-6 gap-lg-7">
2210                        <a href="https://www.cubezoo.co.za/start-a-project" class="btn-circle btn-circle-yellow-4 order-lg-2">
2211                            <svg 0="class" class="ico1" width="19" height="18" viewBox="0 0 19 18" fill="none">
2212    <g>
2213        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2214        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2215    </g>
2216    <defs>
2217        <clipPath id="clip0_349_54023">
2218            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2219        </clipPath>
2220    </defs>
2221</svg>
2222                            <svg 0="class" class="ico2" width="19" height="18" viewBox="0 0 19 18" fill="none">
2223    <g>
2224        <path d="M14.5386 4.17474L4.51587 14.1975" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2225        <path d="M14.5387 11.5272V4.17474H7.18628" stroke="white" stroke-width="1.28865" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
2226    </g>
2227    <defs>
2228        <clipPath id="clip0_349_54023">
2229            <rect width="18.0441" height="17.1819" fill="white" transform="translate(0.503174 0.597351)"/>
2230        </clipPath>
2231    </defs>
2232</svg>
2233                        </a>
2234                        <div class="order-md-1 fw-400 fs-14 fs-md-15 fs-lg-16">
2235                            
2236                Start a project
2237                <br class="d-none d-md-block">
2238                with us
2239            
2240                        </div>
2241                    </div>
2242                </div>
2243                    </div>
2244
2245        <div class="order-2 w-100"></div>
2246    </div>
2247
2248    <!-- Privacy Policy -->
2249    <div class="bottom_ctn d-flex align-items-center justify-content-center justify-content-md-end pt-4 pt-md-0">
2250        <div class="w-lg-32 px-gutter d-flex justify-content-center">
2251            <div
2252                class="fw-400 fs-12 fs-md-12 fs-lg-12 text-white"
2253                x-data="{ year: new Date().getFullYear() }"
2254            >
2255                <span>©</span>
2256                <span x-text="year">2025</span>
2257                <span>CubeZoo |</span>
2258                <a class="expanding-border" href="https://www.cubezoo.co.za/privacy-policy">
2259                    <span>Privacy Policy</span>
2260                </a>
2261            </div>
2262        </div>
2263    </div>
2264
2265</footer>
2266    
2267    <!----------------------------------------------------------------------------------------------------------------->
2268    <!-- Livewire Scripts | AlpineJs is Included -->
2269    
2269<script src="/livewire/livewire.min.js?id=57eb113f"   data-csrf="e5QDQtDS5YM9bPhM0TX3EKwpDgEvbJx6suubf2zg" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2269
2270
2271</body>
2272</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.