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'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'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&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.