1<!doctype html> 2<html lang="en"> 3 4<head> 5 <!-- Required meta tags --> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 9 <!-- Bootstrap CSS --> 10 <link rel="stylesheet" href="css/bootstrap.css"> 11 <link rel="stylesheet" href="css/swiper.min.css"> 12 <link rel="stylesheet" type="text/css" href="fonts/fonts.css" /> 13 <link rel="stylesheet" href="css/themify-icons.css"> 14 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> 15 <link rel="stylesheet" href="css/style.css"> 16 <meta name="theme-color" content="#000000" /> 17 <link href="favicon.ico" rel="icon" type="image/ico"> 18 19 <meta name="twitter:card" content="summary_large_image"> 20 <meta name="twitter:site" content="@AgencyTriple" /> 21 <meta name="twitter:creator" content="@AgencyTriple" /> 22 <meta property="og:url" content="http://triple.black" /> 23 <meta property="og:title" content="Triple Black Agency" /> 24 <meta property="og:description" content="The innovation agency for the future." /> 25 <meta property="og:image" content="http://triple.black/img/triple-black-card.png" /> 26 <title>triple black agency</title> 27</head> 28 29<body> 30 31 <div class="main"> 32 <header> 33 34 <!-- nav --> 35 <nav> 36 <div class="container-fluid"> 37 <a href="#"> 38 <img class="logo" src="img/tbalogo.svg" /> 39 </a> 40 </div> 41 </nav> 42 43 <!-- hero --> 44 <div class="hero"> 45 <div class="hero-caption"> 46 <h5>We are</h5> 47 <h1 class="triple typewrite" data-period="3000" data-type='[ "apps", "chatbots", "triple" ]'>triple<span class="wrap"></span></h1> 48 <h1 class="black typewrite" data-period="3000" data-type='[ "vr", "ux design", "black" ]'>black<span class="wrap"></span></h1> 49 <h1 class="agency typewrite" data-period="3000" data-type='[ "ai", "websites", "agency" ]'>agency<span class="wrap"></span></h1> 50 </div> 51 </div> 52 </header> 53 <!-- end header --> 54 55 <!-- action bar logos --> 56 <section class="action-bar-logos" data-midnight="white"> 57 58 <!-- action bar --> 59 <div class="container actionbar"> 60 <div class="row"> 61 <div class="col-8"> 62 <h2>The digital agency for the future</h2> 63 </div> 64 <div class="col-4"> 65 <a href="#work">See our work <span class="ti-arrow-right"></span></a> 66 </div> 67 </div> 68 </div> 69 70 <!-- logos --> 71 <div class="container-fluid logos"> 72 <div class="row"> 73 <!-- Swiper --> 74 <div class="swiper-container" id="logos"> 75 <div class="swiper-wrapper"> 76 <div class="swiper-slide"><img src="img/reuters.png" /></div> 77 <div class="swiper-slide"><img src="img/atru.png" /></div> 78 <div class="swiper-slide"><img src="img/sabc.png" /></div> 79 <div class="swiper-slide"><img src="img/tank.png" /></div> 80 <div class="swiper-slide"><img src="img/devdiscourse.png" /></div> 81 <div class="swiper-slide"><img src="img/designindaba.png" /></div> 82 <div class="swiper-slide"><img src="img/bizcommunity.png" /></div> 83 <div class="swiper-slide"><img src="img/kuwaittimes.png" /></div> 84 <div class="swiper-slide"><img src="img/wits.png" /></div> 85 <div class="swiper-slide"><img src="img/musicinafrica.png" /></div> 86 </div> 87 </div> 88 </div> 89 </div> 90 </section> 91 92 <!-- who we are --> 93 <section class="about" id="about" data-midnight="black"> 94 <div class="container"> 95 <h2>About us</h2> 96 <h3>We are a digital innovation and product development company focused on removing the barriers to the creation and use of new technology. With headquarters in Amsterdam and an office in Cape Town, we pride ourselves in our ability to build and scale out solutions for the future of work and life in the global South. 97 </h3> 98 </div> 99 </section> 100 101 <!-- our work --> 102 <section class="work" id="work" data-midnight="white"> 103 <div class="container"> 104 <h2>Our Work</h2> 105 <p>
105We cut through the noise to grow ideas through meaningful digital experiences.</p> 106 </div> 107 <div class="work-slider"> 108 <!-- Swiper --> 109 <div class="swiper-container" id="workslider"> 110 <div class="swiper-wrapper"> 111 <div class="swiper-slide" style="background:url(img/herstory.jpg) no-repeat center; background-size:cover"> 112 <div class="caption-holder"> 113 <div class="container"> 114 <div class="slide-caption"> 115 <h3>How to tell a Herstory</h3> 116 <p>Using computer vision to extract stories from vernacular photography</p> 117 <a href="https://tellaherstory.org/about" target="_blank">View project <span class="ti-arrow-top-right"></span></a> 118 </div> 119 </div> 120 </div> 121 </div> 122 <div class="swiper-slide" style="background:url(img/African-Metaverse.png) no-repeat center; background-size:cover"> 123 <div class="caption-holder"> 124 <div class="container"> 125 <div class="slide-caption"> 126 <h3>African metaverse framework</h3> 127 <p>Decentralising the metaverse to make it accessible to people of colour 128</p> 129 <a href="https://babusinyoni.com/african-metaverse-framework/" target="_blank">View case study <span class="ti-arrow-top-right"></span></a> 130 </div> 131 </div> 132 </div> 133 </div> 134 <div class="swiper-slide" style="background:url(img/patana.jpg) no-repeat center; background-size:cover"> 135 <div class="caption-holder"> 136 <div class="container"> 137 <div class="slide-caption"> 138 <h3>Patana AI</h3> 139 <p>Using real-time machine learning to assess posture and gait on mobile devices</p> 140 <a href="https://apps.apple.com/nl/app/patana-ai/id1500814498?l=en" target="_blank">Get in on iOS <span class="ti-arrow-top-right"></span></a> 141 <a href="https://play.google.com/store/apps/details?id=com.silahealth.patana&hl=en" target="_blank">Get in on Android <span class="ti-arrow-top-right"></span></a> 142 </div> 143 </div> 144 </div> 145 </div> 146 <div class="swiper-slide" style="background:url(img/blackgirlhair.jpg) no-repeat center; background-size:cover"> 147 <div class="caption-holder"> 148 <div class="container"> 149 <div class="slide-caption"> 150 <h3>blackgirlhair.js</h3> 151 <p>Detect braids, afros, cornrows and more with machine learning and black girl magic.</p> 152 <a href="https://triple.black/blackgirlhair" target="_blank">Try it now <span class="ti-arrow-top-right"></span></a> 153 </div> 154 </div> 155 </div> 156 </div> 157 <div class="swiper-slide" style="background:url(img/sis-joyce.jpg) no-repeat center; background-size:cover"> 158 <div class="caption-holder"> 159 <div class="container"> 160 <div class="slide-caption"> 161 <h3>Sila Health</h3> 162 <p>Connecting the underserved to doctors through chat platforms and AI.</p> 163 <a href="https://sila.health" target="_blank">
163Visit website <span class="ti-arrow-top-right"></span></a> 164 </div> 165 </div> 166 </div> 167 </div> 168 <div class="swiper-slide" style="background:url(img/vosho-fosho.jpg) no-repeat center; background-size:cover"> 169 <div class="caption-holder"> 170 <div class="container"> 171 <div class="slide-caption"> 172 <h3>Dance to Diagnosis</h3> 173 <p>How using AI to rate a popular South African dance led to disease diagnosis</p> 174 <a href="http://babusinyoni.com/dance-to-diagnosis" target="_blank">View case study <span class="ti-arrow-top-right"></span></a> 175 </div> 176 </div> 177 </div> 178 </div> 179 <div class="swiper-slide" style="background:url(img/safepace.jpg) no-repeat center; background-size:cover"> 180 <div class="caption-holder"> 181 <div class="container"> 182 <div class="slide-caption"> 183 <h3>Safe Pace App</h3> 184 <p>Helping vulnerable people move safer in South Africa using big data</p> 185 <a href="https://triple.black/safepace" target="_blank">Visit website <span class="ti-arrow-top-right"></span></a> 186 </div> 187 </div> 188 </div> 189 </div> 190 </div> 191 <!-- Add Pagination --> 192 <div class="swiper-pagination"></div> 193 </div> 194 195 </div> 196 </section> 197 198 <!-- approach --> 199 <section class="approach" id="approach" data-midnight="black"> 200 <div class="container"> 201 <h2>Our Approach</h2> 202 <h3>We pair innovation with product development to remove the barriers to the creation of new technology. <br>This no-frills approach allows us to develop ground-breaking technology at a fraction of the cost of traditional innovation agencies. 203 </h3> 204 </div> 205 </section> 206 207 <!-- testimonial --> 208 <section class="testimonial" id="testimonial" data-midnight="white"> 209 <div class="container"> 210 <h2>Triple Black Agency has shown a constant knack for identifying problems and creating mind-blowing practical solutions to solve with.</h2> 211 <div class="source"> 212 <div class="src-img"><img src="img/solam.png"></div> 213 <h6>Solam Mbana, business lead</h6> 214 </div> 215 </div> 216 </section> 217 218 <!-- footer --> 219 <footer id="contact" data-midnight="black"> 220 <div class="container"> 221 <div class="row"> 222 <div class="col-sm-6 logo"> 223 <img class="logo" src="img/tbalogo.svg" /> 224 <img class="logotext" src="img/tripleblacktext.svg" /> 225 </div> 226 <div class="col-sm-6 contacts secondary-menu"> 227 <h5>Get in touch</h5> 228 <a href="/cdn-cgi/l/email-protection#f0929192858399b0848299809c95de929c91939b"><span class="__cf_email__" data-cfemail="b2d0d3d0c7c1dbf2c6c0dbc2ded79cd0ded3d1d9">[email protected]</span></a> 229 <p>+31 64 773 6885</p> 230 231 <h5 class="menu-title">Explore</h5> 232 <ul class="footer-menu"> 233 <li><a href="#">Home</a></li> 234 <li><a href="#about">About</a></li> 235 <li><a href="#work">Work</a></li> 236 <li><a href="#approach">Approach</a></li> 237 <li><a href="#contact">Contact</a></li> 238 </ul> 239 </div> 240 </div>
241 <div class="row soc-loc"> 242 <div class="col-sm-6"> 243 <div class="social"> 244 <a href="https://www.linkedin.com/company/tripleblack/" target="_blank"><span class="ti-linkedin"></span></a> 245 <a href="https://twitter.com/AgencyTriple" target="_blank"><span class="ti-twitter-alt"></span></a> 246 <a href="https://www.facebook.com/agencytriple/" target="_blank"><span class="ti-facebook"></span></a> 247 <a href="https://www.instagram.com/tripleblackagency/" target="_blank"><span class="ti-instagram"></span></a> 248 </div> 249 </div> 250 <div class="col-sm-6"> 251 <p>Amsterdam, Netherlands. KVK 75549441</p> 252 </div> 253 </div> 254 </div> 255 </footer> 256 </div> 257 258 259 <div class="button_container" id="menu"> 260 <span class="top"></span> 261 <span class="middle"></span> 262 <span class="bottom"></span> 263 </div> 264 265 <div class="overlay" id="overlay"> 266 <nav class="overlay-menu"> 267 <ul> 268 <li><a href="#">Home</a></li> 269 <li><a href="#about">About</a></li> 270 <li><a href="#work">Work</a></li> 271 <li><a href="#approach">Approach</a></li> 272 <li><a href="#contact">Contact</a></li> 273 </ul> 274 </nav> 275 </div> 276 277 <!-- Optional JavaScript --> 278 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
vendor: 113 bytes, lines 278-279
278 279 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
279<script src="js/jquery-3.3.1.min.js"></script>
279 280
280<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js"></script>
280 281
281<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
281 282
282<script src="js/bootstrap.min.js"></script>
282 283
283<script src="js/swiper-bundle.js"></script>
283 284
284<script src="js/main.js"></script>
284 285 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 285-286
285 286 <script async src="https://www.googletagmanager.com/gtag/js?id=
286UA-52484005-18
vendor: 16 bytes, lines 286-287
286"></script> 287
287<script> 288
vendor: 176 bytes, lines 288-295
288window.dataLayer = window.dataLayer || []; 289 290 function gtag() { 291 dataLayer.push(arguments); 292 } 293 gtag('js', new Date()); 294 295 gtag('config', '
295UA-52484005-18
vendor: 8 bytes, lines 295-296
295'); 296
296</script>
vendor: 1 bytes, line 296
296
297<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2e55d81a5b484d5e9e2d83ef6a7f5424","r":1,"spa":2}' crossorigin="anonymous"></script>
297 298</body> 299 300</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.