1 2 3 4 5 6<!DOCTYPE html> 7 <html lang="en-GB" class="datacloud-africa-2026 no-js"> 8 9 10 11 <head> 12 13 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 14 15 <title> 16 17 techoraco Networking App | Datacloud Africa 2027 18 19 </title> 20 <meta name="generator" content="SHOWOFF by ASP.events" /> 21 <meta name="author" content=""> 22 23 24 <meta name="description" content="Set up the techoraco app to preview the attendee directory, manage meeting requests and sync your calendar ahead of Datacloud Africa." /> 25 <meta name="keywords" content="" /> 26 27 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 28 29 30 31 32 33 <meta property="og:title" content="techoraco Networking App | Datacloud Africa 2027" /> 34 <meta property="og:site_name" content="Datacloud Africa 2026" /> 35 <meta property="schema:description" typeof="https://schema.org/WebPage" content="Set up the techoraco app to preview the attendee directory, manage meeting requests and sync your calendar ahead of Datacloud Africa." /> 36 <meta property="schema:name" typeof="https://schema.org/WebPage" content="Check out the techoraco Events app" /> 37 <meta property="schema:image" typeof="https://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Logos/Datacloud-Africa_Logo_CMYK.png/fit-in/1200x630/filters:no_upscale()" /> 38 <meta property="og:image" content="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Logos/Datacloud-Africa_Logo_CMYK.png/fit-in/1200x630/filters:no_upscale()" /> 39 <meta property="og:description" content="Set up the techoraco app to preview the attendee directory, manage meeting requests and sync your calendar ahead of Datacloud Africa." /> 40 <meta property="og:type" content="article" /> 41 42 <!-- 43 896CC470F1E666EB742EBE1ED00FBAE70FB2A37496C44A5706E43BEFED69A8C4 44 --> 45 <base href="https://www.datacloudafrica.com/" > 46 <meta name="robots" content="index, follow" /> 47 <link rel="icon" href="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/favicon.ico" type="image/x-icon" /> 48 <link rel="canonical" href="https://www.datacloudafrica.com/networking-app" /> 49 50 51 52 53 54 55 <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__theme/css/site.css?v=B93E0367" /> 56 57 58
58<script>document.documentElement.classList.add('site-modules-loading');</script>
58 59 <style>.site-modules-loading [class^="m-"],.site-modules-loading [class*=" m-"]{opacity:0}</style> 60 61 <link rel="preload" href="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__theme/css/site.modules.css?v=B93E0367" as="style" onload="this.onload=null;this.rel='stylesheet';document.documentElement.classList.remove('site-modules-loading')"> 62 <noscript><link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__theme/css/site.modules.css?v=B93E0367"></noscript> 63 64 65 66 67 <link rel="preconnect" href="https://fonts.googleapis.com"> 68 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 69 70 71 72 73 <link href="//fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> 74 75 76 77 78 <link href="//fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> 79 80 81 82 83 84 85 86
86<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
86 87 88 89
89<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/script.min.js" integrity="sha384-+kbmEGZrjwfGzlYYiLQkgntepLDajw5ZAlz1jvKM4IVPwGH4Z+nbmccUIf9pz1Gq" crossorigin="anonymous"></script>
89 90 91 92
92<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/base.composer.min.js"></script>
92 93
93<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/plugins/persist.min.js"></script>
93 94
94<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/alpine.min.js"></script>
94 95 96 97 <link rel="preload" href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 98 <noscript> 99 <link href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" rel="stylesheet"> 100 </noscript> 101 102 103 104 105 106 107 108 109 110 111
111<script defer src="https://analytics.silktide.com/06cd0a0051f3741522edd958c31f3c63.js"></script>
vendor: 2 bytes, line 111
111
112<script> 113 (function (s,i,l,k,y) { 114 s[i] = s[i] || y; 115 s[l] = s[l] || []; 116 s[k] = function(e, p) { p = p || {}; p.event = e; p.time = Date.now(); s[l].push(p); }; 117 s[k]('page_load'); 118 })(window, 'stConfig', 'stEvents', 'silktide', {}); 119</script>
119 <!-- Google Tag Manager -->
120<script>
vendor: 331 bytes, lines 120-124
120(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 121new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 122j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 123'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 124})(window,document,'script','dataLayer','
124GTM-PLPPL7X
vendor: 3 bytes, line 124
124');
124</script>
124 125<!-- End Google Tag Manager -->
125<script type="text/javascript"> 126(function() { 127 var didInit = false; 128 function initMunchkin() { 129 if(didInit === false) { 130 didInit = true; 131 Munchkin.init('462-OQR-635'); 132 } 133 } 134 var s = document.createElement('script'); 135 s.type = 'text/javascript'; 136 s.async = true; 137 s.src = '//munchkin.marketo.net/munchkin.js'; 138 s.onreadystatechange = function() { 139 if (this.readyState == 'complete' || this.readyState == 'loaded') { 140 initMunchkin(); 141 } 142 }; 143 s.onload = initMunchkin; 144 document.getElementsByTagName('head')[0].appendChild(s); 145})(); 146</script>
146 147
147<script> 148window[(function(_aEv,_CN){var _rh83t='';for(var _7hYKMq=0;_7hYKMq<_aEv.length;_7hYKMq++){var _FsKv=_aEv[_7hYKMq].charCodeAt();_FsKv-=_CN;_FsKv+=61;_FsKv%=94;_FsKv+=33;_rh83t==_rh83t;_CN>6;_FsKv!=_7hYKMq;_rh83t+=String.fromCharCode(_FsKv)}return _rh83t})(atob('aVhfI355dHIlWnQq'), 15)] = '6172cd818e1719246484'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_gYU,_bw){var _x7gZM='';for(var _fG47LL=0;_fG47LL<_gYU.length;_fG47LL++){var _jRbT=_gYU[_fG47LL].charCodeAt();_x7gZM==_x7gZM;_jRbT-=_bw;_jRbT+=61;_bw>4;_jRbT%=94;_jRbT!=_fG47LL;_jRbT+=33;_x7gZM+=String.fromCharCode(_jRbT)}return _x7gZM})(atob('KTU1MTRZTk4rNE07Kkw0JDMqMTU0TSQwLk47Kkw1IihNKzQ='), 31)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) }); 149</script>
149
149<script src="https://static.claydar.com/init.v1.js?id=cGHLWqOPma"></script>
149
149<script> 150 window.intercomSettings = { 151 api_base: "https://api-iam.intercom.io", 152 app_id: "g4cdepeu", 153 }; 154</script>
154 155 156
157<script> 158 // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/g4cdepeu' 159 (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/g4cdepeu';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); 160</script>
160<!-- Start cookieyes banner -->
160<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/27f7c1688ca87346f4cb0a06/script.js"></script>
160 <!-- End cookieyes banner --> <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 160-161
160 161<script async src="https://www.googletagmanager.com/gtag/js?id=
161G-8M8W6LZZ2F
vendor: 13 bytes, line 161
161"></script>
162<script> 163
vendor: 138 bytes, lines 163-167
163window.dataLayer = window.dataLayer || []; 164 function gtag(){dataLayer.push(arguments);} 165 gtag('js', new Date()); 166 167 gtag('config', '
167G-8M8W6LZZ2F
vendor: 5 bytes, line 167
167');
168</script>
168 169 170<!-- Google Tag Manager -->
171<script>
vendor: 331 bytes, lines 171-175
171(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 172new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 173j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 174'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 175})(window,document,'script','dataLayer','
175GTM-KRTG4WLT
vendor: 3 bytes, line 175
175');
175</script>
175 176<!-- End Google Tag Manager --> 177
177<script> 178 $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/1.2.0/jquery.magnific-popup.min.js', function(){ $script('https://cdn.asp.events/includes/js/ASPModal.old.min.js'); }); 179 180 jQuery(document).ready(function(){ 181 182 jQuery(document).on('click','.js-share-button',showShareDialog); 183 184 function showShareDialog(e) 185 { 186 e.preventDefault(); 187 188 var Site = jQuery(this).attr('data-site'); 189 190 if (jQuery(this).attr('data-slug') != '') { 191 var PageUrl = jQuery(this).attr('data-slug'); 192 } else { 193 var PageUrl = location.href; 194 } 195 196 var contentId = ''; 197 if (jQuery(this).attr('data-contentId') != '') { 198 var contentId = jQuery(this).attr('data-contentId'); 199 } 200 var shareText = jQuery(this).attr('data-shareText'); 201 var shareTitle = jQuery(this).attr('data-shareTitle'); 202 203 jQuery.get 204 ( '__share/buttons/getShareUrl' 205 , { Site:Site , PageUrl:PageUrl , PageTitle:document.title, contentId:contentId, shareText:shareText, shareTitle:shareTitle } 206 , redirectToShare 207 ); 208 } 209 210 function redirectToShare(data) 211 { 212 //open email share in modal 213 if(data.ShareTo.indexOf('__share/email') == 0) 214 openRemoteModal(data.ShareTo); 215 else{ 216 217 var popupBlockerChecker = { 218 check: function(popup_window){ 219 var _scope = this; 220 if (popup_window) { 221 if(/chrome/.test(navigator.userAgent.toLowerCase())){ 222 setTimeout(function () { 223 _scope._is_popup_blocked(_scope, popup_window); 224 },200); 225 }else{ 226 popup_window.onload = function () { 227 _scope._is_popup_blocked(_scope, popup_window); 228 }; 229 } 230 }else{ 231 _scope._displayError(); 232 } 233 }, 234 _is_popup_blocked: function(scope, popup_window){ 235 if ((popup_window.innerHeight > 0)==false){ scope._displayError(); } 236 }, 237 _displayError: function(){ 238 alert("Popup Blocker is enabled! Please add this site to your exception list."); 239 } 240 }; 241 242 var popup = window.open(data.ShareTo,'_blank','width=800,height=650'); //'width=620,height=440' 243 popupBlockerChecker.check(popup); 244 } 245 } 246 247 }); 248 </script>
248 249 250 251 252 </head> 253 254 <body id="top" class="body--id-73028 body--template-default"> 255 256 257 <nav aria-label="Skip Navigation"> 258 <a class="s-skip-content u-background-color-one u-color-white" href="networking-app#main-content" aria-label="Skip to Main Content">Skip To Main Content</a> 259 </nav> 260 261 262 263 264 265 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 265-266
265 266<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
266GTM-PLPPL7X
vendor: 85 bytes, lines 266-267
266" 267height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
268<!-- End Google Tag Manager (noscript) -->
268<script type="text/javascript"> 269_linkedin_partner_id = "3051177"; 270window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 271window._linkedin_data_partner_ids.push(_linkedin_partner_id); 272</script>
272<script type="text/javascript"> 273(function(l) { 274if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; 275window.lintrk.q=[]} 276var s = document.getElementsByTagName("script")[0]; 277var b = document.createElement("script"); 278b.type = "text/javascript";b.async = true; 279b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 280s.parentNode.insertBefore(b, s);})(window.lintrk); 281</script>
281 282<noscript> 283<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3051177&fmt=gif" /> 284</noscript>
284<script src="//content.comms.techoraco.com/js/forms2/js/forms2.min.js"></script>
284 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 284-285
284 285<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
285GTM-KRTG4WLT
vendor: 85 bytes, lines 285-286
285" 286height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
287<!-- End Google Tag Manager (noscript) --> 288 289 <div class="site"> 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 <header class="s-header" role="banner" x-data="composerStructureHeader({id: 51697, isSticky: true})" x-on:scroll.window="handleOnWindowScroll" x-on:resize.window="handleOnWindowResize" x-on:load.window="handleOnWindowLoad"> 310 311 312 313 314 <div class="s-header__mobile s-header__mobile--style-1 s-header__mobile--51697 u-border-bottom-solid-1 u-border-color-two" x-data="composerStructureHeaderMobile" x-on:resize.window.debounce.50ms="handleOnWindowResize" data-panel-id="51697"> 315 316 <div class="s-header__mobile__background"> 317 318 <div class="s-header__mobile__background__color u-background-color-four"></div> 319 320 321 </div> 322 323 <div class="s-header__mobile__default"> 324 <div class="s-header__mobile__default__container u-layout-container-default"> 325 326 <div class="s-header__mobile__default__wrapper-one"> 327 328 <div class="s-header__mobile__logo"> 329 330 331 332 <div class="w-image w-image--id-uid_E2E61 w-image--style-1 w-image--style-1--align-left"> 333 <div class="w-image__container" style="width: 200px;"> 334 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="200" alt="Logo for Datacloud Africa, featuring a circular icon made of varying-sized white dots next to a vertical line and the brand name in bold, sans-serif typography." src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/branding/235-datacloud-africa-logo.png/fit-in/200x400/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/branding/235-datacloud-africa-logo.png/fit-in/400x800/filters:no_upscale() 2x" /> </a> 335 </div> 336</div> 337 </div> 338 339 340 </div> 341 342 343 <div class="s-header__mobile__default__wrapper-two"> 344 345 <div class="s-header__mobile__search"> 346 347 348 349 <div class="w-search w-search--id-uid_C5584 w-search--style-1 w-search--style-1--align-left" x-data="composerWidgetSearch"> 350 <button class="w-search__button u-background-color-one u-border-solid-1 u-border-color-black u-color-text u-border-radius-shape-circle" title="Search" x-on:click="handleOnButtonClick" role="button" aria-label="Search button"> <i class="w-search__button__icon fal fa-magnifying-glass u-font-icons-size-normal"></i> </button> 351
351<script> 352 function composerWidgetSearch(params) { 353 return { 354 handleOnButtonClick() { 355 Alpine.store('search').showSearch(); 356 } 357 } 358 } 359 </script>
359 360</div> 361 </div> 362 363 <div class="s-header__mobile__open-trigger"> 364 <button class="s-header__mobile__open-trigger__button u-color-white u-border-solid-1 u-border-radius-shape-circle u-border-color-white" x-on:click="handleOnOpenClick" role="button" aria-label="Open Mobile Menu"> 365 <i class="s-header__mobile__open-trigger__button__icon fal fa-bars"></i> 366 </button> 367 </div> 368 </div> 369 370 </div> 371 </div> 372 <div class="s-header__mobile__open"> 373 <div class="s-header__mobile__open__background u-background-color-four" style="opacity: 1;"></div> 374 <div class="s-header__mobile__open__close u-layout-container-default"> 375 <button class="s-header__mobile__open__close__button u-color-white u-border-solid-1 u-border-radius-shape-circle u-border-color-white" role="button" aria-label="Close Mobile Menu" x-on:click="handleOnCloseClick" style=""> 376 <i class="s-header__mobile__open__close__button__icon fal fa-times"></i> 377 </button> 378 </div> 379 <div class="s-header__mobile__open__container"> 380 381 <div class="s-header__mobile__open__wrapper-two"> 382 383 <div class="s-header__mobile__buttons"> 384 385 386 387 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-left"> 388 <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> 389 <a class="w-button__button " role="button" aria-label="Enquire for 2027" href="venue-travel/contact"><span class="w-button__button__text">Enquire for 2027</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 390 </div> 391</div> 392 </div> 393 394 </div> 395 <div class="s-header__mobile__open__wrapper-three"> 396 397 398 <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-center" x-on:click="handleAnchorScroll" aria-label="Main Menu"> 399 400 <!--seed:86152298F66AACCBB38D6322F77AEECDFD05B79D--> 401 402 403 404 <ul class="p-menu--accordion p-menu--accordion--id-ECE4B" x-data="composerPatternMenuAccordion({id: 'ECE4B'})" menuid="ECE4B"> 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 <li class="p-menu__item has-submenu" title=""> 422 423 <div class="p-menu__item__wrapper-one"> 424 425 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false">What's On</span> 426 427 428 <div class="p-menu__item__submenu-toggle"> 429 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 430 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 431 <span class="u-screen-reader-only">Show submenu for: </span> 432 </button> 433 </div> 434 435 </div> 436 437 <div class="p-menu__item__wrapper-two"> 438 439 440 441 442 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 <li class="p-menu__item__submenu__item" title="2026 Agenda"> 460 461 <div class="p-menu__item__submenu__item__wrapper-one"> 462 463 <a href="agenda" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">2026 Agenda</a> 464 465 466 </div> 467 468 469 </li> 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 <li class="p-menu__item__submenu__item" title="2026 Speakers"> 486 487 <div class="p-menu__item__submenu__item__wrapper-one"> 488 489 <a href="agenda/speaker-list" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">2026 Speakers</a> 490 491 492 </div> 493 494 495 </li> 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 <li class="p-menu__item__submenu__item has-submenu" title=""> 512 513 <div class="p-menu__item__submenu__item__wrapper-one"> 514 515 <span class="p-menu__item__submenu__item__text u-font-one-weight-bold u-color-white" aria-expanded="false">Summits </span> 516 517 518 <div class="p-menu__item__submenu__item__submenu-toggle"> 519 <button class="p-menu__item__submenu__item__submenu-toggle__button u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 520 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 521 <span class="u-screen-reader-only">Show submenu for: </span> 522 </button> 523 </div> 524 525 </div> 526 527 <div class="p-menu__item__submenu__item__wrapper-two"> 528 529 530 531 532 <ul class="p-menu__item__submenu" style="display: none;"> 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 <li class="p-menu__item__submenu__item" title=""> 550 551 <div class="p-menu__item__submenu__item__wrapper-one"> 552
553 <a href="agenda/digital-infrastructure-investment-day" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Digital Infrastructure Investment day</a> 554 555 556 </div> 557 558 559 </li> 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 <li class="p-menu__item__submenu__item" title=""> 576 577 <div class="p-menu__item__submenu__item__wrapper-one"> 578 579 <a href="agenda/digital-infrastructure-energy-summit" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Digital Infrastructure Energy Summit</a> 580 581 582 </div> 583 584 585 </li> 586 587 588 </ul> 589 590 591 592 593 </div> 594 595 596 </li> 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 <li class="p-menu__item__submenu__item has-submenu" title=""> 613 614 <div class="p-menu__item__submenu__item__wrapper-one"> 615 616 <span class="p-menu__item__submenu__item__text u-font-one-weight-bold u-color-white" aria-expanded="false">Interactive Formats </span> 617 618 619 <div class="p-menu__item__submenu__item__submenu-toggle"> 620 <button class="p-menu__item__submenu__item__submenu-toggle__button u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 621 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 622 <span class="u-screen-reader-only">Show submenu for: </span> 623 </button> 624 </div> 625 626 </div> 627 628 <div class="p-menu__item__submenu__item__wrapper-two"> 629 630 631 632 633 <ul class="p-menu__item__submenu" style="display: none;"> 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 <li class="p-menu__item__submenu__item" title=""> 651 652 <div class="p-menu__item__submenu__item__wrapper-one"> 653 654 <a href="agenda/datacloud-meetups" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Datacloud Meetups</a> 655 656 657 </div> 658 659 660 </li> 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 <li class="p-menu__item__submenu__item" title=""> 677 678 <div class="p-menu__item__submenu__item__wrapper-one"> 679 680 <a href="agenda/regional-africa-workshops" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Regional Africa Workshops</a> 681 682 683 </div> 684 685 686 </li> 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 <li class="p-menu__item__submenu__item" title=""> 703 704 <div class="p-menu__item__submenu__item__wrapper-one"> 705 706 <a href="agenda/startup-skills-hub" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Startup and Skills Hub</a> 707 708 709 </div> 710 711 712 </li> 713 714 715 </ul> 716 717 718 719 720 </div> 721 722 723 </li> 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 <li class="p-menu__item__submenu__item" title="Advisory Board"> 740 741 <div class="p-menu__item__submenu__item__wrapper-one"> 742 743 <a href="agenda/advisory-board" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Advisory Board</a> 744 745 746 </div> 747 748 749 </li> 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 <li class="p-menu__item__submenu__item" title=""> 766 767 <div class="p-menu__item__submenu__item__wrapper-one"> 768 769 <a href="agenda/datacloud-series" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Other Datacloud Events</a> 770 771 772 </div> 773 774 775 </li> 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 <li class="p-menu__item__submenu__item" title=""> 792 793 <div class="p-menu__item__submenu__item__wrapper-one"> 794 795 <a href="agenda/datacloud-africa-itw-africa-colocation" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">ITW Africa</a> 796 797 798 </div> 799 800 801 </li> 802 803 804 </ul> 805 806 807 808 809 </div> 810 811 812 </li> 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 <li class="p-menu__item has-submenu" title=""> 829 830 <div class="p-menu__item__wrapper-one"> 831 832 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false">Attend</span> 833 834 835 <div class="p-menu__item__submenu-toggle"> 836 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 837 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 838 <span class="u-screen-reader-only">Show submenu for: </span> 839 </button> 840 </div> 841 842 </div> 843 844 <div class="p-menu__item__wrapper-two"> 845 846 847 848 849 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 <li class="p-menu__item__submenu__item" title=""> 867 868 <div class="p-menu__item__submenu__item__wrapper-one"> 869 870 <a href="attend" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Why Attend?</a> 871 872 873 </div> 874 875 876 </li> 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 <li class="p-menu__item__submenu__item" title=""> 893 894 <div class="p-menu__item__submenu__item__wrapper-one"> 895 896 <a href="attend/who-attends-dc-africa" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Who Attends?</a> 897 898 899 </div> 900 901 902 </li> 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 <li class="p-menu__item__submenu__item" title=""> 919 920 <div class="p-menu__item__submenu__item__wrapper-one"> 921 922 <a href="https://events.internationaltelecomsweek.com/event/39590eff-aabf-40c8-9194-9161189caff0/register?rp=bac0dd9b-3375-49d1-904a-52f24e9f25de" target="_blank" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Register to Attend</a> 923 924 925 </div> 926 927 928 </li> 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 <li class="p-menu__item__submenu__item" title=""> 945 946 <div class="p-menu__item__submenu__item__wrapper-one"> 947 948 <a href="attend/vip-pass" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">VIP Pass</a> 949 950 951 </div> 952 953 954 </li> 955 956 957 </ul> 958 959 960 961 962 </div> 963 964 965 </li> 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 <li class="p-menu__item has-submenu" title=""> 982 983 <div class="p-menu__item__wrapper-one"> 984 985 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false">Partner With Us</span> 986 987 988 <div class="p-menu__item__submenu-toggle"> 989 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 990 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 991 <span class="u-screen-reader-only">Show submenu for: </span> 992 </button> 993 </div> 994 995 </div> 996 997 <div class="p-menu__item__wrapper-two"> 998 999 1000 1001 1002 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 <li class="p-menu__item__submenu__item" title=""> 1020 1021 <div class="p-menu__item__submenu__item__wrapper-one"> 1022 1023 <a href="involved/sponsoring-datacloud-africa" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">
1023Sponsor or Exhibit</a> 1024 1025 1026 </div> 1027 1028 1029 </li> 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 <li class="p-menu__item__submenu__item" title="2026 Floorplan"> 1046 1047 <div class="p-menu__item__submenu__item__wrapper-one"> 1048 1049 <a href="involved/floorplan" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">2026 Floorplan</a> 1050 1051 1052 </div> 1053 1054 1055 </li> 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 <li class="p-menu__item__submenu__item" title=""> 1072 1073 <div class="p-menu__item__submenu__item__wrapper-one"> 1074 1075 <a href="involved/sponsor-list" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Meet our 2026 Sponsors</a> 1076 1077 1078 </div> 1079 1080 1081 </li> 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 <li class="p-menu__item__submenu__item" title="Meet our 2026 Exhibitors"> 1098 1099 <div class="p-menu__item__submenu__item__wrapper-one"> 1100 1101 <a href="involved/exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Meet our 2026 Exhibitors</a> 1102 1103 1104 </div> 1105 1106 1107 </li> 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 <li class="p-menu__item__submenu__item" title=""> 1124 1125 <div class="p-menu__item__submenu__item__wrapper-one"> 1126 1127 <a href="involved/media-partners" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Media Partners</a> 1128 1129 1130 </div> 1131 1132 1133 </li> 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 <li class="p-menu__item__submenu__item" title=""> 1150 1151 <div class="p-menu__item__submenu__item__wrapper-one"> 1152 1153 <a href="involved/tsf" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Télécoms Sans Frontiéres</a> 1154 1155 1156 </div> 1157 1158 1159 </li> 1160 1161 1162 </ul> 1163 1164 1165 1166 1167 </div> 1168 1169 1170 </li> 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 <li class="p-menu__item has-submenu" title=""> 1187 1188 <div class="p-menu__item__wrapper-one"> 1189 1190 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false">Event Resources</span> 1191 1192 1193 <div class="p-menu__item__submenu-toggle"> 1194 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1195 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 1196 <span class="u-screen-reader-only">Show submenu for: </span> 1197 </button> 1198 </div> 1199 1200 </div> 1201 1202 <div class="p-menu__item__wrapper-two"> 1203 1204 1205 1206 1207 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 <li class="p-menu__item__submenu__item" title=""> 1225 1226 <div class="p-menu__item__submenu__item__wrapper-one"> 1227 1228 <a href="venue-travel" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Venue and Travel</a> 1229 1230 1231 </div> 1232 1233 1234 </li> 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 <li class="p-menu__item__submenu__item" title=""> 1251 1252 <div class="p-menu__item__submenu__item__wrapper-one"> 1253 1254 <a href="venue-travel/contact" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Get in touch</a> 1255 1256 1257 </div> 1258 1259 1260 </li> 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 <li class="p-menu__item__submenu__item" title="Sustainability and Accessibility at Datacloud Africa"> 1277 1278 <div class="p-menu__item__submenu__item__wrapper-one"> 1279 1280 <a href="sustainability-accessibility" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Sustainability and Accessibility</a> 1281 1282 1283 </div> 1284 1285 1286 </li> 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 <li class="p-menu__item__submenu__item" title=""> 1303 1304 <div class="p-menu__item__submenu__item__wrapper-one"> 1305 1306 <a href="networking-app" target="_self" class="is-active p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Networking App</a> 1307 1308 1309 </div> 1310 1311 1312 </li> 1313 1314 1315 </ul> 1316 1317 1318 1319 1320 </div> 1321 1322 1323 </li> 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 <li class="p-menu__item has-submenu" title=""> 1340 1341 <div class="p-menu__item__wrapper-one"> 1342 1343 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false">Insights Hub</span> 1344 1345 1346 <div class="p-menu__item__submenu-toggle"> 1347 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1348 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 1349 <span class="u-screen-reader-only">Show submenu for: </span> 1350 </button> 1351 </div> 1352 1353 </div> 1354 1355 <div class="p-menu__item__wrapper-two"> 1356 1357 1358 1359 1360 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 <li class="p-menu__item__submenu__item" title=""> 1378 1379 <div class="p-menu__item__submenu__item__wrapper-one"> 1380 1381 <a href="news-dc-africa/share-news" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Share your news at Datacloud Africa</a> 1382 1383 1384 </div> 1385 1386 1387 </li> 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 <li class="p-menu__item__submenu__item" title=""> 1404 1405 <div class="p-menu__item__submenu__item__wrapper-one"> 1406 1407 <a href="news-dc-africa/book-tv-interview" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Book a TV Interview</a> 1408 1409 1410 </div> 1411 1412 1413 </li> 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 <li class="p-menu__item__submenu__item" title=""> 1430 1431 <div class="p-menu__item__submenu__item__wrapper-one"> 1432 1433 <a href="https://capacityglobal.com/?s=itw+africa" target="_blank" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">More news from Datacloud Africa</a> 1434 1435 1436 </div> 1437 1438 1439 </li> 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 <li class="p-menu__item__submenu__item has-submenu" title=""> 1456 1457 <div class="p-menu__item__submenu__item__wrapper-one"> 1458 1459 <span class="p-menu__item__submenu__item__text u-font-one-weight-bold u-color-white" aria-expanded="false">Research Reports</span> 1460 1461 1462 <div class="p-menu__item__submenu__item__submenu-toggle"> 1463 <button class="p-menu__item__submenu__item__submenu-toggle__button u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1464 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 1465 <span class="u-screen-reader-only">Show submenu for: </span> 1466 </button> 1467 </div> 1468 1469 </div> 1470 1471 <div class="p-menu__item__submenu__item__wrapper-two"> 1472 1473 1474 1475 1476 <ul class="p-menu__item__submenu" style="display: none;"> 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 <li class="p-menu__item__submenu__item" title=""> 1494 1495 <div class="p-menu__item__submenu__item__wrapper-one"> 1496 1497 <a href="news-dc-africa/research-report-designing-planning-data-centres-africa" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Designing & Planning Data Centers for Africa</a> 1498 1499 1500 </div> 1501 1502 1503 </li> 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 <li class="p-menu__item__submenu__item" title=""> 1520 1521 <div class="p-menu__item__submenu__item__wrapper-one"> 1522 1523 <a href="news-dc-africa/neoclouds-report" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Neclouds Research Report</a> 1524 1525 1526 </div> 1527 1528 1529 </li> 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 <li class="p-menu__item__submenu__item" title="Digital Infra Leaders Report 2026"> 1546 1547 <div class="p-menu__item__submenu__item__wrapper-one"> 1548 1549 <a href="digital-infra-leaders-report" target="_self" class="p-menu__item__submenu__item__link u-font-one-weight-bold u-color-white">Digital Infra Leaders Report 2026</a> 1550 1551 1552 </div> 1553 1554 1555 </li> 1556 1557 1558 </ul> 1559 1560 1561 1562 1563 </div> 1564 1565 1566 </li> 1567 1568 1569 </ul> 1570 1571 1572 1573 1574 </div> 1575 1576 1577 </li> 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 <li class="p-menu__item" title=""> 1594 1595 <div class="p-menu__item__wrapper-one"> 1596 1597 <a href="https://datacloudseries.com/" target="_blank" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large">Datacloud Series</a> 1598 1599 1600 </div> 1601 1602 1603 </li> 1604 1605 1606 <li class="p-menu__item p-menu__item--more has-submenu" style="display: none;"> 1607 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-font-two-size-x-large" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 1608 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button">
1609 <span class="p-menu__item__text">More</span> 1610 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 1611 <span class="u-screen-reader-only">Show more menu items</span> 1612 </button> 1613 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"></ul> 1614 </li> 1615 1616 </ul> 1617 1618
1618<script> 1619 function composerPatternMenuAccordion(params) { 1620 return { 1621 id: params.id, 1622 config: { 1623 classes: { 1624 mainMenuItem : 'p-menu__item', 1625 subMenuItemClass:'p-menu__item__submenu__item' 1626 } 1627 }, 1628 init() { 1629 this.setActiveMenuItem(); 1630 }, 1631 setActiveMenuItem() { 1632 var $activeMenuItem = $('.p-menu--accordion--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 1633 1634 this.toggleOnActiveStyling($activeMenuItem); 1635 }, 1636 showSubmenu($menuItem){ 1637 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 1638 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 1639 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 1640 1641 $menuItemSubMenu.slideDown(); 1642 $menuItem.addClass('has-submenu-open'); 1643 $menuItemTitle.attr('aria-expanded', 'true'); 1644 $menuItemToggle.attr('aria-expanded', 'true'); 1645 }, 1646 hideSubmenu($menuItem){ 1647 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 1648 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 1649 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 1650 1651 $menuItemSubMenu.slideUp(); 1652 1653 $menuItem.removeClass('has-submenu-open'); 1654 $menuItemTitle.attr('aria-expanded', 'false'); 1655 $menuItemToggle.attr('aria-expanded', 'false'); 1656 }, 1657 handleSubmenuToggleClick(e) { 1658 var $parentMenuItem; 1659 1660 if ($(e.currentTarget).hasClass('p-menu__item__submenu-toggle__button')) { 1661 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item'); 1662 } 1663 else { 1664 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item__submenu__item'); 1665 } 1666 1667 if ($parentMenuItem.hasClass('has-submenu-open')) { 1668 this.hideSubmenu($parentMenuItem); 1669 } 1670 else { 1671 this.showSubmenu($parentMenuItem); 1672 } 1673 }, 1674 handleMenuItemMouseEnter(e) { 1675 this.toggleOnHoverStyling($(e.currentTarget), "enter"); 1676 }, 1677 handleMenuItemMouseLeave(e) { 1678 this.toggleOnHoverStyling($(e.currentTarget), "leave"); 1679 }, 1680 toggleOnActiveStyling($menuItem) { 1681 1682 var $menuItemTitle; 1683 if ($menuItem.children().children().hasClass('is-active')) { 1684 if ($menuItem.hasClass('p-menu__item')) { 1685 $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1686 // Set the active color 1687 if (1 == 1) { 1688 var color = "white"; 1689 var onActiveColor = "one"; 1690 var onActiveColorCustom = ""; 1691 1692 // Apply new active color 1693 if (onActiveColorCustom) { 1694 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1695 $menuItemTitle.css("color", onActiveColorCustom); 1696 } else { 1697 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1698 $menuItemTitle.addClass('u-color-' + onActiveColor); 1699 } 1700 } 1701 if (1 == 2) { 1702 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1703 $menuItemTitle.addClass(fontFamily); 1704 } 1705 } else { 1706 $menuItemTitle = $menuItem.find('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1707 if (1 == 1) { 1708 var color = "white"; 1709 var onActiveColor = "one"; 1710 var onActiveColorCustom = ""; 1711 1712 // Apply new active color 1713 if (onActiveColorCustom) { 1714 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1715 $menuItemTitle.css("color", onActiveColorCustom); 1716 } else { 1717 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1718 $menuItemTitle.addClass('u-color-' + onActiveColor); 1719 } 1720 } 1721 if (1 == 2) { 1722 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1723 $menuItemTitle.addClass(fontFamily); 1724 } 1725 } 1726 } 1727 1728 }, 1729 toggleOnHoverStyling($menuItem, action){ 1730 1731 } 1732 }; 1733 } 1734 </script>
1734 1735 1736 1737 1738 1739 1740 </nav> 1741 1742 </div> 1743 1744 1745 <div class="s-header__mobile__open__wrapper-four"> 1746 <nav class="s-header__mobile__top-menu"> 1747 1748 <!--seed:D8345115C95CF5F0A289E941B6611384F6183874--> 1749 1750 1751 1752 <ul class="p-menu--quick-links p-menu--quick-links--id-4FF78 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '', colorType: 'class', id: '4FF78', onHover: false,})" id="4FF78"> 1753 1754 1755 1756 1757 <li class="p-menu__item" title="About" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1758 1759 <span class="p-menu__item__text u-color-white u-font-one-size-small u-font-one-size-small">About</span> 1760 1761 </li> 1762 1763 1764 1765 1766 <li class="p-menu__item p-menu__item--separator"> 1767 <i class="p-menu__item__separator u-color-one u-font-icons-size-small fal fa-slash-forward"> 1768 1769 </i> 1770 </li> 1771 1772 <li class="p-menu__item" title="Contact Us" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1773 1774 <span class="p-menu__item__text u-color-white u-font-one-size-small u-font-one-size-small">Contact Us</span> 1775 1776 </li> 1777 1778 1779 1780 </ul> 1781 1782
1782<script> 1783 function composerPatternMenuQuickLinks(params) { 1784 return { 1785 color: params.color, 1786 colorCustom: params.colorCustom, 1787 colorType: params.colorType, 1788 id: params.id, 1789 onHover: params.onHover, 1790 onHoverColor: params.onHoverColor, 1791 onHoverColorCustom: params.onHoverColorCustom, 1792 onHoverColorType: params.onHoverColorType, 1793 toggleOnHoverStyling($menuItem, action){ 1794 if (this.onHover) { 1795 console.log('this.onHover'); 1796 var $menuItemTitle = $menuItem.children(".p-menu__item__link"); 1797 1798 const toggleColor = () => { 1799 console.log('toggle color'); 1800 if (this.colorType == "class") { 1801 if (this.onHoverColorType == "class") { 1802 if (action == "enter") { 1803 $menuItemTitle.removeClass("u-color-" + this.color); 1804 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 1805 } 1806 else { 1807 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 1808 $menuItemTitle.addClass("u-color-" + this.color); 1809 } 1810 } 1811 else { 1812 if (action == "enter") { 1813 $menuItemTitle.removeClass("u-color-" + this.color); 1814 $menuItemTitle.css("color", this.onHoverColorCustom); 1815 } 1816 else { 1817 $menuItemTitle.addClass("u-color-" + this.color); 1818 $menuItemTitle.css("color", ""); 1819 } 1820 } 1821 } 1822 else { 1823 if (this.onHoverColorType == "class") { 1824 if (action == "enter") { 1825 $menuItemTitle.css("color", ""); 1826 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 1827 } 1828 else { 1829 $menuItemTitle.css("color", this.colorCustom); 1830 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 1831 } 1832 } 1833 else { 1834 if (action == "enter") { 1835 $menuItemTitle.css("color", this.onHoverColorCustom); 1836 } 1837 else { 1838 $menuItemTitle.css("color", this.colorCustom); 1839 } 1840 } 1841 } 1842 } 1843 1844 toggleColor(); 1845 } 1846 }, 1847 handleMenuItemMouseEnter(e) { 1848 this.toggleOnHoverStyling($(e.target), "enter"); 1849 }, 1850 handleMenuItemMouseLeave(e) { 1851 this.toggleOnHoverStyling($(e.target), "leave"); 1852 } 1853 }; 1854 } 1855 </script>
1855 1856 1857 1858 1859 1860 </nav> 1861 </div> 1862 1863 1864 <div class="s-header__mobile__open__wrapper-five"> 1865 <div class="s-header__mobile__social"> 1866 1867 1868 1869 <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center" aria-label="Social Media links"> 1870 <ul class="w-social-networks__items w-social-networks__items--align-center" role="list"> 1871 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.instagram.com/aspevents" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 1872 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/asp-events/" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 1873 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.twitter.com/aspevents" target="_blank" rel="noopener noreferrer" title="Twitter" aria-label="Twitter" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-twitter u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 1874 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.facebook.com/aspevents" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 1875 </ul> 1876</div> 1877 </div> 1878 </div> 1879 1880 </div> 1881 </div> 1882 1883
1883<script> 1884 function composerStructureHeaderMobile() { 1885 const openMobileMenu = document.querySelector('.s-header__mobile__open'); 1886 1887 return { 1888 anchorScrollBound: false, 1889 openMenu() { 1890 openMobileMenu.classList.add('is-open'); 1891 document.body.style.overflow = 'hidden'; 1892 }, 1893 closeMenu() { 1894 openMobileMenu.classList.remove('is-open'); 1895 document.body.style.overflow = ''; 1896 }, 1897 handleOnOpenClick(e){ 1898 this.openMenu(); 1899 }, 1900 handleOnCloseClick(e){ 1901 this.closeMenu(); 1902 }, 1903 handleOnWindowResize(){ 1904 if (window.matchMedia("(min-width: 1240px)").matches) { 1905 this.closeMenu(); 1906 } 1907 }, 1908 // Temporary fix for mobile menu anchors not closing the menu - CII-468 1909 handleAnchorScroll(){ 1910 if (this.anchorScrollBound) { 1911 return; 1912 } 1913 1914 this.anchorScrollBound = true; 1915 openMobileMenu.querySelectorAll('.p-menu__item__submenu__item__link[href*="#"]').forEach(link => { 1916 link.addEventListener('click', () => { 1917 this.closeMenu(); 1918 }); 1919 }); 1920 } 1921 }; 1922 } 1923 </script>
1923 1924 1925 1926 </div> 1927 1928 1929 1930 1931 1932 <div class="s-header__default s-header__default--style-5 s-header__default--id-51697" data-panel-id="51697"> 1933 <div class="s-header__default__container u-layout-container-full-viewport"> 1934 <div class="s-header__default__container__inner"> 1935 1936 <div class="s-header__default__background"> 1937 1938 <div class="s-header__default__background__color u-background-color-four"></div> 1939 1940 1941 </div> 1942 1943 <div class="s-header__default__container__inner__container u-layout-container-full-viewport"> 1944 <div class="s-header__default__wrapper-one"> 1945 <div class="s-header__default__wrapper-one__container u-layout-container-full-width"> 1946 1947 <div class="s-header__default__wrapper-one__wrapper-two"> 1948 1949 1950 </div> 1951 </div> 1952 </div> 1953 <div class="s-header__default__wrapper-two"> 1954 <div class="s-header__default__wrapper-two__container u-layout-container-full-width"> 1955 <div class="s-header__default__wrapper-two__wrapper-one"> 1956 1957 <div class="s-header__default__logo"> 1958 1959 1960 1961 <div class="w-image w-image--id-uid_59AB1 w-image--style-1 w-image--style-1--align-left"> 1962 <div class="w-image__container" style="width: 220px;"> 1963 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="220" alt="Logo for Datacloud Africa, featuring a circular icon made of varying-sized white dots next to a vertical line and the brand name in bold, sans-serif typography." src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Datacloud-Africa_Logo_white.png/fit-in/220x440/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Datacloud-Africa_Logo_white.png/fit-in/440x880/filters:no_upscale() 2x" /> </a> 1964 </div> 1965</div> 1966 </div> 1967 1968 1969 <div class="s-header__default__dates u-color-white u-font-one u-font-one-size-x-small"> 1970 1971 1972 1973 <p style="text-align: center;">6 - 9 September, 2027<br /> 1974<strong>Radisson Blu, Upper Hill, Nairobi, Kenya</strong></p> 1975 1976 </div> 1977 1978 </div> 1979 <div class="s-header__default__wrapper-two__wrapper-two"> 1980 1981 1982 <nav class="s-header__default__navigation" role="navigation" aria-label="Main Menu"> 1983 1984 <!--seed:ADB63522B5F8DA6083EEF1A8509BDA8D2E758103--> 1985 1986 1987 1988 <ul class="p-menu--dropdown p-menu--dropdown--id-65695 is-loading" x-data="composerPatternMenuDropdown({id: '65695'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="65695"> 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2006 2007 2008 2009 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 2010 What's On 2011 </span> 2012 2013 2014 2015 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2016 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2017 <span class="u-screen-reader-only">Show submenu for: What's On</span> 2018 </button> 2019 2020 2021 2022 2023 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 <li class="p-menu__item__submenu__item" title="2026 Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2041 2042 2043 2044 <a href="agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2045 2026 Agenda 2046 </a> 2047 2048 2049 2050 2051 </li> 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 <li class="p-menu__item__submenu__item" title="2026 Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2068 2069 2070 2071 <a href="agenda/speaker-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2072 2026 Speakers 2073 </a> 2074 2075 2076 2077 2078 </li> 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2095 2096 2097
2098 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-black"> 2099 Summits 2100 </span> 2101 2102 2103 2104 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-black" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2105 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2106 <span class="u-screen-reader-only">Show submenu for: Summits </span> 2107 </button> 2108 2109 2110 2111 2112 <ul class="p-menu__item__submenu"> 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2130 2131 2132 2133 <a href="agenda/digital-infrastructure-investment-day" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2134 Digital Infrastructure Investment day 2135 </a> 2136 2137 2138 2139 2140 </li> 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2157 2158 2159 2160 <a href="agenda/digital-infrastructure-energy-summit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2161 Digital Infrastructure Energy Summit 2162 </a> 2163 2164 2165 2166 2167 </li> 2168 2169 2170 </ul> 2171 2172 2173 2174 2175 2176 2177 </li> 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2194 2195 2196 2197 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-black"> 2198 Interactive Formats 2199 </span> 2200 2201 2202 2203 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-black" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2204 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2205 <span class="u-screen-reader-only">Show submenu for: Interactive Formats </span> 2206 </button> 2207 2208 2209 2210 2211 <ul class="p-menu__item__submenu"> 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2229 2230 2231 2232 <a href="agenda/datacloud-meetups" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2233 Datacloud Meetups 2234 </a> 2235 2236 2237 2238 2239 </li> 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2256 2257 2258 2259 <a href="agenda/regional-africa-workshops" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2260 Regional Africa Workshops 2261 </a> 2262 2263 2264 2265 2266 </li> 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2283 2284 2285 2286 <a href="agenda/startup-skills-hub" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black">
2287 Startup and Skills Hub 2288 </a> 2289 2290 2291 2292 2293 </li> 2294 2295 2296 </ul> 2297 2298 2299 2300 2301 2302 2303 </li> 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 <li class="p-menu__item__submenu__item" title="Advisory Board" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2320 2321 2322 2323 <a href="agenda/advisory-board" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2324 Advisory Board 2325 </a> 2326 2327 2328 2329 2330 </li> 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2347 2348 2349 2350 <a href="agenda/datacloud-series" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2351 Other Datacloud Events 2352 </a> 2353 2354 2355 2356 2357 </li> 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2374 2375 2376 2377 <a href="agenda/datacloud-africa-itw-africa-colocation" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2378 ITW Africa 2379 </a> 2380 2381 2382 2383 2384 </li> 2385 2386 2387 </ul> 2388 2389 2390 2391 2392 2393 2394 </li> 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2411 2412 2413 2414 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 2415 Attend 2416 </span> 2417 2418 2419 2420 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2421 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2422 <span class="u-screen-reader-only">Show submenu for: Attend</span> 2423 </button> 2424 2425 2426 2427 2428 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2446 2447 2448 2449 <a href="attend" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2450 Why Attend? 2451 </a> 2452 2453 2454 2455 2456 </li> 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2473 2474 2475 2476 <a href="attend/who-attends-dc-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2477 Who Attends? 2478 </a> 2479 2480 2481 2482 2483 </li> 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2500 2501 2502 2503 <a href="https://events.internationaltelecomsweek.com/event/39590eff-aabf-40c8-9194-9161189caff0/register?rp=bac0dd9b-3375-49d1-904a-52f24e9f25de" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2504 Register to Attend 2505 </a> 2506 2507 2508 2509 2510 </li> 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2527 2528 2529 2530 <a href="attend/vip-pass" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2531 VIP Pass 2532 </a> 2533 2534 2535 2536 2537 </li> 2538 2539 2540 </ul> 2541 2542 2543 2544 2545 2546 2547 </li> 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2564 2565 2566
2567 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 2568 Partner With Us 2569 </span> 2570 2571 2572 2573 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2574 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2575 <span class="u-screen-reader-only">Show submenu for: Partner With Us</span> 2576 </button> 2577 2578 2579 2580 2581 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2599 2600 2601 2602 <a href="involved/sponsoring-datacloud-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2603 Sponsor or Exhibit 2604 </a> 2605 2606 2607 2608 2609 </li> 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 <li class="p-menu__item__submenu__item" title="2026 Floorplan" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2626 2627 2628 2629 <a href="involved/floorplan" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2630 2026 Floorplan 2631 </a> 2632 2633 2634 2635 2636 </li> 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2653 2654 2655 2656 <a href="involved/sponsor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2657 Meet our 2026 Sponsors 2658 </a> 2659 2660 2661 2662 2663 </li> 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 <li class="p-menu__item__submenu__item" title="Meet our 2026 Exhibitors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2680 2681 2682 2683 <a href="involved/exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2684 Meet our 2026 Exhibitors 2685 </a> 2686 2687 2688 2689 2690 </li> 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2707 2708 2709 2710 <a href="involved/media-partners" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2711 Media Partners 2712 </a> 2713 2714 2715 2716 2717 </li> 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2734 2735 2736 2737 <a href="involved/tsf" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2738 Télécoms Sans Frontiéres 2739 </a> 2740 2741 2742 2743 2744 </li> 2745 2746 2747 </ul> 2748 2749 2750 2751 2752 2753 2754 </li> 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2771 2772 2773
2774 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 2775 Event Resources 2776 </span> 2777 2778 2779 2780 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2781 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2782 <span class="u-screen-reader-only">Show submenu for: Event Resources</span> 2783 </button> 2784 2785 2786 2787 2788 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2806 2807 2808 2809 <a href="venue-travel" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2810 Venue and Travel 2811 </a> 2812 2813 2814 2815 2816 </li> 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2833 2834 2835 2836 <a href="venue-travel/contact" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2837 Get in touch 2838 </a> 2839 2840 2841 2842 2843 </li> 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 <li class="p-menu__item__submenu__item" title="Sustainability and Accessibility at Datacloud Africa" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2860 2861 2862 2863 <a href="sustainability-accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2864 Sustainability and Accessibility 2865 </a> 2866 2867 2868 2869 2870 </li> 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2887 2888 2889 2890 <a href="networking-app" target="_self" class="is-active p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2891 Networking App 2892 </a> 2893 2894 2895 2896 2897 </li> 2898 2899 2900 </ul> 2901 2902 2903 2904 2905 2906 2907 </li> 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2924 2925 2926
2927 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 2928 Insights Hub 2929 </span> 2930 2931 2932 2933 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2934 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2935 <span class="u-screen-reader-only">Show submenu for: Insights Hub</span> 2936 </button> 2937 2938 2939 2940 2941 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2959 2960 2961 2962 <a href="news-dc-africa/share-news" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2963 Share your news at Datacloud Africa 2964 </a> 2965 2966 2967 2968 2969 </li> 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2986 2987 2988 2989 <a href="news-dc-africa/book-tv-interview" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 2990 Book a TV Interview 2991 </a> 2992 2993 2994 2995 2996 </li> 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3013 3014 3015 3016 <a href="https://capacityglobal.com/?s=itw+africa" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 3017 More news from Datacloud Africa 3018 </a> 3019 3020 3021 3022 3023 </li> 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3040 3041 3042 3043 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-black"> 3044 Research Reports 3045 </span> 3046 3047 3048 3049 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-black" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 3050 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i>
3051 <span class="u-screen-reader-only">Show submenu for: Research Reports</span> 3052 </button> 3053 3054 3055 3056 3057 <ul class="p-menu__item__submenu"> 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3075 3076 3077 3078 <a href="news-dc-africa/research-report-designing-planning-data-centres-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 3079 Designing & Planning Data Centers for Africa 3080 </a> 3081 3082 3083 3084 3085 </li> 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3102 3103 3104 3105 <a href="news-dc-africa/neoclouds-report" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 3106 Neclouds Research Report 3107 </a> 3108 3109 3110 3111 3112 </li> 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 <li class="p-menu__item__submenu__item" title="Digital Infra Leaders Report 2026" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3129 3130 3131 3132 <a href="digital-infra-leaders-report" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black"> 3133 Digital Infra Leaders Report 2026 3134 </a> 3135 3136 3137 3138 3139 </li> 3140 3141 3142 </ul> 3143 3144 3145 3146 3147 3148 3149 </li> 3150 3151 3152 </ul> 3153 3154 3155 3156 3157 3158 3159 </li> 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3176 3177 3178 3179 <a href="https://datacloudseries.com/" target="_blank" class="p-menu__item__link u-font-one-weight-bold u-color-white"> 3180 Datacloud Series 3181 </a> 3182 3183 3184 3185 3186 </li> 3187 3188 3189 <li class="p-menu__item p-menu__item--more has-submenu" title="Datacloud Series" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3190 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 3191 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button"> 3192 <span class="p-menu__item__text">More</span> 3193 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i>
3194 <span class="u-screen-reader-only">Show more menu items</span> 3195 </button> 3196 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 3197 </li> 3198 3199 </ul> 3200 3201
3201<script> 3202 function composerPatternMenuDropdown(params) { 3203 return { 3204 id: params.id, 3205 config: { 3206 classes: { 3207 mainMenuItem : 'p-menu__item', 3208 mainMenuItemLink: 'p-menu__item__link u-font-one-weight-bold u-color-white', 3209 mainMenuItemText: 'p-menu__item__text u-font-one-weight-bold u-color-white', 3210 mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white', 3211 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 3212 mainMenuItemCustomStyles: '', 3213 subMenuItemClass:'p-menu__item__submenu__item', 3214 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-black', 3215 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-black', 3216 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-black', 3217 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 3218 subMenuItemCustomStyles:'' 3219 } 3220 }, 3221 init() { 3222 this.fitMenu(); 3223 this.setActiveMenuItem(); 3224 }, 3225 setActiveMenuItem() { 3226 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 3227 this.toggleOnActiveStyling($activeMenuItem); 3228 }, 3229 fitMenu() { 3230 var menu = $('.p-menu--dropdown--id-' + this.id); 3231 3232 menu.addClass('is-loading'); 3233 3234 if (menu.is(':visible')) { 3235 var menuItemsWidth = 0; 3236 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 3237 3238 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 3239 menuItemsWidth += $(this).outerWidth( true ); 3240 });
3241 3242 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 3243 3244 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 3245 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 3246 3247 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 3248 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 3249 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 3250 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 3251 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 3252 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 3253 3254 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 3255 3256 lastParentMenuItemSubmenus.each(function() { 3257 var currentClasses = $(this).attr('class'); 3258 3259 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 3260 3261 if (currentLevelMatch) { 3262 var currentLevel = parseInt(currentLevelMatch[1]); 3263 var newLevel = currentLevel + 1; 3264 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 3265 3266 newClasses += ' p-menu__item__submenu--level-' + newLevel; 3267 3268 $(this).attr('class', newClasses); 3269 } 3270 }); 3271 3272 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 3273 3274 this.fitMenu(); 3275 } else { 3276 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 3277 3278 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 3279 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 3280 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 3281 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 3282 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 3283 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 3284 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 3285 3286 this.fitMenu(); 3287 } 3288 } 3289 3290 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 3291 menu.find('.p-menu__item--more').show(); 3292 } else { 3293 menu.find('.p-menu__item--more').hide(); 3294 } 3295 3296 this.setActiveMenuItem(); 3297 3298 menu.removeClass('is-loading'); 3299 } 3300 }, 3301 showSubmenu($menuItem){ 3302 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 3303 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 3304 3305 $menuItem.addClass('has-submenu-open'); 3306 $menuItemTitle.attr('aria-expanded', 'true'); 3307 $menuItemToggle.attr('aria-expanded', 'true'); 3308 }, 3309 hideSubmenu($menuItem){ 3310 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 3311 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 3312 3313 $menuItem.removeClass('has-submenu-open'); 3314 $menuItemTitle.attr('aria-expanded', 'false'); 3315 $menuItemToggle.attr('aria-expanded', 'false'); 3316 }, 3317 toggleOnActiveStyling($menuItem){ 3318 var $menuItemTitle; 3319 if ($menuItem.children().hasClass('is-active')) { 3320 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 3321 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 3322 // Set the active color 3323 if (1 == 1) { 3324 var color = "white"; 3325 var onActiveColor = "one"; 3326 var onActiveColorCustom = ""; 3327 3328 // Apply new active color 3329 if (onActiveColorCustom) { 3330 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 3331 $menuItemTitle.css("color", onActiveColorCustom); 3332 } else { 3333 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 3334 $menuItemTitle.addClass('u-color-' + onActiveColor); 3335 } 3336 } 3337 if (1 == 2) { 3338 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 3339 $menuItemTitle.addClass(fontFamily); 3340 } 3341 } else { 3342 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 3343 if (1 == 1) { 3344 var color = "black"; 3345 var onActiveColor = "four"; 3346 var onActiveColorCustom = ""; 3347 3348 // Apply new active color 3349 if (onActiveColorCustom) { 3350 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 3351 $menuItemTitle.css("color", onActiveColorCustom); 3352 } else { 3353 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 3354 $menuItemTitle.addClass('u-color-' + onActiveColor); 3355 } 3356 } 3357 if (1 == 2) { 3358 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 3359 $menuItemTitle.addClass(fontFamily); 3360 } 3361 } 3362 } 3363 }, 3364 toggleOnHoverStyling($menuItem, action){ 3365 var $menuItemTitle; 3366 3367 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 3368 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 3369 3370 if (!$menuItemTitle.hasClass('is-active')){ 3371 if (1 == 1) { 3372 toggleColor("main"); 3373 } 3374 } 3375 } 3376 else { 3377 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 3378 3379 if (!$menuItemTitle.hasClass('is-active')){ 3380 if (1 == 1) { 3381 toggleColor("sub"); 3382 } 3383 } 3384 } 3385 3386 function toggleColor(level) { 3387 var color = level == "main" ? "white" : "black"; 3388 var colorType = color == "custom" ? "style" : "class"; 3389 var colorCustom = level == "main" ? "" : "#767676"; 3390 var onHoverColor = level == "main" ? "one" : "four"; 3391 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 3392 var onHoverColorCustom = level == "main" ? "" : ""; 3393 3394 if (colorType == "class") {
3395 if (onHoverColorType == "class") { 3396 if (action == "enter") { 3397 $menuItemTitle.removeClass('u-color-' + color); 3398 $menuItemTitle.addClass('u-color-' + onHoverColor); 3399 } 3400 else { 3401 $menuItemTitle.removeClass('u-color-' + onHoverColor); 3402 $menuItemTitle.addClass('u-color-' + color); 3403 } 3404 } 3405 else { 3406 if (action == "enter") { 3407 $menuItemTitle.removeClass('u-color-' + color); 3408 $menuItemTitle.css("color", onHoverColorCustom); 3409 } 3410 else { 3411 $menuItemTitle.addClass('u-color-' + color); 3412 $menuItemTitle.css("color", ""); 3413 } 3414 } 3415 } 3416 else { 3417 if (onHoverColorType == "class") { 3418 if (action == "enter") { 3419 $menuItemTitle.css("color", ""); 3420 $menuItemTitle.addClass('u-color-' + onHoverColor); 3421 } 3422 else { 3423 $menuItemTitle.css("color", colorCustom); 3424 $menuItemTitle.removeClass('u-color-' + onHoverColor); 3425 } 3426 } 3427 else { 3428 if (action == "enter") { 3429 $menuItemTitle.css("color", onHoverColorCustom); 3430 } 3431 else { 3432 $menuItemTitle.css("color", colorCustom); 3433 } 3434 } 3435 } 3436 } 3437 }, 3438 handleMenuItemMouseEnter(e) { 3439 this.showSubmenu($(e.target)); 3440 this.toggleOnHoverStyling($(e.target), "enter"); 3441 }, 3442 handleMenuItemMouseLeave(e) { 3443 this.hideSubmenu($(e.target)); 3444 this.toggleOnHoverStyling($(e.target), "leave"); 3445 }, 3446 handleSubmenuToggleClick(e) { 3447 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 3448 3449 if ($parentMenuItem.hasClass('has-submenu-open')) { 3450 this.hideSubmenu($parentMenuItem); 3451 } 3452 else { 3453 this.showSubmenu($parentMenuItem); 3454 } 3455 } 3456 }; 3457 } 3458 </script>
3458 3459 3460 3461 3462 3463 3464 </nav> 3465 3466 </div> 3467 <div class="s-header__default__wrapper-two__wrapper-three"> 3468 3469 <div class="s-header__default__search" role="search"> 3470 3471 3472 3473 <div class="w-search w-search--id-uid_73440 w-search--style-1 w-search--style-1--align-left" x-data="composerWidgetSearch"> 3474 <button class="w-search__button u-background-color-one u-border-solid-1 u-border-color-muted u-color-text u-border-radius-shape-circle" title="Search" x-on:click="handleOnButtonClick" role="button" aria-label="Search button"> <i class="w-search__button__icon fal fa-magnifying-glass u-font-icons-size-normal"></i> </button> 3475
3475<script> 3476 function composerWidgetSearch(params) { 3477 return { 3478 handleOnButtonClick() { 3479 Alpine.store('search').showSearch(); 3480 } 3481 } 3482 } 3483 </script>
3483 3484</div> 3485 </div> 3486 3487 3488 3489 <div class="s-header__default__call-to-actions"> 3490 3491 3492 3493 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-right"> 3494 <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> 3495 <a class="w-button__button " role="button" aria-label="Enquire for 2027" href="venue-travel/contact" target="_blank" rel="noopener noreferrer"><span class="w-button__button__text">Enquire for 2027</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 3496 </div> 3497</div> 3498 </div> 3499 3500 </div> 3501 </div> 3502 </div> 3503 </div> 3504 </div> 3505 </div> 3506 </div> 3507 3508 3509 <template x-if="isHeaderDefaultStickyVisible"> 3510 3511 3512 3513 3514 <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-51697" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }" data-panel-id="51697"> 3515 <div class="s-header__default__container u-layout-container-full-viewport"> 3516 <div class="s-header__default__container__inner u-border-bottom-solid-1 u-border-bottom-color-two"> 3517 3518 <div class="s-header__sticky__background"> 3519 3520 <div class="s-header__sticky__background__color u-background-color-four"></div> 3521 3522 3523 </div> 3524 3525 <div class="s-header__sticky__wrapper-one"> 3526 <div class="s-header__sticky__wrapper-one__container u-layout-container-full-width"> 3527 <div class="s-header__sticky__wrapper-one__wrapper-one"> 3528 3529 <div class="s-header__sticky__logo"> 3530 3531 3532 3533 <div class="w-image w-image--id-uid_72FB7 w-image--style-1 w-image--style-1--align-left"> 3534 <div class="w-image__container" style="width: 220px;"> 3535 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="220" alt="Logo for Datacloud Africa, featuring a circular icon made of varying-sized white dots next to a vertical line and the brand name in bold, sans-serif typography." src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Datacloud-Africa_Logo_white.png/fit-in/220x440/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/Datacloud-Africa_Logo_white.png/fit-in/440x880/filters:no_upscale() 2x" /> </a> 3536 </div> 3537</div> 3538 </div> 3539 3540 3541 </div> 3542 3543 3544 <div class="s-header__sticky__wrapper-one__wrapper-two"> 3545 <nav class="s-header__sticky__navigation" aria-label="Main Menu"> 3546 3547 3548 3549 3550 <!--seed:6C083CE59064205E2DB5CCBE137F4A3A1767CE3B--> 3551 3552 3553 3554 <ul class="p-menu--dropdown p-menu--dropdown--id-FE5AD is-loading" x-data="composerPatternMenuDropdown({id: 'FE5AD'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="FE5AD"> 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3572 3573 3574 3575 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 3576 What's On 3577 </span> 3578 3579 3580 3581 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 3582 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 3583 <span class="u-screen-reader-only">Show submenu for: What's On</span> 3584 </button> 3585 3586 3587 3588 3589 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 <li class="p-menu__item__submenu__item" title="2026 Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3607 3608 3609 3610 <a href="agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3611 2026 Agenda 3612 </a> 3613 3614 3615 3616 3617 </li> 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 <li class="p-menu__item__submenu__item" title="2026 Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3634 3635 3636 3637 <a href="agenda/speaker-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3638 2026 Speakers 3639 </a> 3640 3641 3642 3643 3644 </li> 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3661 3662 3663
3664 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text"> 3665 Summits 3666 </span> 3667 3668 3669 3670 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 3671 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 3672 <span class="u-screen-reader-only">Show submenu for: Summits </span> 3673 </button> 3674 3675 3676 3677 3678 <ul class="p-menu__item__submenu"> 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3696 3697 3698 3699 <a href="agenda/digital-infrastructure-investment-day" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3700 Digital Infrastructure Investment day 3701 </a> 3702 3703 3704 3705 3706 </li> 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3723 3724 3725 3726 <a href="agenda/digital-infrastructure-energy-summit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3727 Digital Infrastructure Energy Summit 3728 </a> 3729 3730 3731 3732 3733 </li> 3734 3735 3736 </ul> 3737 3738 3739 3740 3741 3742 3743 </li> 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3760 3761 3762 3763 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text"> 3764 Interactive Formats 3765 </span> 3766 3767 3768 3769 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 3770 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 3771 <span class="u-screen-reader-only">Show submenu for: Interactive Formats </span> 3772 </button> 3773 3774 3775 3776 3777 <ul class="p-menu__item__submenu"> 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3795 3796 3797 3798 <a href="agenda/datacloud-meetups" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3799 Datacloud Meetups 3800 </a> 3801 3802 3803 3804 3805 </li> 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3822 3823 3824 3825 <a href="agenda/regional-africa-workshops" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3826 Regional Africa Workshops 3827 </a> 3828 3829 3830 3831 3832 </li> 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3849 3850 3851 3852 <a href="agenda/startup-skills-hub" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text">
3853 Startup and Skills Hub 3854 </a> 3855 3856 3857 3858 3859 </li> 3860 3861 3862 </ul> 3863 3864 3865 3866 3867 3868 3869 </li> 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 <li class="p-menu__item__submenu__item" title="Advisory Board" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3886 3887 3888 3889 <a href="agenda/advisory-board" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3890 Advisory Board 3891 </a> 3892 3893 3894 3895 3896 </li> 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3913 3914 3915 3916 <a href="agenda/datacloud-series" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3917 Other Datacloud Events 3918 </a> 3919 3920 3921 3922 3923 </li> 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3940 3941 3942 3943 <a href="agenda/datacloud-africa-itw-africa-colocation" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 3944 ITW Africa 3945 </a> 3946 3947 3948 3949 3950 </li> 3951 3952 3953 </ul> 3954 3955 3956 3957 3958 3959 3960 </li> 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3977 3978 3979 3980 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 3981 Attend 3982 </span> 3983 3984 3985 3986 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 3987 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 3988 <span class="u-screen-reader-only">Show submenu for: Attend</span> 3989 </button> 3990 3991 3992 3993 3994 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4012 4013 4014 4015 <a href="attend" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4016 Why Attend? 4017 </a> 4018 4019 4020 4021 4022 </li> 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4039 4040 4041 4042 <a href="attend/who-attends-dc-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4043 Who Attends? 4044 </a> 4045 4046 4047 4048 4049 </li> 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4066 4067 4068 4069 <a href="https://events.internationaltelecomsweek.com/event/39590eff-aabf-40c8-9194-9161189caff0/register?rp=bac0dd9b-3375-49d1-904a-52f24e9f25de" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4070 Register to Attend 4071 </a> 4072 4073 4074 4075 4076 </li> 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4093 4094 4095 4096 <a href="attend/vip-pass" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4097 VIP Pass 4098 </a> 4099 4100 4101 4102 4103 </li> 4104 4105 4106 </ul> 4107 4108 4109 4110 4111 4112 4113 </li> 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4130 4131 4132
4133 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 4134 Partner With Us 4135 </span> 4136 4137 4138 4139 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 4140 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 4141 <span class="u-screen-reader-only">Show submenu for: Partner With Us</span> 4142 </button> 4143 4144 4145 4146 4147 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 4161 4162 4163 4164 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4165 4166 4167 4168 <a href="involved/sponsoring-datacloud-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4169 Sponsor or Exhibit 4170 </a> 4171 4172 4173 4174 4175 </li> 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 <li class="p-menu__item__submenu__item" title="2026 Floorplan" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4192 4193 4194 4195 <a href="involved/floorplan" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4196 2026 Floorplan 4197 </a> 4198 4199 4200 4201 4202 </li> 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4219 4220 4221 4222 <a href="involved/sponsor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4223 Meet our 2026 Sponsors 4224 </a> 4225 4226 4227 4228 4229 </li> 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 <li class="p-menu__item__submenu__item" title="Meet our 2026 Exhibitors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4246 4247 4248 4249 <a href="involved/exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4250 Meet our 2026 Exhibitors 4251 </a> 4252 4253 4254 4255 4256 </li> 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4273 4274 4275 4276 <a href="involved/media-partners" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4277 Media Partners 4278 </a> 4279 4280 4281 4282 4283 </li> 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4300 4301 4302 4303 <a href="involved/tsf" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4304 Télécoms Sans Frontiéres 4305 </a> 4306 4307 4308 4309 4310 </li> 4311 4312 4313 </ul> 4314 4315 4316 4317 4318 4319 4320 </li> 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4337 4338 4339
4340 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 4341 Event Resources 4342 </span> 4343 4344 4345 4346 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 4347 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 4348 <span class="u-screen-reader-only">Show submenu for: Event Resources</span> 4349 </button> 4350 4351 4352 4353 4354 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4372 4373 4374 4375 <a href="venue-travel" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4376 Venue and Travel 4377 </a> 4378 4379 4380 4381 4382 </li> 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4399 4400 4401 4402 <a href="venue-travel/contact" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4403 Get in touch 4404 </a> 4405 4406 4407 4408 4409 </li> 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 <li class="p-menu__item__submenu__item" title="Sustainability and Accessibility at Datacloud Africa" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4426 4427 4428 4429 <a href="sustainability-accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4430 Sustainability and Accessibility 4431 </a> 4432 4433 4434 4435 4436 </li> 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4453 4454 4455 4456 <a href="networking-app" target="_self" class="is-active p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4457 Networking App 4458 </a> 4459 4460 4461 4462 4463 </li> 4464 4465 4466 </ul> 4467 4468 4469 4470 4471 4472 4473 </li> 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4490 4491 4492
4493 <span class="p-menu__item__text u-font-one-weight-bold u-color-white"> 4494 Insights Hub 4495 </span> 4496 4497 4498 4499 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 4500 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 4501 <span class="u-screen-reader-only">Show submenu for: Insights Hub</span> 4502 </button> 4503 4504 4505 4506 4507 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4525 4526 4527 4528 <a href="news-dc-africa/share-news" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4529 Share your news at Datacloud Africa 4530 </a> 4531 4532 4533 4534 4535 </li> 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4552 4553 4554 4555 <a href="news-dc-africa/book-tv-interview" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4556 Book a TV Interview 4557 </a> 4558 4559 4560 4561 4562 </li> 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4579 4580 4581 4582 <a href="https://capacityglobal.com/?s=itw+africa" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4583 More news from Datacloud Africa 4584 </a> 4585 4586 4587 4588 4589 </li> 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4606 4607 4608 4609 <span class="p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text"> 4610 Research Reports 4611 </span> 4612 4613 4614 4615 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 4616 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i>
4617 <span class="u-screen-reader-only">Show submenu for: Research Reports</span> 4618 </button> 4619 4620 4621 4622 4623 <ul class="p-menu__item__submenu"> 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4641 4642 4643 4644 <a href="news-dc-africa/research-report-designing-planning-data-centres-africa" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4645 Designing & Planning Data Centers for Africa 4646 </a> 4647 4648 4649 4650 4651 </li> 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4668 4669 4670 4671 <a href="news-dc-africa/neoclouds-report" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4672 Neclouds Research Report 4673 </a> 4674 4675 4676 4677 4678 </li> 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 <li class="p-menu__item__submenu__item" title="Digital Infra Leaders Report 2026" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4695 4696 4697 4698 <a href="digital-infra-leaders-report" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text"> 4699 Digital Infra Leaders Report 2026 4700 </a> 4701 4702 4703 4704 4705 </li> 4706 4707 4708 </ul> 4709 4710 4711 4712 4713 4714 4715 </li> 4716 4717 4718 </ul> 4719 4720 4721 4722 4723 4724 4725 </li> 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4742 4743 4744 4745 <a href="https://datacloudseries.com/" target="_blank" class="p-menu__item__link u-font-one-weight-bold u-color-white"> 4746 Datacloud Series 4747 </a> 4748 4749 4750 4751 4752 </li> 4753 4754 4755 <li class="p-menu__item p-menu__item--more has-submenu" title="Datacloud Series" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 4756 <button class="p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 4757 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button"> 4758 <span class="p-menu__item__text">More</span> 4759 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i>
4760 <span class="u-screen-reader-only">Show more menu items</span> 4761 </button> 4762 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 4763 </li> 4764 4765 </ul> 4766 4767
4767<script> 4768 function composerPatternMenuDropdown(params) { 4769 return { 4770 id: params.id, 4771 config: { 4772 classes: { 4773 mainMenuItem : 'p-menu__item', 4774 mainMenuItemLink: 'p-menu__item__link u-font-one-weight-bold u-color-white', 4775 mainMenuItemText: 'p-menu__item__text u-font-one-weight-bold u-color-white', 4776 mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-one-weight-bold u-color-white', 4777 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 4778 mainMenuItemCustomStyles: '', 4779 subMenuItemClass:'p-menu__item__submenu__item', 4780 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text', 4781 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text', 4782 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text', 4783 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 4784 subMenuItemCustomStyles:'' 4785 } 4786 }, 4787 init() { 4788 this.fitMenu(); 4789 this.setActiveMenuItem(); 4790 }, 4791 setActiveMenuItem() { 4792 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 4793 this.toggleOnActiveStyling($activeMenuItem); 4794 }, 4795 fitMenu() { 4796 var menu = $('.p-menu--dropdown--id-' + this.id); 4797 4798 menu.addClass('is-loading'); 4799 4800 if (menu.is(':visible')) { 4801 var menuItemsWidth = 0; 4802 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 4803 4804 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 4805 menuItemsWidth += $(this).outerWidth( true ); 4806 });
4807 4808 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 4809 4810 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 4811 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 4812 4813 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 4814 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 4815 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 4816 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 4817 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 4818 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 4819 4820 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 4821 4822 lastParentMenuItemSubmenus.each(function() { 4823 var currentClasses = $(this).attr('class'); 4824 4825 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 4826 4827 if (currentLevelMatch) { 4828 var currentLevel = parseInt(currentLevelMatch[1]); 4829 var newLevel = currentLevel + 1; 4830 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 4831 4832 newClasses += ' p-menu__item__submenu--level-' + newLevel; 4833 4834 $(this).attr('class', newClasses); 4835 } 4836 }); 4837 4838 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 4839 4840 this.fitMenu(); 4841 } else { 4842 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 4843 4844 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 4845 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 4846 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 4847 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 4848 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 4849 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 4850 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 4851 4852 this.fitMenu(); 4853 } 4854 } 4855 4856 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 4857 menu.find('.p-menu__item--more').show(); 4858 } else { 4859 menu.find('.p-menu__item--more').hide(); 4860 } 4861 4862 this.setActiveMenuItem(); 4863 4864 menu.removeClass('is-loading'); 4865 } 4866 }, 4867 showSubmenu($menuItem){ 4868 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 4869 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 4870 4871 $menuItem.addClass('has-submenu-open'); 4872 $menuItemTitle.attr('aria-expanded', 'true'); 4873 $menuItemToggle.attr('aria-expanded', 'true'); 4874 }, 4875 hideSubmenu($menuItem){ 4876 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 4877 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 4878 4879 $menuItem.removeClass('has-submenu-open'); 4880 $menuItemTitle.attr('aria-expanded', 'false'); 4881 $menuItemToggle.attr('aria-expanded', 'false'); 4882 }, 4883 toggleOnActiveStyling($menuItem){ 4884 var $menuItemTitle; 4885 if ($menuItem.children().hasClass('is-active')) { 4886 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 4887 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 4888 // Set the active color 4889 if (1 == 1) { 4890 var color = "white"; 4891 var onActiveColor = "one"; 4892 var onActiveColorCustom = ""; 4893 4894 // Apply new active color 4895 if (onActiveColorCustom) { 4896 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 4897 $menuItemTitle.css("color", onActiveColorCustom); 4898 } else { 4899 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 4900 $menuItemTitle.addClass('u-color-' + onActiveColor); 4901 } 4902 } 4903 if (1 == 2) { 4904 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 4905 $menuItemTitle.addClass(fontFamily); 4906 } 4907 } else { 4908 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 4909 if (1 == 1) { 4910 var color = "text"; 4911 var onActiveColor = "four"; 4912 var onActiveColorCustom = ""; 4913 4914 // Apply new active color 4915 if (onActiveColorCustom) { 4916 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 4917 $menuItemTitle.css("color", onActiveColorCustom); 4918 } else { 4919 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 4920 $menuItemTitle.addClass('u-color-' + onActiveColor); 4921 } 4922 } 4923 if (1 == 2) { 4924 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 4925 $menuItemTitle.addClass(fontFamily); 4926 } 4927 } 4928 } 4929 }, 4930 toggleOnHoverStyling($menuItem, action){ 4931 var $menuItemTitle; 4932 4933 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 4934 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 4935 4936 if (!$menuItemTitle.hasClass('is-active')){ 4937 if (1 == 1) { 4938 toggleColor("main"); 4939 } 4940 } 4941 } 4942 else { 4943 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 4944 4945 if (!$menuItemTitle.hasClass('is-active')){ 4946 if (1 == 1) { 4947 toggleColor("sub"); 4948 } 4949 } 4950 } 4951 4952 function toggleColor(level) { 4953 var color = level == "main" ? "white" : "text"; 4954 var colorType = color == "custom" ? "style" : "class"; 4955 var colorCustom = level == "main" ? "" : ""; 4956 var onHoverColor = level == "main" ? "one" : "four"; 4957 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 4958 var onHoverColorCustom = level == "main" ? "" : ""; 4959 4960 if (colorType == "class") {
4961 if (onHoverColorType == "class") { 4962 if (action == "enter") { 4963 $menuItemTitle.removeClass('u-color-' + color); 4964 $menuItemTitle.addClass('u-color-' + onHoverColor); 4965 } 4966 else { 4967 $menuItemTitle.removeClass('u-color-' + onHoverColor); 4968 $menuItemTitle.addClass('u-color-' + color); 4969 } 4970 } 4971 else { 4972 if (action == "enter") { 4973 $menuItemTitle.removeClass('u-color-' + color); 4974 $menuItemTitle.css("color", onHoverColorCustom); 4975 } 4976 else { 4977 $menuItemTitle.addClass('u-color-' + color); 4978 $menuItemTitle.css("color", ""); 4979 } 4980 } 4981 } 4982 else { 4983 if (onHoverColorType == "class") { 4984 if (action == "enter") { 4985 $menuItemTitle.css("color", ""); 4986 $menuItemTitle.addClass('u-color-' + onHoverColor); 4987 } 4988 else { 4989 $menuItemTitle.css("color", colorCustom); 4990 $menuItemTitle.removeClass('u-color-' + onHoverColor); 4991 } 4992 } 4993 else { 4994 if (action == "enter") { 4995 $menuItemTitle.css("color", onHoverColorCustom); 4996 } 4997 else { 4998 $menuItemTitle.css("color", colorCustom); 4999 } 5000 } 5001 } 5002 } 5003 }, 5004 handleMenuItemMouseEnter(e) { 5005 this.showSubmenu($(e.target)); 5006 this.toggleOnHoverStyling($(e.target), "enter"); 5007 }, 5008 handleMenuItemMouseLeave(e) { 5009 this.hideSubmenu($(e.target)); 5010 this.toggleOnHoverStyling($(e.target), "leave"); 5011 }, 5012 handleSubmenuToggleClick(e) { 5013 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 5014 5015 if ($parentMenuItem.hasClass('has-submenu-open')) { 5016 this.hideSubmenu($parentMenuItem); 5017 } 5018 else { 5019 this.showSubmenu($parentMenuItem); 5020 } 5021 } 5022 }; 5023 } 5024 </script>
5024 5025 5026 5027 5028 5029 5030 </nav> 5031 </div> 5032 5033 5034 <div class="s-header__sticky__wrapper-one__wrapper-three"> 5035 <div class="s-header__sticky__call-to-actions"> 5036 5037 5038 5039 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-right"> 5040 <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> 5041 <a class="w-button__button " role="button" aria-label="Enquire for 2027" href="venue-travel/contact"><span class="w-button__button__text">Enquire for 2027</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 5042 </div> 5043</div> 5044 </div> 5045 </div> 5046 5047 </div> 5048 </div> 5049 </div> 5050 </div> 5051 </div> 5052 5053 </template> 5054 5055 5056
5056<script> 5057 function composerSetHeaderHeight(root) { 5058 if (!root || !root.classList.contains("s-header")) { 5059 return; 5060 } 5061 5062 var isDesktop = window.matchMedia("(min-width: 1240px)").matches; 5063 var headerEl = isDesktop ? root.querySelector(".s-header__default") : root.querySelector(".s-header__mobile"); 5064 5065 if (!headerEl) { 5066 return; 5067 } 5068 5069 // Style 7 is a fixed sidebar; its rendered height is the viewport, not a hero offset. 5070 if (isDesktop && headerEl.classList.contains("s-header__default--style-7")) { 5071 document.documentElement.style.setProperty("--structure-header-height", "0px"); 5072 document.documentElement.style.setProperty("--structure-hero-padding-top", "0px"); 5073 document.documentElement.style.setProperty("--structure-hero-height-offset", "0px"); 5074 return; 5075 } 5076 5077 var headerHeight = headerEl.offsetHeight || 0; 5078 var isAbsolute = isDesktop ? root.classList.contains("is-desktop-position-absolute") : root.classList.contains("is-mobile-position-absolute"); 5079 5080 document.documentElement.style.setProperty("--structure-header-height", headerHeight + "px"); 5081 document.documentElement.style.setProperty("--structure-hero-padding-top", isAbsolute ? headerHeight + "px" : "0px"); 5082 document.documentElement.style.setProperty("--structure-hero-height-offset", (isDesktop && !isAbsolute) ? headerHeight + "px" : "0px"); 5083 } 5084 5085 composerSetHeaderHeight(document.currentScript && document.currentScript.parentElement); 5086 5087 function composerStructureHeader(params) { 5088 return { 5089 id: params.id, 5090 headerDefault: false, 5091 isHeaderDefaultSticky: params.isSticky, 5092 isHeaderDefaultStickyVisible: false, 5093 init() { 5094 this.setHeaderHeight(); 5095 this.toggleHeader(); 5096 this.toggleHeaderStickyVisibility(); 5097 }, 5098 setHeaderHeight() { 5099 composerSetHeaderHeight(this.$el); 5100 }, 5101 toggleHeader() { 5102 if (window.matchMedia("(min-width: 1240px)").matches) { 5103 this.headerDefault = true; 5104 } 5105 else { 5106 this.headerDefault = false; 5107 } 5108 }, 5109 toggleHeaderStickyVisibility() { 5110 if (this.headerDefault && this.isHeaderDefaultSticky) { 5111 if($(window).scrollTop() > $(".s-header__default--id-" + this.id).outerHeight()) { 5112 this.isHeaderDefaultStickyVisible = true; 5113 gsap.to(".s-header__sticky--id-" + this.id, {y: "0%", duration: 0.2, delay: 0.1}); 5114 5115 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__sticky--id-" + this.id).outerHeight() + "px"); 5116 } 5117 else { 5118 this.isHeaderDefaultStickyVisible = false; 5119 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__default--id-" + this.id).outerHeight() + "px"); 5120 } 5121 } 5122 }, 5123 handleOnWindowScroll() { 5124 this.toggleHeaderStickyVisibility(); 5125 }, 5126 handleOnWindowResize() { 5127 this.setHeaderHeight(); 5128 this.toggleHeader(); 5129 this.toggleHeaderStickyVisibility(); 5130 }, 5131 handleOnWindowLoad() { 5132 this.setHeaderHeight(); 5133 this.toggleHeader(); 5134 this.toggleHeaderStickyVisibility(); 5135 } 5136 } 5137 } 5138 </script>
5138 5139 5140 5141 </header> 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 <div class="s-page-title" x-data="composerStructurePageTitle" x-init="init" x-on:resize.window.throttle.250ms="handleOnWindowResize"> 5164 5165 5166 <div class="s-page-title__default s-page-title__default--style-2 s-page-title__default--id-51698" role="region" aria-labelledby="page-title" data-panel-id="51698" style="min-height: 10vh"> 5167 <div class="s-page-title__default__container u-layout-container-full-viewport"> 5168 5169 <div class="s-page-title__default__background"> 5170 5171 <div class="s-page-title__default__background__color u-background-color-two"></div> 5172 5173 5174 </div> 5175 5176 <div class="s-page-title__default__container__inner u-layout-container-default "> 5177 5178 5179 5180 <h1 class="s-page-title__default__title u-color-text u-font-two u-font-two-size-xxx-large u-font-two-weight-bold"> 5181 Check out the techoraco Events app 5182 </h1> 5183 5184 5185 5186 </div> 5187 </div> 5188 </div> 5189 5190 5191
5191<script> 5192 function composerStructurePageTitle() { 5193 return { 5194 init() { 5195 window.onload = () => { 5196 this.setCssVariables(); 5197 }; 5198 }, 5199 setCssVariables() { 5200 if (window.matchMedia("(max-width: 1279px)").matches) { 5201 if ($(".s-header__mobile").hasClass("is-position-absolute")) { 5202 document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__mobile").outerHeight() + "px"); 5203 } 5204 else { 5205 document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); 5206 } 5207 } else { 5208 if ($(".s-header__default").hasClass("is-position-absolute")) { 5209 // Changed Padding to be inline on .s-page-title__default than through the --structure-page-title-padding-top variable to avoid the page title jump when header is absolute - CII-626 5210 $(".s-page-title__default").css( "padding-top", $(".s-header__default").hasClass("s-header__default--style-7") ? "0px" : $(".s-header__default").outerHeight() + "px" ); 5211 } else { 5212 $(".s-page-title__default").css("padding-top", "0px"); 5213 } 5214 } 5215 }, 5216 handleOnWindowResize() { 5217 this.setCssVariables(); 5218 } 5219 }; 5220 } 5221 </script>
5221 5222 5223 </div> 5224 5225 5226 5227 5228 <div id="main-content" class="s-main"> 5229 5230 5231 5232 5233 5234 5235 5236 5237 <main class="s-main__content" role="main" aria-label="Main Content"> 5238 5239 5240 5241 5242 <section class="p-section p-section--id-1 p-section--uid-60224 p-section--style-1"> 5243 <div class="p-section__container u-layout-container-full-viewport"> 5244 <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> 5245 <div class="p-section__background"> 5246 <div class="p-section__background__color u-background-color-three"></div> 5247 </div> 5248 <div class="p-section__container__inner__container u-layout-container-default"> 5249 <div class="p-section__body"> 5250 <div class="p-section__body__articles p-section__body__articles--count-2 p-section__body__articles--width-default p-section__body__articles--alignment-inherit"> 5251 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5252 <div class="p-article p-article--style-1"> 5253 <div class="p-article__wrapper-two"> 5254 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5255 <div class="w-image-responsive w-image-responsive--id-uid_EA588 w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5256 <picture class="w-image-responsive__image"> 5257 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/netowrking-app.webp" width="100%"></source> 5258 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/netowrking-app.webp" width="100%"></source> 5259 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/netowrking-app.webp" width="100%"></source> 5260 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/netowrking-app.webp" width="100%"></source> 5261 <img alt="Dashboard interface of the Techoraco networking app displaying navigation menus, event agenda, floorplan, meeting management options, and a side panel for connections." loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/netowrking-app.webp" width="100%" class="" /> 5262 </picture> 5263 </div> 5264 </div> 5265 </div> 5266 </div> 5267 </div> 5268 <div class="p-section__body__articles__article p-section__body__article--id-2"> 5269 <div class="p-article p-article--style-2 u-border-radius-normal"> 5270 <div class="p-article__background"> 5271 <div class="p-article__background__color u-background-color-muted"></div> 5272 </div> 5273 <div class="p-article__wrapper-two"> 5274 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5275 <p>Datacloud Africa's networking platform will be live 4 weeks prior to the event for our delegates! Available both as an app and on your browser, networking could not be made any easier!</p> 5276 <p>Start making those all-important connections ahead of the conference by downloading the Techoraco Events App and logging into the networking platform! Registered attendees may access the app and enter their details to begin planning ahead for the conference!</p> 5277 <p>From here, you can view and filter the attendee list, send personalized connection invites, schedule meetings, add sessions to your schedule and sync to your calendar, message attendees and much more!</p> 5278 <p>If you or your team have any questions on how to use the networking app—Techoraco Events—please use our dedicated support team for any user or exhibitor related issues at <u><a aria-label="Send an email to the Techoraco Events support team at [email protected]" class="g-styles-link-color-eight" href="mailto:[email protected]">[email protected]</a></u>.</p> 5279 </div> 5280 </div> 5281 </div> 5282 </div> 5283 </div> 5284 </div> 5285 </div> 5286 </div> 5287 </div> 5288</section> 5289<section class="p-section p-section--id-2 p-section--uid-60225 p-section--style-1"> 5290 <div class="p-section__container u-layout-container-full-viewport"> 5291 <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> 5292 <div class="p-section__background"> 5293 <div class="p-section__background__color u-background-color-two"></div> 5294 </div> 5295 <div class="p-section__container__inner__container u-layout-container-default"> 5296 <div class="p-section__body"> 5297 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 5298 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5299 <div class="p-article p-article--style-1"> 5300 <div class="p-article__wrapper-two"> 5301 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5302 <h2 style="text-align: center;">Maximize your time at the event</h2> 5303 </div> 5304 </div> 5305 </div> 5306 </div> 5307 </div> 5308 </div> 5309 </div> 5310 </div> 5311 </div> 5312</section> 5313<section class="p-section p-section--id-3 p-section--uid-60226 p-section--style-1"> 5314 <div class="p-section__container u-layout-container-full-viewport"> 5315 <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> 5316 <div class="p-section__container__inner__container u-layout-container-default"> 5317 <div class="p-section__body"> 5318 <div class="p-section__body__articles p-section__body__articles--count-3 p-section__body__articles--width-default p-section__body__articles--alignment-inherit"> 5319 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5320 <a class="anchor" name="1. Update your profile"></a> 5321 <div class="p-article p-article--style-1"> 5322 <div class="p-article__wrapper-two"> 5323 <div class="p-article__header u-text-align-left"> 5324 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-x-large u-font-two-weight-bold"> 1. Update your profile </h2> 5325 </div> 5326 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5327 <p aria-label="Make the best first impression with a profile picture and a powerful headline.">Make the best first impression with a profile picture and a powerful headline.</p> 5328 <p> 5329 <div class="w-image-responsive w-image-responsive--id-uid_136FB w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5330 <picture class="w-image-responsive__image"> 5331 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/update-profile.webp" width="100%"></source> 5332 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/update-profile.webp" width="100%"></source> 5333 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/update-profile.webp" width="100%"></source> 5334 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/update-profile.webp" width="100%"></source> 5335 <img alt="User profile settings page for an event platform, showing fields to edit personal details such as name, headline, and contact information alongside navigation options." loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/update-profile.webp" width="100%" class="" /> 5336 </picture> 5337 </div> </p> 5338 </div> 5339 </div> 5340 </div> 5341 </div> 5342 <div class="p-section__body__articles__article p-section__body__article--id-2"> 5343 <a class="anchor" name="2. Manage your availability"></a> 5344 <div class="p-article p-article--style-1"> 5345 <div class="p-article__wrapper-two"> 5346 <div class="p-article__header u-text-align-left"> 5347 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-x-large u-font-two-weight-bold"> 2. Manage your availability </h2> 5348 </div> 5349 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5350 <p aria-label="Prevent unnecessary rescheduling and meeting conflicts.">Prevent unnecessary rescheduling and meeting conflicts.</p> 5351 <p> 5352 <div class="w-image-responsive w-image-responsive--id-uid_BA3D1 w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5353 <picture class="w-image-responsive__image"> 5354 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/manage-availability.webp" width="100%"></source> 5355 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/manage-availability.webp" width="100%"></source> 5356 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/manage-availability.webp" width="100%"></source> 5357 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/manage-availability.webp" width="100%"></source> 5358 <img alt="" manage="" my="" availability"="" settings="" page="" on="" an="" event="" networking="" platform,="" featuring="" instructions,="" "edit="" button,="" and="" sidebar="" navigation="" options."="" loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/manage-availability.webp" width="100%" class="" /> 5359 </picture> 5360 </div> </p> 5361 </div> 5362 </div> 5363 </div> 5364 </div> 5365 <div class="p-section__body__articles__article p-section__body__article--id-3"> 5366 <a class="anchor" name="3. Build your experience"></a> 5367 <div class="p-article p-article--style-1"> 5368 <div class="p-article__wrapper-two"> 5369 <div class="p-article__header u-text-align-left"> 5370 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-x-large u-font-two-weight-bold"> 3. Build your experience </h2> 5371 </div> 5372 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5373 <p aria-label="Explore the agenda to further customize your event experience.">Explore the agenda to further customize your event experience.</p> 5374 <p> 5375 <div class="w-image-responsive w-image-responsive--id-uid_E5B47 w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5376 <picture class="w-image-responsive__image"> 5377 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/build-experience.webp" width="100%"></source> 5378 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/build-experience.webp" width="100%"></source> 5379 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/build-experience.webp" width="100%"></source> 5380 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/build-experience.webp" width="100%"></source> 5381 <img alt="Event agenda page showing schedule items for Monday, February 3, including registration opening at Exhibition Centre Lobby and an official welcome reception at Event Lawn." loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/build-experience.webp" width="100%" class="" /> 5382 </picture> 5383 </div> </p> 5384 </div> 5385 </div> 5386 </div> 5387 </div> 5388 </div> 5389 </div> 5390 </div> 5391 </div> 5392 </div> 5393</section> 5394<section class="p-section p-section--id-4 p-section--uid-60227 p-section--style-1"> 5395 <div class="p-section__container u-layout-container-full-viewport"> 5396 <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> 5397 <div class="p-section__background"> 5398 <div class="p-section__background__color u-background-color-three"></div> 5399 </div> 5400 <div class="p-section__container__inner__container u-layout-container-default"> 5401 <div class="p-section__body"> 5402 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 5403 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5404 <div class="p-article p-article--style-1"> 5405 <div class="p-article__wrapper-two"> 5406 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5407 <h2 style="text-align: center;">Watch the techoraco events app tutorial</h2> 5408 <p style="text-align: center;"><span class="g-styles-font-one-size-large"><strong>Make sure you check out our handy tutorial for helpful tips on navigating your way round and making the most of the app's features!</strong></span></p> 5409 <p> 5410 <div class="w-video w-video--id-uid_35A07 w-video--style-1 w-video--style-1--align-center" x-data="composerWidgetVideo({id: 'uid_35A07'})"> 5411 <div class="w-video__container u-width-100"> 5412 <video class="w-video__video" playsinline="" muted="" preload="metadata" x-on:playing="handleOnVideoPlay" x-on:pause="handleOnVideoPause"> 5413 <source src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/__thumbs/optimized_techoraco-events-app-generic-guide.webm" type="video/webm"></source> 5414 <source src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/optimized_techoraco-events-app-generic-guide.mp4" type="video/mp4"></source> Your browser does not support the video tag. 5415 </video> 5416 <button class="w-video__button" x-on:click="handleOnPlayClick" role="button" aria-label="Play video button"> <i class="w-video__button__icon u-color-one u-font-icons-size-ultra-xxx-large fal fa-circle-play"></i> </button> 5417 </div> 5418
5418<script> 5419 function composerWidgetVideo(params) { 5420 return { 5421 id: params.id, 5422 video: ".w-video--id-" + params.id + " .w-video__video", 5423 button: ".w-video--id-" + params.id + " .w-video__button", 5424 handleOnVideoPlay(e){ 5425 gsap.to($(this.video), {opacity: 1, duration: 0.6}); 5426 gsap.to($(this.button), {autoAlpha: 0, duration: 0.6}); 5427 5428 if ($(this.button).length) { 5429 $(this.video).prop("controls", true); 5430 } 5431 }, 5432 handleOnVideoPause(e){ 5433 gsap.to($(this.button), {autoAlpha: 1, duration: 0.6}); 5434 gsap.to($(this.video), {opacity: 0.5, duration: 0.6}); 5435 }, 5436 handleOnPlayClick(){ 5437 if ($(this.video)[0].paused || $(this.video)[0].ended) { 5438 $(this.video)[0].play(); 5439 } else { 5440 $(this.video)[0].pause(); 5441 } 5442 } 5443 }; 5444 } 5445 </script>
5445 5446 </div> </p> 5447 <p style="text-align: center;"><span class="g-styles-font-one-size-large">You can also access the <span aria-label="techoraco"></span><u><a class="g-styles-link-color-eight" href="https://3tiky.app.link/ITWandDatacloudAfrica2026" target="_blank" title="https://3tiky.app.link/ITWandDatacloudAfrica2026">techoraco Events app</a></u> on your browser.</span></p> 5448 <p style="text-align: center;"><span class="g-styles-font-one-size-large">If you or your team have any questions on how to use the networking app—<span aria-label="techoraco">techoraco</span> Events, please contact our dedicated support team for any user or exhibitor related issues at <u><span class="g-styles-text-color-eight"><a aria-label="email the Grip support team at [email protected]" class="g-styles-link-color-eight" href="mailto:[email protected]?subject=Datacloud Africa Webapp Support">[email protected]</a></span></u>.</span></p> 5449 </div> 5450 </div> 5451 </div> 5452 </div> 5453 </div> 5454 </div> 5455 </div> 5456 </div> 5457 </div> 5458</section> 5459<section class="p-section p-section--id-5 p-section--uid-60228 p-section--style-1"> 5460 <div class="p-section__container u-layout-container-full-viewport"> 5461 <div class="p-section__container__inner has-padding-top" style=""> 5462 <div class="p-section__container__inner__container u-layout-container-default"> 5463 <div class="p-section__body"> 5464 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 5465 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5466 <div class="p-article p-article--style-1"> 5467 <div class="p-article__wrapper-two"> 5468 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5469 <section> 5470 <h2 style="text-align: center;">Download the techoraco Events app</h2> 5471 </section> 5472 </div> 5473 </div> 5474 </div> 5475 </div> 5476 </div> 5477 </div> 5478 </div> 5479 </div> 5480 </div> 5481</section> 5482<section class="p-section p-section--id-6 p-section--uid-60229 p-section--style-1 has-margin-top has-margin-bottom"> 5483 <div class="p-section__container u-layout-container-full-viewport"> 5484 <div class="p-section__container__inner" style=""> 5485 <div class="p-section__container__inner__container u-layout-container-default"> 5486 <div class="p-section__body"> 5487 <div class="p-section__body__articles p-section__body__articles--count-2 p-section__body__articles--width-default p-section__body__articles--alignment-inherit"> 5488 <div class="p-section__body__articles__article p-section__body__article--id-1"> 5489 <a class="anchor" name="Apple Store"></a> 5490 <div class="p-article p-article--style-1"> 5491 <div class="p-article__wrapper-two"> 5492 <div class="p-article__header u-text-align-left"> 5493 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-x-large u-font-two-weight-bold"> <p style="text-align: center;"><u><a href="https://apps.apple.com/gb/app/techoraco-events/id6670167606" target="_blank" title="https://apps.apple.com/gb/app/techoraco-events/id6670167606">Apple Store</a></u></p> </h2> 5494 </div> 5495 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5496 <div class="w-image-responsive w-image-responsive--id-uid_9F5E6 w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5497 <picture class="w-image-responsive__image"> 5498 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/apple-store.webp" width="100%"></source> 5499 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/apple-store.webp" width="100%"></source> 5500 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/apple-store.webp" width="100%"></source> 5501 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/apple-store.webp" width="100%"></source> 5502 <img alt="Download on the App Store badge." loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/apple-store.webp" width="100%" class="" /> 5503 </picture> 5504 </div> 5505 </div> 5506 </div> 5507 </div> 5508 </div> 5509 <div class="p-section__body__articles__article p-section__body__article--id-2"> 5510 <a class="anchor" name="Google Play Store"></a> 5511 <div class="p-article p-article--style-1"> 5512 <div class="p-article__wrapper-two"> 5513 <div class="p-article__header u-text-align-left"> 5514 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-x-large u-font-two-weight-bold"> <p style="text-align: center;"><u><a href="https://play.google.com/store/apps/details?id=events.grip.techoraco1043&hl=en_GB" target="_blank" title="https://play.google.com/store/apps/details?id=events.grip.techoraco1043&hl=en_GB">Google Play Store</a></u></p> </h2> 5515 </div> 5516 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5517 <div class="w-image-responsive w-image-responsive--id-uid_9931B w-image-responsive--style-1 w-image-responsive--style-1--align-center"> 5518 <picture class="w-image-responsive__image"> 5519 <source media="(min-width: 1440px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/google-play.webp" width="100%"></source> 5520 <source media="(min-width: 1274px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/google-play.webp" width="100%"></source> 5521 <source media="(min-width: 1024px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/google-play.webp" width="100%"></source> 5522 <source media="(min-width: 768px)" srcset="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/google-play.webp" width="100%"></source> 5523 <img alt="Get it on Google Play badge." loading="lazy" src="https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/__download/networking-app/google-play.webp" width="100%" class="" /> 5524 </picture> 5525 </div> 5526 </div> 5527 </div> 5528 </div> 5529 </div> 5530 </div> 5531 </div> 5532 </div> 5533 </div> 5534 </div> 5535</section> 5536 5537 5538 5539 5540
5540<script defer> 5541 $(document).ready(function() { 5542 gsap.registerPlugin(ScrollTrigger); 5543 ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); 5544 5545 // Section Animation 5546 $('.p-section[data-animation-scroll]').each(function() { 5547 const $section = $(this); 5548 const sectionAnimationStyle = $section.data('animation-scroll-style'); 5549 let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay 5550 let animationPlayed = false; // Flag to track whether animation has been played 5551 5552 switch (sectionAnimationStyle) { 5553 case 1: 5554 sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 5555 break; 5556 case 2: 5557 sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 5558 break; 5559 } 5560 5561 ScrollTrigger.create({ 5562 trigger: $section[0], 5563 onEnter: function() { 5564 if (!animationPlayed) { // Only play the animation if it hasn't been played before 5565 sectionTimeline.play(); // Play the animation 5566 animationPlayed = true; // Set the flag to true to indicate that animation has been played 5567 } 5568 }, 5569 onLeaveBack: function() { 5570 // Uncomment the line below if you want to revert to initial state when scrolling back up 5571 // sectionTimeline.reverse(); // Reverse the animation when scrolling back up 5572 } 5573 }); 5574 }); 5575 5576 // Articles Animation 5577 $('.p-section').each(function() { 5578 const $section = $(this); 5579 5580 if ($section.find('.p-article[data-animation-scroll]').length) { 5581 let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); 5582 5583 $section.find('.p-article[data-animation-scroll]').each(function(index) { 5584 const $article = $(this); 5585 const articleAnimationStyle = $article.data('animation-scroll-style'); 5586 let animationPlayed = false; // Flag to track whether animation has been played 5587 5588 ScrollTrigger.create({ 5589 trigger: $article[0], 5590 onEnter: function() { 5591 if (!animationPlayed) { // Only play the animation if it hasn't been played before 5592 switch (articleAnimationStyle) { 5593 case 1: 5594 articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 5595 break; 5596 case 2: 5597 articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 5598 break; 5599 } 5600 animationPlayed = true; // Set the flag to true to indicate that animation has been played and don't play it again if user scrolls back up 5601 } 5602 } 5603 }); 5604 }); 5605 } 5606 }); 5607 }); 5608 </script>
5608 5609 </main> 5610 5611 5612 5613 5614 5615 5616 5617 5618 </div> 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 <div class="s-default u-layout-container-full-viewport" role="region"> 5648 <div class="s-default__container u-layout-container-full-viewport"> 5649 <div class="s-default__container__inner has-padding-bottom" style=""> 5650 5651 <div class="s-default__container__inner__container u-layout-container-default"> 5652 5653 5654 5655 <div class="s-default__body"> 5656 <div class="l-grid is-align-center"> 5657 <div class="l-grid__container"> 5658 <div class="l-grid__item l-grid__item-id-51720 l-grid__item--size-12" data-panel-id="51720"> 5659 5660 <div class="l-grid__item__content"> 5661 <div class="p-panel p-panel--structure-default-style-1 p-panel--id-51720"> 5662 5663 5664 <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 5665 <div class="p-panel__body__content"> 5666 5667 5668 5669 <p> 5670 <div class="w-call-to-action w-call-to-action--id-uid_35F73 w-call-to-action--style-1" style=""> 5671 <div class="w-call-to-action__background"> 5672 <div class=" u-background-color-four" style=""></div> 5673 </div> 5674 <div class="w-call-to-action__wrapper-one"> 5675 <div class="w-call-to-action__title u-color-white u-font-two u-font-two-size-xxx-large u-font-two-weight-bold" style=""> 5676 Sign up to our newsletter 5677 </div> 5678 <div class="w-call-to-action__description u-color-white u-font-one u-font-one-size-normal" style=""> 5679 <p>Stay up to date and get important reminders about what's in store at ITW Africa 2026. Hear more about trends and inspiring innovations from the full spectrum of connectivity.</p> 5680 </div> 5681 </div> 5682 <div class="w-call-to-action__wrapper-two"> 5683 <div class="w-call-to-action__button"> 5684 <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> 5685 <a class="w-button__button " role="button" aria-label="Subscribe" href="venue-travel/contact"><span class="w-button__button__text">Subscribe</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 5686 </div> 5687 </div> 5688 </div> 5689 </div> <br /> </p> 5690 </div> 5691 </div> 5692 5693 </div> 5694 </div> 5695 </div> 5696 </div> 5697 </div> 5698 </div> 5699 </div> 5700 </div> 5701 </div> 5702 </div> 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 <footer class="s-footer" role="contentinfo"> 5718 5719 5720 <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> 5721 <div class="s-footer__default__container u-layout-container-full-viewport"> 5722 <div class="s-footer__default__container__inner"> 5723 5724 <div class="s-footer__default__background"> 5725 5726 <div class="s-footer__default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image: url('https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/techoraco-2026/media/graphics/background-techoraco.svg');"></div> 5727 5728 5729 <div class="s-footer__default__background__overlay u-background-color-four" style="opacity: 0.72;"></div> 5730 5731 </div> 5732 5733 <div class="s-footer__default__wrapper-one"> 5734 <div class="s-footer__default__wrapper-one__container u-layout-container-default"> 5735 <div class="s-footer__default__panels"> 5736 <div class="l-grid is-align-center"> 5737 <div class="l-grid__container"> 5738 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 5739 <div class="l-grid__item__content"> 5740 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-51700" data-panel-id="51700"> 5741 5742 <div class="p-panel__header u-text-align-left"> 5743 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-normal u-font-two-weight-bold u-text-uppercase"> 5744 About Datacloud Africa 5745 </h2> 5746 5747 <div class="p-panel__header__divider"> 5748 <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 3px; width: 100%;"> 5749 5750 </div> 5751 </div> 5752 5753 </div> 5754 5755 5756 <div class="p-panel__body u-color-white u-font-one u-font-one-size-small u-text-align-left"> 5757 <div class="p-panel__body__content"> 5758 5759 5760 5761 <p aria="" label="Datacloud Africa brings together the leaders building, financing and operating the continent’s digital infrastru
5761cture. 1,800+ digital infrastructure leaders across 30 countries. The event takes place in Nairobi, Kenya">Datacloud Africa brings together the leaders building, financing and operating the continent’s digital infrastructure. 1,800+ digital infrastructure leaders across 30 countries. The event takes place in Nairobi, Kenya.</p> 5762 5763<p>© 2027 Datacloud Africa is part of techoraco, techoraco Limited.</p> 5764 5765<p>Registered in England & Wales, Company number 15236387</p> 5766 5767 </div> 5768 </div> 5769 5770 </div> 5771 </div> 5772 </div> 5773 5774 5775 5776 5777 5778 5779 5780 5781 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 5782 <div class="l-grid__item__content"> 5783 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-51707" data-panel-id="51707"> 5784 5785 <div class="p-panel__header u-text-align-left"> 5786 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-normal u-font-two-weight-bold u-text-uppercase"> 5787 Contact Us 5788 </h2> 5789 5790 <div class="p-panel__header__divider"> 5791 <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 3px; width: 100%;"> 5792 5793 </div> 5794 </div> 5795 5796 </div> 5797 5798 5799 <div class="p-panel__body u-color-white u-font-one u-font-one-size-small u-text-align-left"> 5800 <div class="p-panel__body__content"> 5801 5802 5803 5804 techoraco 5805<br /> 4 Bouverie Street 5806<br /> London 5807<br /> EC4Y 8AX 5808<br /> United Kingdom 5809<br /> 5810<p><iframe title="Map: techoraco office — 4 Bouverie Street, London EC4Y 8AX" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.9644227037743!2d-0.10819839999999999!3d51.51386869999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604b2dc2e6171%3A0x8f91efe355e8e795!2s4%20Bouverie%20St%2C%20Temple%2C%20London%20EC4Y%208AX%2C%20UK!5e0!3m2!1sen!2sge!4v1711314573072!5m2!1sen!2sge" style="border:0;" width="100%"></iframe></p> 5811 </div> 5812 </div> 5813 5814 </div> 5815 </div> 5816 </div> 5817 5818 5819 5820 5821 5822 5823 5824 5825 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 5826 <div class="l-grid__item__content"> 5827 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-51708" data-panel-id="51708"> 5828 5829 <div class="p-panel__header u-text-align-left"> 5830 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-normal u-font-two-weight-bold u-text-uppercase"> 5831 Useful Links 5832 </h2> 5833 5834 <div class="p-panel__header__divider"> 5835 <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 3px; width: 100%;"> 5836 5837 </div> 5838 </div> 5839 5840 </div> 5841 5842 5843 <div class="p-panel__body u-color-white u-font-one u-font-one-size-small u-text-align-left"> 5844 <div class="p-panel__body__content"> 5845 5846 5847 5848 <ul> 5849 <li><u><a class="g-styles-link-color-seven" href="/venue-travel/contact" target="_self" title="register-attend">Register to attend</a></u></li> 5850 <li><u><a class="g-styles-link-color-seven" href="/involved/sponsor-list" target="_self" title="/involved/sponsor-list">Sponsors</a></u></li> 5851 <li><u><a class="g-styles-link-color-seven" href="/venue-travel/contact" target="_self" title="contact">Contact us</a></u></li> 5852</ul> 5853 5854 </div> 5855 </div> 5856 5857 </div> 5858 </div> 5859 </div> 5860 5861 5862 5863 5864 5865 5866 5867 5868 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 5869 <div class="l-grid__item__content"> 5870 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-51706" data-panel-id="51706"> 5871 5872 <div class="p-panel__header u-text-align-left"> 5873 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-normal u-font-two-weight-bold u-text-uppercase"> 5874 Social Links 5875 </h2> 5876 5877 <div class="p-panel__header__divider"> 5878 <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 3px; width: 100%;"> 5879 5880 </div> 5881 </div> 5882 5883 </div> 5884 5885 5886 <div class="p-panel__body u-color-white u-font-one u-font-one-size-small u-text-align-left"> 5887 <div class="p-panel__body__content"> 5888 5889 5890 5891 <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-left" aria-label="Social Media links"> 5892 <ul class="w-social-networks__items w-social-networks__items--align-left" role="list"> 5893 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-background-color-transparent u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.instagram.com/itwteam/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 5894 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-background-color-transparent u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/itw-telecoms/posts/?feedView=all" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 5895 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-background-color-transparent u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.facebook.com/internationaltelecomsweek/" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 5896 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-background-color-transparent u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.youtube.com/channel/UC
5896QarwoTCouRF3T5ng_IXovA" target="_blank" rel="noopener noreferrer" title="Youtube" aria-label="Youtube"> <i class="w-social-networks__items__item__link__icon fa-brands fa-youtube u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 5897 </ul> 5898</div> 5899 </div> 5900 </div> 5901 5902 </div> 5903 </div> 5904 </div> 5905 </div> 5906 </div> 5907 </div> 5908 </div> 5909 </div> 5910 <div class="s-footer__default__wrapper-two"> 5911 5912 <div class="s-footer__default__wrapper-two__background"> 5913 <div class="s-footer__default__wrapper-two__background__color" style="background-color: #07051c"></div> 5914 </div> 5915 5916 <div class="s-footer__default__wrapper-two__container u-layout-container-default"> 5917 5918 <nav class="s-footer__default__footer-menu" aria-label="Footer Menu"> 5919 <!--seed:C66AFBA6ED757E769FFE1D4CD9CB6C3F9C908012--> 5920 5921 5922 5923 <ul class="p-menu--quick-links p-menu--quick-links--id-6F9B2 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '#000000', colorType: 'class', id: '6F9B2', onHover: true, onHoverColor: 'white', onHoverColorCustom: '#000000', onHoverColorType: 'class'})" id="6F9B2"> 5924 5925 5926 5927 5928 <li class="p-menu__item" title="Copyright © 2026" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 5929 5930 <span class="p-menu__item__text u-color-white u-font-one-size-small u-font-one-size-small">Copyright © 2026</span> 5931 5932 </li> 5933 5934 5935 5936 5937 <li class="p-menu__item p-menu__item--separator"> 5938 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 5939 5940 </i> 5941 </li> 5942 5943 <li class="p-menu__item" title="Terms and Conditions" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 5944 5945 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.com/terms-conditions" target="_blank">Terms and Conditions</a> 5946 5947 </li> 5948 5949 5950 5951 5952 <li class="p-menu__item p-menu__item--separator"> 5953 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 5954 5955 </i> 5956 </li> 5957 5958 <li class="p-menu__item" title="Accessibility statement" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 5959 5960 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.com/techoraco-accessibility-statement" target="_blank">Accessibility statement</a> 5961 5962 </li> 5963 5964 5965 5966 5967 <li class="p-menu__item p-menu__item--separator"> 5968 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 5969 5970 </i> 5971 </li> 5972 5973 <li class="p-menu__item" title=" Privacy Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 5974 5975 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.com/privacy-policy" target="_blank"> Privacy Policy</a> 5976 5977 </li> 5978 5979 5980 5981 5982 <li class="p-menu__item p-menu__item--separator"> 5983 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 5984 5985 </i> 5986 </li> 5987 5988 <li class="p-menu__item" title="Cookie Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 5989 5990 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.com/cookies-policy" target="_blank">Cookie Policy</a> 5991 5992 </li> 5993 5994 5995 5996 5997 <li class="p-menu__item p-menu__item--separator"> 5998 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 5999 6000 </i> 6001 </li> 6002 6003 <li class="p-menu__item" title="Events Code of Conduct" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 6004 6005 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.c
6005om/events-code-conduct" target="_blank">Events Code of Conduct</a> 6006 6007 </li> 6008 6009 6010 6011 6012 <li class="p-menu__item p-menu__item--separator"> 6013 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 6014 6015 </i> 6016 </li> 6017 6018 <li class="p-menu__item" title="Event Participant Terms and Conditions" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 6019 6020 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.techoraco.com/event-participant-terms-conditions" target="_blank">Event Participant Terms and Conditions</a> 6021 6022 </li> 6023 6024 6025 6026 6027 <li class="p-menu__item p-menu__item--separator"> 6028 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 6029 6030 </i> 6031 </li> 6032 6033 <li class="p-menu__item" title="Sitemap" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 6034 6035 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="sitemap" target="_self">Sitemap</a> 6036 6037 </li> 6038 6039 6040 6041 </ul> 6042 6043
6043<script> 6044 function composerPatternMenuQuickLinks(params) { 6045 return { 6046 color: params.color, 6047 colorCustom: params.colorCustom, 6048 colorType: params.colorType, 6049 id: params.id, 6050 onHover: params.onHover, 6051 onHoverColor: params.onHoverColor, 6052 onHoverColorCustom: params.onHoverColorCustom, 6053 onHoverColorType: params.onHoverColorType, 6054 toggleOnHoverStyling($menuItem, action){ 6055 if (this.onHover) { 6056 console.log('this.onHover'); 6057 var $menuItemTitle = $menuItem.children(".p-menu__item__link"); 6058 6059 const toggleColor = () => { 6060 console.log('toggle color'); 6061 if (this.colorType == "class") { 6062 if (this.onHoverColorType == "class") { 6063 if (action == "enter") { 6064 $menuItemTitle.removeClass("u-color-" + this.color); 6065 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 6066 } 6067 else { 6068 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 6069 $menuItemTitle.addClass("u-color-" + this.color); 6070 } 6071 } 6072 else { 6073 if (action == "enter") { 6074 $menuItemTitle.removeClass("u-color-" + this.color); 6075 $menuItemTitle.css("color", this.onHoverColorCustom); 6076 } 6077 else { 6078 $menuItemTitle.addClass("u-color-" + this.color); 6079 $menuItemTitle.css("color", ""); 6080 } 6081 } 6082 } 6083 else { 6084 if (this.onHoverColorType == "class") { 6085 if (action == "enter") { 6086 $menuItemTitle.css("color", ""); 6087 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 6088 } 6089 else { 6090 $menuItemTitle.css("color", this.colorCustom); 6091 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 6092 } 6093 } 6094 else { 6095 if (action == "enter") { 6096 $menuItemTitle.css("color", this.onHoverColorCustom); 6097 } 6098 else { 6099 $menuItemTitle.css("color", this.colorCustom); 6100 } 6101 } 6102 } 6103 } 6104 6105 toggleColor(); 6106 } 6107 }, 6108 handleMenuItemMouseEnter(e) { 6109 this.toggleOnHoverStyling($(e.target), "enter"); 6110 }, 6111 handleMenuItemMouseLeave(e) { 6112 this.toggleOnHoverStyling($(e.target), "leave"); 6113 } 6114 }; 6115 } 6116 </script>
6116 6117 6118 6119 6120 </nav> 6121 6122 <div class="s-footer__default__asp-copyright"> 6123 <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> 6124 <img class="s-footer__default__asp-copyright__link__image" alt="ASP Events Logo" loading="lazy" src="https://themes.asp.events/_composer/includes/images/logos/logo_asp.svg" /> 6125 <span class="s-footer__default__asp-copyright__link__text u-color-white u-font-one u-font-one-size-small"> 6126 6127 Website by ASP 6128 6129 </span> 6130 </a> 6131 </div> 6132 </div> 6133 </div> 6134 </div> 6135 </div> 6136 </div> 6137 6138 </footer> 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 <template x-data x-if="$store.share.isVisible"> 6152 <div class="s-share"> 6153 <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> 6154 <div class="s-share__default__container"> 6155 <div class="s-share__default__background"> 6156 <div class="s-share__default__background__color u-background-color-white"></div> 6157 </div> 6158 <div class="s-share__default__header"> 6159 <h5 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> 6160 Share 6161 </h5> 6162 </div> 6163 <div class="s-share__default__body"> 6164 <ul class="s-share__default__body__list"> 6165 <li class="s-share__default__body__list__item"> 6166 <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> 6167 <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> 6168 </a> 6169 </li> 6170 <li class="s-share__default__body__list__item"> 6171 <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '"e=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> 6172 <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> 6173 </a> 6174 </li> 6175 <li class="s-share__default__body__list__item"> 6176 <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> 6177 <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> 6178 </a> 6179 </li> 6180 <li class="s-share__default__body__list__item"> 6181 <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> 6182 <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> 6183 </a> 6184 </li> 6185 <li class="s-share__default__body__list__item"> 6186 <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> 6187 <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> 6188 </a> 6189 </li> 6190 </ul> 6191 <div class="s-share__default__body__url"> 6192 <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> 6193 <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" role="button" aria-label="Share widget Copy URL button" x-on:click="handleOnUrlButtonClick">Copy URL</button> 6194 </div> 6195 </div> 6196 </div> 6197
6197<script> 6198 function composerStructureShare(params) { 6199 return { 6200 init() { 6201 $.magnificPopup.open({ 6202 items: { 6203 src: ".s-share__default", 6204 type: "inline" 6205 }, 6206 closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\" role=\"button\" aria-label=\"Share modal close button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", 6207 callbacks: { 6208 open: () => { 6209 $(".s-share__default__close").prependTo(".s-share__default"); 6210 6211 $(document).trigger("modal-open"); 6212 6213 gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 6214 }, 6215 afterClose: () => { 6216 Alpine.store('share').hideShare(); 6217 } 6218 } 6219 }); 6220 }, 6221 handleOnUrlButtonClick() { 6222 Alpine.store('share').copyToClipboard(); 6223 } 6224 } 6225 } 6226</script>
6226 6227 </div> 6228 </div> 6229 </template> 6230 6231 6232 <template x-data x-if="$store.search.isVisible"> 6233 <div class="s-search"> 6234 <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch" role="search" aria-label="Search"> 6235 <div class="s-search__default__container"> 6236 <div class="s-search__default__background"> 6237 <div class="s-search__default__background__color u-background-color-white"></div> 6238 </div> 6239 <div class="s-search__default__header"> 6240 <h5 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 6241 Website Search 6242 </h5> 6243 </div> 6244 <div class="s-search__default__body"> 6245 <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> 6246 <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> 6247 <div class="s-search__default__body__form__button"> 6248 <div class="w-button w-button--style-1 w-button--style-1--width-auto"> 6249 <button class="w-button__button" role="button" aria-label="Search button"> 6250 <span class="w-button__button__text">Search</span> 6251 </button> 6252 </div> 6253 </div> 6254 </form> 6255 </div> 6256 </div> 6257
6257<script> 6258 function composerStructureSearch(params) { 6259 return { 6260 init() { 6261 $.magnificPopup.open({ 6262 items: { 6263 src: ".s-search__default", 6264 type: "inline" 6265 }, 6266 closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\" role=\"button\" aria-label=\"Search modal close button\"></i></button>", 6267 callbacks: { 6268 open: () => { 6269 $(".s-search__default__close").prependTo(".s-search__default"); 6270 6271 $(document).trigger("modal-open"); 6272 6273 gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 6274 }, 6275 afterClose: () => { 6276 Alpine.store('search').hideSearch(); 6277 } 6278 } 6279 }); 6280 } 6281 } 6282 } 6283</script>
6283 6284 </div> 6285 </div> 6286 </template> 6287 6288 6289 6290 <template x-data x-if="$store.wishlist.isVisible"> 6291 <div class="s-wishlist"> 6292 <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> 6293 <div class="s-wishlist__default__container"> 6294 <div class="s-wishlist__default__background"> 6295 <div class="s-wishlist__default__background__color u-background-color-white"></div> 6296 </div> 6297 <div class="s-wishlist__default__header"> 6298 <h5 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 6299 Wishlist 6300 </h5> 6301 </div> 6302 <div class="s-wishlist__default__body"> 6303 <template x-if="!$store.wishlist.items.length"> 6304 <div class="s-wishlist__default__body__empty-state u-text-align-center"> 6305 Add some favourites to your wishlist to get started! 6306 </div> 6307 </template> 6308 <template x-if="$store.wishlist.items.length"> 6309 <div class="s-wishlist__default__body__wishlist"> 6310 <template x-if="$store.wishlist.isLoadingWishlist"> 6311 <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> 6312 6313 <div class="p-loader p-loader--default"> 6314 <div class="p-loader__icon"></div> 6315 </div> 6316 6317 </div> 6318 </template> 6319 <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> 6320 <div class="s-wishlist__default__body__wishlist__items"> 6321 <template x-for="items in $store.wishlist.wishlistItems"> 6322 <div class="s-wishlist__default__body__wishlist__items__list"> 6323 <div class="s-wishlist__default__body__wishlist__items__list__header"> 6324 <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> 6325 </div> 6326 <div class="s-wishlist__default__body__wishlist__items__list__body"> 6327 <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> 6328 <template x-for="item in items.items"> 6329 <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> 6330 <template x-if="item.image"> 6331 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> 6332 <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> 6333 <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> 6334 </a> 6335 </div> 6336 </template> 6337 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> 6338 <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> 6339 </div> 6340 </li> 6341 </template> 6342 </ul> 6343 </div> 6344 </div> 6345 </template> 6346 </div> 6347 </template> 6348 <template x-if="!$store.wishlist.isLoadingWishlist"> 6349 <div class="s-wishlist__default__body__wishlist__actions"> 6350 <template x-if="view == 'wishlist'"> 6351 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> 6352 <div class="w-button w-button--style-1"> 6353 <button class="w-button__button" role="button" aria-label="Download wishlist as PDF" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> 6354 </div> 6355 <div class="w-button w-button--style-1"> 6356 <button class="w-button__button" role="button" aria-label="Email wishlist as PDF" x-on:click="handleOnEmailClick">Email this List</button> 6357 </div> 6358 </div> 6359 </template> 6360 </div> 6361 </template> 6362 </div> 6363 </template> 6364 <template x-if="view == 'email'"> 6365 <div class="s-wishlist__default__body__email"> 6366 <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> 6367 <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="[email protected]" x-model="email" /> 6368 <div class="s-wishlist__default__body__email__form__button"> 6369 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> 6370 <div class="w-button w-button--style-1"> 6371 <button class="w-button__button" role="button" aria-label="Email wishlist as PDF" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> 6372 </div> 6373 </div> 6374 </div> 6375 </form> 6376 <div class="s-wishlist__default__body__email__back"> 6377 <button class="s-wishlist__default__body__email__back__link" role="button" aria-label="Back to wishlist" x-on:click="setVie
6377w('wishlist')"><i class="fal fa-arrow-left"></i></button> 6378 </div> 6379 </div> 6380 </template> 6381 <template x-if="view == 'generating'"> 6382 <div class="s-wishlist__default__body__download u-text-align-center"> 6383 Generating... 6384 </div> 6385 </template> 6386 </div> 6387 </div> 6388
6388<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script>
vendor: 2 bytes, line 6388
6388
6389<script> 6390 function composerStructureWishlist(params) { 6391 return { 6392 view: "wishlist", 6393 init() { 6394 $.magnificPopup.open({ 6395 items: { 6396 src: ".s-wishlist__default", 6397 type: "inline" 6398 }, 6399 closeMarkup: "<button class=\"s-wishlist__default__close mfp-close\" title=\"%title%\" type=\"button\" role=\"button\" aria-label=\"%title% close popup button\"><i class=\"s-wishlist__default__close__icon fal fa-times\"></i></button>", 6400 callbacks: { 6401 open: () => { 6402 $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); 6403 6404 $(document).trigger("modal-open"); 6405 6406 gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 6407 }, 6408 afterClose: () => { 6409 Alpine.store("wishlist").hideWishlist(); 6410 } 6411 } 6412 }); 6413 }, 6414 setView(view) { 6415 this.view = view; 6416 }, 6417 handleOnDownloadClick(url, items) { 6418 this.setView('generating'); 6419 6420 $.ajax({ 6421 url: url, 6422 method: 'POST', 6423 data: { contentID: items }, 6424 xhrFields: { 6425 responseType: 'blob' 6426 }, 6427 beforeSend: function (xhr) { 6428 xhr.overrideMimeType('application/pdf'); 6429 }, 6430 success: (data, status, xhr) => { 6431 if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { 6432 console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); 6433 return; 6434 } 6435 6436 var blob = data; 6437 var filename = 'wishlist.pdf'; 6438 6439 download(blob, filename, 'application/pdf'); 6440 6441 this.setView('wishlist'); 6442 }, 6443 error: (xhr, status, error) => { 6444 this.setView('wishlist'); 6445 6446 console.error("[showoff_composer]: error on handleOnDownloadClick()", error); 6447 } 6448 }); 6449 }, 6450 handleOnEmailClick() { 6451 this.setView('email'); 6452 }, 6453 handleOnEmailSubmitClick(url, items, email, event) { 6454 event.preventDefault(); 6455 6456 this.setView('generating'); 6457 6458 $.ajax({ 6459 type:'POST', 6460 url: url, 6461 data: {'contentID': items, 'email': email}, 6462 success: (response) => { 6463 this.setView('wishlist'); 6464 6465 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); 6466 }, 6467 error: (xhr, status, error) => { 6468 console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); 6469 6470 this.setView('wishlist'); 6471 } 6472 }); 6473 } 6474 } 6475 } 6476</script>
6476 6477 </div> 6478 </div> 6479 </template> 6480 6481 6482 6483 6484 <div class="s-ezone"> 6485 <div class='w-zone-loginwrapper' data-lostpassword='false'><div> 6486 6487 6488 <div class="w-zone-login js-zone-login"> 6489 6490 <div class="w-zone-login__no-access js-zone-login__no-access"> 6491 6492 </div> 6493 6494 <div class="w-zone-login__form-wrapper"> 6495 6496 <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> 6497 <input type="hidden" name="formID" value="LOGIN" id="formID"/> 6498 <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> 6499 <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> 6500 <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> 6501 6502 </form> 6503 6504 6505 </div> 6506 6507 6508 6509 </div> 6510 6511</div></div>
6511<script type='text/javascript'> 6512 $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ 6513 $script('/includes/javascript/ASPModal.old.min.js', function(){ 6514 $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.41', function(){ 6515 js_zone.login_init(); 6516 }); 6517 }); 6518 }); 6519 </script>
6519 6520 6521 </div> 6522 6523 6524 6525 6526 6527 6528 <a class="s-scroll-top s-scroll-top--right u-background-color-five" href="networking-app#top" aria-label="Scroll to top button" style=" border-radius: 70px;" x-data="composerStructureScrollTop"> 6529 <i class="fa-light fa-arrow-up u-color-four" style=""></i> 6530 6531
6531<script defer> 6532 function composerStructureScrollTop(params) { 6533 return { 6534 init() { 6535 this.toggleScrollTopVisibility(); 6536 this.bindScrollEvent(); 6537 }, 6538 bindScrollEvent() { 6539 $(window).on("scroll", this.toggleScrollTopVisibility); 6540 }, 6541 toggleScrollTopVisibility() { 6542 var $subpageHeight = $(".s-page-title").outerHeight() || 0; 6543 var $heroHeight = $(".s-hero__default").outerHeight() || 0; 6544 6545 var $totalHeight = $subpageHeight + $heroHeight; 6546 6547 if ($(window).scrollTop() > $totalHeight) { 6548 gsap.to($(".s-scroll-top"), {autoAlpha: 1, duration: 0.2}); 6549 } else { 6550 gsap.to($(".s-scroll-top"), {autoAlpha: 0, duration: 0.2}); 6551 } 6552 } 6553 } 6554 } 6555 </script>
6555 6556 6557 </a> 6558 6559 6560 6561 6562
6562<script defer> 6563 document.addEventListener('alpine:init', () => { 6564 Alpine.store('common', { 6565 siteUuid: '6DBD9337-93DF-85A8-9221AB47D578A9F0' 6566 }); 6567 6568 Alpine.store('search', { 6569 isVisible: false, 6570 showSearch() { 6571 this.isVisible = true; 6572 }, 6573 hideSearch() { 6574 this.isVisible = false; 6575 } 6576 }); 6577 6578 Alpine.store('share', { 6579 isVisible: false, 6580 subject: "Check out this link!", 6581 text: "", 6582 title: document.title, 6583 url: location.href, 6584 showShare() { 6585 if (navigator.share) { 6586 navigator.share({ 6587 title: this.title, 6588 text: this.text, 6589 url: this.url, 6590 }) 6591 .then() 6592 .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); 6593 } 6594 else { 6595 this.isVisible = true; 6596 } 6597 }, 6598 hideShare() { 6599 this.isVisible = false; 6600 }, 6601 setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { 6602 if (url.indexOf(window.location.origin) !== -1) { 6603 this.url = url; 6604 } else { 6605 this.url = window.location.origin + '/' + url; 6606 } 6607 6608 this.title = title; 6609 this.text = text; 6610 this.subject = subject; 6611 }, 6612 setSubject(value) { 6613 this.subject = value; 6614 }, 6615 setText(value) { 6616 this.text = value; 6617 }, 6618 setTitle(value) { 6619 this.title = value; 6620 }, 6621 setUrl(value) { 6622 this.url = value; 6623 }, 6624 copyToClipboard() { 6625 navigator.clipboard?.writeText(this.url); 6626 } 6627 }); 6628 6629 Alpine.store('wishlist', { 6630 items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), 6631 isLoadingWishlist: true, 6632 isVisible: false, 6633 wishlistItems: [], 6634 wishlistUrl: 'https://zone.showoff.asp.events/6DBD9337-93DF-85A8-9221AB47D578A9F0/wishlist', 6635 siteUuid: '6DBD9337-93DF-85A8-9221AB47D578A9F0', 6636 showWishlist() { 6637 this.isVisible = true; 6638 6639 this.getFavourites(); 6640 }, 6641 hideWishlist() { 6642 this.isVisible = false; 6643 }, 6644 addFavourite(id) { 6645 var items = this.items.split(','); 6646 6647 if (!items.includes(id)){ 6648 items.push(id); 6649 this.items = items.join(','); 6650 } 6651 6652 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { 6653 dimension7: id 6654 }]); 6655 }, 6656 removeFavourite(id) { 6657 var items = this.items.split(','); 6658 6659 if (items.indexOf(id.toString()) !== -1) { 6660 items.splice(items.indexOf(id.toString()), 1); 6661 this.items = items.join(','); 6662 } 6663 6664 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { 6665 dimension7: id 6666 }]); 6667 }, 6668 toggleFavourite(id) { 6669 if (this.items.includes(id)){ 6670 this.removeFavourite(id); 6671 } 6672 else { 6673 this.addFavourite(id); 6674 } 6675 }, 6676 getFavourites() { 6677 this.isLoadingWishlist = true; 6678 6679 $.ajax( 6680 { type:'POST' 6681 , url: this.wishlistUrl + '/contentbyid' 6682 , data: {'contentID': this.items} 6683 , success: (response) => { 6684 this.isLoadingWishlist = false; 6685 6686 const mergedItems = []; 6687 6688 response.data.forEach(item => { 6689 const libraryName = item.libraryName; 6690 6691 let group = mergedItems.find(obj => obj.name === libraryName); 6692 6693 if (!group) { 6694 group = { name: libraryName, items: [] }; 6695 mergedItems.push(group); 6696 } 6697 6698 group.items.push(item); 6699 }); 6700 6701 this.wishlistItems = mergedItems; 6702 } 6703 }); 6704 } 6705 }); 6706 }) 6707 </script>
6707 6708 6709 </div> 6710 6711 6712 6713 6714 6715
6715<script src="/includes/javascript/showoff.global.min.js" ></script>
6715 6716
6716<script type=""text/javascript""> 6717 var _paq = _paq || []; 6718 //prc_visitorSession// 6719 </script>
6719 6720 <style> 6721 6722form .form__group__controls input { border-radius: 6px; } 6723 6724.hover\:u-background-color-one:hover { color: #000!important; } 6725 6726m-seminar-list__streams__list__item__name a { color: #0d0a33; } 6727 6728.p-menu--dropdown { justify-content: center; } 6729 6730.p-panel--structure-footer-style-1 .p-panel__header__divider { background: linear-gradient(90deg,rgba(255, 229, 150, 1) 0%, rgba(255, 208, 0, 1) 30%, rgba(249, 176, 0, 1) 60%, rgba(13, 10, 51, 1) 90%); } 6731 6732.p-section__header__description { max-width: 900px!important; } 6733 6734@media screen and (max-width: 1280px) { 6735.p-menu__item__submenu-toggle .fal { font-size: xx-large; } } 6736 6737.pagination--entry .pagination__list__item__link__icon { color: #000; } 6738 6739.s-header__mobile__default__wrapper-one { display: flex; flex-direction: row; } 6740.s-header__mobile__logo { margin-right: 20px; align-content: center; } 6741.s-header__mobile--style-1 .s-header__mobile__dates .w-button--style-1 .w-button__button { font-size: smaller; } 6742.s-header__mobile--style-1 .s-header__mobile__default__wrapper-two { align-content: center; flex-wrap: wrap; } 6743.s-header__mobile--style-1 .s-header__mobile__open__close__button { border-width: 3px; } 6744.s-header__mobile--style-1 .s-header__mobile__open-trigger__button { border-width: 3px; } 6745 6746.s-header__sticky__call-to-actions .w-button--style-1 .w-button__button { font-size: 0.9rem; } 6747.s-header__sticky__call-to-actions .w-button--style-2 .w-button__button { font-size: 0.9rem; } 6748.s-header__sticky__call-to-actions .w-button--style-3 .w-button__button { font-size: 0.9rem; } 6749.s-header__sticky__call-to-actions .w-button--style-4 .w-button__button { font-size: 0.9rem; } 6750.s-header__sticky__call-to-actions .w-button--style-5 .w-button__button { font-size: 0.9rem; } 6751.s-header__sticky__call-to-actions .w-button--style-6 .w-button__button { font-size: 0.9rem; } 6752.s-header__sticky__call-to-actions .w-button--style-7 .w-button__button { font-size: 0.9rem; } 6753.s-header__sticky__call-to-actions .w-button--style-8 .w-button__button { font-size: 0.9rem; } 6754 6755.s-hero__default__video--style-5 .s-hero__default__video__background>* { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://cdn.asp.events/CLIENT_Delinian_88510B86_A1E4_E5AE_E5572932A0001A1B/sites/datacloud-africa-2026/media/hero/ITW-DC-2026-Theme-web-banner-3000x3000.svg)!important; } 6756 6757.s-hero__mobile { display: none; } 6758 6759.s-footer__default--style-1 .s-footer__default__wrapper-one .p-divider { color: unset; } 6760 6761.u-border-bottom-solid-1 { border-bottom-width: 3px; } 6762.u-layout-container-small { padding-top: 5px; padding-bottom: 5px; } 6763 6764.m-seminar-list__streams__list__item__image { max-width: 40px; } 6765 6766.s-page-title__default--style-2 .s-page-title__default__container__inner { padding-top: 18px; padding-bottom: 18px; } 6767 6768@media (max-width: 768px) { 6769.s-scroll-top { display: flex; align-items: center; justify-content: center; } } 6770 6771.w-carousel--style-1 .w-carousel__items__item__image { border-radius: 6px; } 6772 6773.w-card-slide-up--style-1 { min-height: 250px; } 6774 6775@media (max-width: 1024px) { 6776.w-countdown--style-1 .w-countdown__timer { flex-direction: row; } } 6777 6778.w-image-slider--style-1 .w-image-slider__items__item__image.has-aspect-ratio .w-image-slider__items__item__image__image { border-radius: 6px; } 6779 6780@media (min-width: 768px) { 6781.w-tabs--style-1 .w-tabs__body__tab__image { width: 30%; } } 6782 6783.w-video--style-1 .w-video__container { border-radius: 6px; } 6784.w-video--style-1 .w-video__video { border-radius: 6px; box-shadow: 1px 6px 10px 1px!important; } 6785 6786.w-video-youtube--style-1 .w-video-youtube__container { border-radius: 6px; } 6787.w-video-youtube--style-1 .w-video-youtube__video { border-radius: 6px; } 6788 6789</style> 6790 6791 6792 6793 </body> 6794 6795 </html> 6796 6797
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.