CINXE.COM

Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper

<!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <title>Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper</title> <link href="https://inthecloud.withgoogle.com/template-files/normalize.css" rel="stylesheet"/> <link href="https://inthecloud.withgoogle.com/template-files/swiper-bundle.min.css" rel="stylesheet"/> <link href="https://inthecloud.withgoogle.com/template-files/swiper-bundle.css" rel="stylesheet"/> <link href="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon.ico" rel="shortcut icon"/> <link href="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/apple-icon.png" rel="apple-touch-icon"/> <link href="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/> <link href="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/> <link href="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/> <!-- BRAND COLOR --> <!-- Hero Images --> <!-- HERO SECTIONS--> <!-- FRAMED --> <style> #heroFrame { display: none; } #heroFrame .hero-image.no-color { background-color: transparent; } </style> <!-- STAIRSTEP --> <style> #heroStairstep { display: none; } </style> <!-- GRID --> <style> #heroGrid { display: none; } @media (min-width: 768px) { #heroGrid .hero-image img { object-position: left,right,center; } } </style> <!-- FULL WIDTH WHITE TEXTBLOCK CENTERED --> <style> #heroFull { display: none; } </style> <!-- FULL WIDTH PHOTO TEXT OVERLAY --> <style> #heroFullPhoto { display: none; } #heroFullPhoto .hero-grid .info .event-info, #heroFullPhoto .headline h1 { color: #202124 !important; } </style> <!-- FULL WIDTH ILLUSTRATION --> <style> #heroFullIllustration { display: none; } </style> <!-- HERO GRADIENT FORM 2 COL --> <!-- Two Column Layout --> <!-- FORM BAR COLOR --> <!-- <meta class="mktoColor" id="formBarColor" mktoName="Form Bar Color" default="#FABB05"> --> <!-- BODY CONTENT FORMATTING --> <!-- VISIBILITY --> <!-- SPEAKERS --> <!-- SECTION ORDER --> <!-- COUNTDOWN ORDER --> <!-- Disabled CTAs --> <!-- Thank you Popup --> <!-- Variable Font Imports --> <!-- Partner Website Validation --> <meta content="noindex, nofollow" name="robots"/><meta content="google, google cloud" name="keywords"/><meta content="According to the Heavy Reading “Telcos and Hyperscalers: Together at the Edge” research, communications service providers (CSPs) are committed to growing edge computing deployments, as measured by the number of sites, by 10−25%, on average. " name="description"/> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Google+Sans+Text:400,500,700,400i,500i,700i|family=Google+Sans:400,400i,500,500i,700,700i|Google+Sans+Display:400,400i,500,500i,700,700i&subset=latin,latin-ext,vietnamese,greek,cyrillic');@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap'); :root {--font-gs-headline: 'Google Sans', Arial, sans-serif;--font-gs-body: 'Google Sans Text', Arial, sans-serif;--font-numbers: 'Roboto Mono', monospace;} #partnerLogo { display: none !important; } .hero-image-mobile { display: none; } #language-dropdown { display: none !important; } #headerCTA { display: block !important; } #heroDateTimeWrapper { display: none !important; } #heroLocationWrapper { display: none !important; } #CTARegion { display: none !important; } #countdown { display: none !important; } #nav-wrap { display: none !important; } #content-text { display: block !important; order: 1; } #testimonial { display: none !important; order: 5; } #testimonialInvert { display: none !important; order: 6; } #resources { display: block !important; order: 7; } #resourcesOne { display: block !important; } #resourcesMulti { display: none !important; } #multicity-cities{ display: none !important; order: 8; } #multicity-accordion{ display: none !important; order: 9; } #multiCityMap { display: none !important; order: 10; } #speakers { display: none !important; order: 3; } #carousel { display: none !important; order: 11; } #agenda { display: none !important; order: 4; } #agendaExpandable { display: none !important; order: 4; } #agendaTwoTrack { display: none !important; order: 4; } #agendaThreeTrack { display: none !important; order: 4; } #partnersSection{ display: none !important; order: 12; } #promosThree { display: none !important; order: 13; } #promosTwo { display: none !important; order: 13; } #promosOne { display: none !important; order: 13; } #map { display: none !important; order: 4; } #form { display: block !important; order: 14; } #form .container:before { background: ${formBarColor}; } #speaker-card-1 { display: block; } #speaker-card-2 { display: block; } #speaker-card-3 { display: none; } #speaker-card-4 { display: none; } #speaker-card-5 { display: none; } #speaker-card-6 { display: none; } #speaker-card-7 { display: none; } #speaker-card-8 { display: none; } #speaker-card-9 { display: none; } #speaker-card-10 { display: none; } #speaker-card-11 { display: none; } #speaker-card-12 { display: none; } #speaker-card-13 { display: none; } #speaker-card-14 { display: none; } #speaker-card-15 { display: none; } #speaker-card-16 { display: none; } #speaker-card-17 { display: none; } #speaker-card-18 { display: none; } #speaker-card-19 { display: none; } #speaker-card-20 { display: none; } #heroStairstep .hero-image img { max-height: 681px; } @media (min-width: 768px) { #heroStairstep .hero-image { text-align: -webkit-center; } } @media (max-width: 768px) { #heroStairstep .hero-image .step { display: none !important; } } @media (max-width: 640px) { #heroFull .hero-image-mobile { display: block; } #heroFull .hero-image { display: none; } } @media (min-width: 1024px) { #heroStairstep .hero-info { min-height: 100px !important; } } /*add in CSS file*/ @media (max-width: 768px){ .speaker-info{ display: inline-block; width:100%; max-width:287px; } } </style> <script> window.mktoVariables = { alphabetizeSpeakers : false, // Used in speaker.js speakerOrder : "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20", // Used in speaker.js showBrandColorPop : "showBrandColorPop" === "brandColorPop" ? true : false, // used in body-update-script.html / variable-brand-colors.scss showHeaderCTA: "block" === "block" ? true : false, // Used in layout.js showLanguageDropdown: "none" === "block" ? true : false, // Used in layout.js showHeroLocationWrapper: "none" === "grid" ? true : false, // Used in layout.js showHeroDateTimeWrapper: "none" === "grid" ? true : false, // Used in layout.js showHeroPortrait: "portrait" === "portrait" ? true : false, // Used in layout.js showNav: "none" === "block" ? true : false, // Used in layout.js showHeroCTA: "none" === "block" ? true : false, // Used in layout.js twoColumn: "two-col" === "two-col" ? true : false, showHeroForm: "gradient" === "gradient" ? true : false, // Used in layout.js partnerEmailValidation: "Corporate email address required.", tyFormMessage: "Thank you for downloading.", useTyPopup: true, } </script> <!-- DO NOT CHANGE --> <link href="https://inthecloud.withgoogle.com/template-files/cloudstyle-v4-app.css" rel="stylesheet"/> <!-- Edited by @aivy on Thu Jul 01 2021 13:49:45 GMT-0700. --> <!-- / DO NOT CHANGE --> <style> @import url('https://fonts.googleapis.com/css?family=Google+Sans+Text:400,500,700,400i,500i,700i|Google+Sans:400,400i,500,500i,700,700i|Google+Sans+Display:400,400i,500,500i,700,700i&amp;subset=latin,latin-ext,vietnamese,greek,cyrillic'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap'); body { --font-gs-display: 'Google Sans Display', Arial, sans-serif; --font-gs-headline: 'Google Sans', Arial, sans-serif; --font-gs-body: 'Google Sans Text', Arial, sans-serif; --font-numbers: 'Roboto Mono', monospace; } /* To test RTL uncomment this section and add class "use-rtl" to the body element */ /* .rtl { direction: rtl !important; } .rtl-text { text-align: right !important; } */ </style> <!-- Google Tag Manager (Place this in <head> tag or as a "Meta Tag") --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5PZ5JTV'); </script> <!-- End Google Tag Manager --> <meta content="Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper" property="og:title"/> <meta content="website" property="og:type"/> <meta content="According to the Heavy Reading “Telcos and Hyperscalers: Together at the Edge” research, communications service providers (CSPs) are committed to growing edge computing deployments, as measured by the number of sites, by 10−25%, on average. " property="og:description"/> <meta content="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/google-cloud-ogimage.jpg" property="og:image"/> <script>var language = "en"</script> <script defer="" src="/edge-webinar-and-whitepaper/static/js/contentonly.js"></script> <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link href="/favicon.ico" rel="icon" type="image/x-icon"/> <style>.mktoGen.mktoImg {display:inline-block; line-height:0;}</style> <script src="https://assets.adoberesources.net/loader.js?orgId=4F825249624F18BD0A495FEC@AdobeOrg&amp;instanceId=googlecloudplatform&amp;env=prod&amp;geo=va7" type="text/javascript"></script> </head> <body class="mdc-typography" data-brandcolor="showBrandColorPop" data-form="block" data-twocolumn="two-col" id="bodyId"> <script> var rtlBody = ""; var twoColumn = "two-col"; let brandColorPop = "showBrandColorPop", brandGreen = "", brandRed = "brandRed", brandYellow = "", brandBlue = ""; if (rtlBody !== "") { document.body.classList.add("use-rtl"); } if (twoColumn !== "") { document.body.classList.add("two-col"); } if (brandColorPop !== "") { document.body.classList.add("brandColorPop"); if (brandGreen !== "") { document.body.classList.add("brand-green"); } else if (brandRed !== "") { document.body.classList.add("brand-red"); } else if (brandYellow !== "") { document.body.classList.add("brand-yellow"); } else if (brandBlue !== "") { document.body.classList.add("brand-blue"); } } </script> <!-- Google Tag Manager (noscript) (Place this in the top of the HTML in <body>) --> <noscript> <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-5PZ5JTV" style="display:none;visibility:hidden" width="0"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <header id="site-header"> <div class="header-container" data-cta="block" data-lang="none"> <div class="header-left mktoText" id="mainLogos"> <div class="google-logo-container"><img alt="Google Cloud" class="new-logo" id="logo" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <div class="partner-logo-container"><img alt="Partner Logo" class="partner-logo" id="partnerLogo" src="https://via.placeholder.com/300x100"/></div> </div> <div class="header-right" data-lang="none"> <div class="dropdown mktoText rtl rtl-text" id="language-dropdown"> <button class="mdc-button gray dropdown-toggle" data-mdc-auto-init="MDCRipple"> <span class="mdc-button__label">Language</span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_drop_down</i> </button> <ul aria-hidden="true" aria-orientation="vertical" class="dropdown-content" role="menu" tabindex="-1"> <li role="menuitem"> <a href="#">English</a> </li> <li role="menuitem"> <a href="#">Español</a> </li> </ul> </div> <div class="mktoText" data-disable-cta="false" id="headerCTA"><div><!-- ADD disabled to make button disabled: <button disabled>Text</button> --> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Get the research</button></div></div> </div> </div> </header> <div class="page-cover" id="lang-page-cover"></div> <div id="home"></div> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" data-portrait-hero="portrait" id="heroFrame"> <div class="container"> <div class="hero-grid rtl rtl-text"> <div class="hero-info"> <div class="hero-headline mktoText" id="heroFrameHeadline"> <h1>H1 60 characters et <span class="brandColorText">ipsum dolor</span> sit amet phaerta et purus</h1> </div> <div class="hero-desc mktoText" id="heroFrameDescription"> <p>180 characters lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id auctor erat. Mauris cursus pharetra purus, et blandit magna condimentum et felis.</p> </div> <div class="event-info mktoText" id="heroFrameEventInfo"> <span class="date brandColorText"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroFrameCTA"><div><button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Register now</button></div></div> </div> <div class="hero-image no-color"> <img alt="" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> </div> </div> </div> </section> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" id="heroStairstep"> <div class="container-full"> <div class="hero-grid rtl rtl-text"> <div class="container"> <div class="hero-info"> <div class="hero-headline mktoText" id="heroStepHeadline"> <h1>H1 60 characters et <span class="brandColorText">ipsum dolor</span> sita amet phaerta et purus</h1> </div> <div class="hero-desc mktoText" id="heroStepDescription"> <p>180 characters lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id auctor erat. Mauris cursus pharetra purus, et blandit magna condimentum et felis.</p> </div> <div class="event-info mktoText" id="heroStairstepEventInfo"> <span class="date brandColorText"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroStairstepCTA"> <div> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Primary Button</button> </div> </div> </div> </div> <div class="hero-image"> <img alt="" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> <div class="step"></div> </div> </div> </div> </section> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" id="heroGrid"> <div class="container-full"> <div class="hero-grid rtl rtl-text"> <div class="q1"> <div class="hero-info"> <div class="hero-headline mktoText" id="heroGridHeadline"> <h1>H1 60 characters et <span class="brandColorText">ipsum dolor</span> sit amet phaerta et purus</h1> </div> <div class="hero-desc mktoText" id="heroGridDescription"> <p>180 characters lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id auctor erat. Mauris cursus pharetra purus, et blandit magna condimentum et felis.</p> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroGridCtA"> <div> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Primary Button</button> </div> </div> </div> </div> <div class="q2 hero-image"> <img alt="" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> </div> <div class="q3 brandColorBG"> <div class="event-info mktoText" id="gridEventInfo"> <span class="date"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> </div> <div class="q4"> <div class="countdownWrapper mktoText" id="countdownWrapperGrid"> <div class="block"> <p> <span class="dayNum number brandColorText"></span> <span class="text">days</span> </p> </div> <div class="block"> <p> <span class="hourNum number brandColorText"></span> <span class="text">hours</span> </p> </div> <div class="block"> <p> <span class="minNum number brandColorText"></span> <span class="text">minutes</span> </p> </div> </div> </div> </div> </div> </section> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" id="heroFull"> <div class="container-full"> <div class="hero-grid"> <div class="hero-image"> <img alt="" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> </div> <div class="hero-image-mobile"> <img alt="" src="https://via.placeholder.com/750x402"/> </div> <div class="hero-info rtl"> <div class="hero-headline mktoText" id="heroFullHeadline"> <h1>H1 60 characters et <span class="brandColorText">ipsum dolor</span> sit amet phaerta et purus</h1> </div> <div class="event-info mktoText" id="heroFullEventInfo"> <span class="date brandColorText"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroFullCTA"> <div> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Primary Button</button> </div> </div> </div> </div> </div> </section> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" id="heroFullPhoto"> <div class="hero-grid rtl"> <div class="container-full img"> <img alt="" class="hero-image" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> </div> <div class="container headline"> <div class="hero-headline rtl mktoText" id="heroFullPhotoHeadline"> <h1>H1 60 characters et ipsum dolor sit amet phaerta et purus</h1> </div> </div> <div class="container info"> <div class="event-info rtl"> <div class="mktoText" id="heroFullPhotoEventInfo"> <span class="date"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroFullPhotoCTA"> <div> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Primary Button</button> </div> </div> </div> </div> </div> </section> <section class="hero" data-cta="none" data-event-date="none" data-event-location="none" data-nav="none" id="heroFullIllustration"> <div class="container"> <div class="hero-grid rtl"> <div class="hero-info rtl"> <div class="hero-headline mktoText" id="heroFullIllHeadline"> <h1>H1 60 characters et <span class="brandColorText">ipsum dolor</span> sit amet phaerta et purus</h1> </div> <div class="hero-desc mktoText" id="heroFullIllDescription"> <p>180 characters lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id auctor erat. Mauris cursus pharetra purus, et blandit magna condimentum et felis.</p> </div> </div> <div class="event-info rtl"> <div class="mktoText" id="heroFullIllEventInfo"> <span class="date brandColorText"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="heroFullIllCTA"> <div> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Primary Button</button> </div> </div> </div> </div> </div> <div class="container-full"> <img alt="" class="hero-image" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers_thumbnail.png"/> </div> </section> <section class="sortable rtl rtl-text" id="countdown"> <h2 class="visually-hidden">Event countdown timer</h2> <div class="container"> <div class="countdownWrapper" id="countdownWrapperFull" role="timer"> <div class="block"> <p> <span class="dayNum number brandColorText"></span> <span class="text mktoText" id="cdDay">days</span> </p> </div> <div class="block"> <p> <span class="hourNum number brandColorText"></span> <span class="text mktoText" id="cdHr">hours</span> </p> </div> <div class="block"> <p> <span class="minNum number brandColorText"></span> <span class="text mktoText" id="cdMin">minutes</span> </p> </div> </div> </div> </section> <main id="wrap"> <div id="nav-wrap"> <div id="site-nav"> <div class="container rtl rtl-text"> <nav> <div class="mktoText" id="navMobileMenuToggle"> <button class="mobile-toggle"><i class="material-icons-outlined">menu</i></button> </div> <div id="mobile-nav"> <div class="mktoText" id="theNavigation"><div class="mobile-nav-logo-container"><img alt="Google Cloud" class="new-logo" id="logoMobileNav" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <ul class="nav-links"> <ul class="nav-links"> <li class="nav-link"><a href="#home">Home</a></li> <li class="nav-link"><a href="#agenda">Agenda</a></li> <li class="nav-link"><a href="#speakers">Speakers</a></li> <li class="nav-link"><a href="#multicity-accordion">City</a></li> <!--<li class="nav-link" id="locations"><button id="location-toggle">Location<i class="material-icons">arrow_drop_down</i></button> <ul id="sub-locations"> <li><a href="#city">Americas</a></li> <li><a href="#city">Europe, Middle East &amp; Africa</a></li> <li><a href="#city">Asia Pacific</a></li> </ul> <ul id="sub-locations-mobile"> <li><a href="#city">Americas</a></li> <li><a href="#city">Europe, Middle East &amp; Africa</a></li> <li><a href="#city">Asia Pacific</a></li> </ul> </li> </ul>--> <!-- Uncomment this (and comment out the above menu) for multi-page setup. Add the class of 'active' to the li of the nav element to signify which page the user is on. <ul class="nav-links"> <li class="nav-link active"><a href="inthecloud.withgoogle.com">Home</a></li> <li class="nav-link"><a href="">Agenda</a></li> <li class="nav-link"><a href="">Speakers</a></li> <li class="nav-link"><a href="inthecloud.withgoogle.com">Register</a></li> <li class="nav-link" id="locations"> <button id="location-toggle">Location<i class="material-icons">arrow_drop_down</i></button> <ul id="sub-locations"> <li><a href="#city">Americas</a></li> <li><a href="#city">Europe, Middle East &amp; Africa</a></li> <li><a href="#city">Asia Pacific</a></li> </ul> <ul id="sub-locations-mobile"> <li><a href="#city">Americas</a></li> <li><a href="#city">Europe, Middle East &amp; Africa</a></li> <li><a href="#city">Asia Pacific</a></li> </ul> </li> </ul> --></ul> </ul> <div id="headerCTAMobileNav"><!-- ADD disabled to make button disabled: <button disabled>Text</button> --> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Register now</button></div></div> </div> </nav> <div class="page-cover" id="menu-page-cover"></div> </div> </div> </div> <div class="two-col-grid"> <div id="left-col"> <section class="sortable hero rtl rtl-text" id="heroFormHeadline" style="display: none;"> <div class="container"> <div class="mktoText withImage imageRight" id="heroFormH1"><div class="mainBody"><!-- UNCOMMENT IMAGE TAG AND ADD YOUR IMAGE PREVIEW URL - TOGGLE VARIABLES TO SHOW AND ALIGN --> <h1>Telcos and <span class="brandColorText">hyperscalers at the edge</span></h1> <a href="https://services.google.com/fh/files/misc/heavyreading_telcos_and_hyperscalers_at_the_edge_wp_dec2023.pdf " target="_blank"><img alt="" border="" src="/edge-webinar-and-whitepaper/static/img/HeavyReadingTelcosHyperscalers.png"/></a> <p>How CSP attitudes have changed about the benefits and challenges of working with hyperscalers on edge computing</p> <button class="mdc-button mdc-button--raised" data-href="form" data-mdc-auto-init="MDCRipple">Get the research</button></div></div> <div class="event-info rtl" id="heroFormEventInfoContainer"> <div class="mktoText" id="heroFormEventInfo"> <span class="date brandColorText"></span> <span class="time">–</span> <div class="location"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> <span></span> </div> </div> </div> </div> </section> <section class="sortable rtl rtl-text" id="content-text"> <div class="container"> <div class="mktoText withImage imageRight" id="bodyParagraph"><div class="mainBody"><!-- UNCOMMENT IMAGE TAG AND ADD YOUR IMAGE PREVIEW URL - TOGGLE VARIABLES TO SHOW AND ALIGN --> <!-- <img src="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/PDF-Asset-Hero.png" alt="" border=""> --> <h2>How telcos and cloud providers are collaborating to accelerate edge computing</h2> <p>According to the Heavy Reading “Telcos and Hyperscalers: Together at the Edge” research, communications service providers (CSPs) are committed to growing edge computing deployments, as measured by the number of sites, by 10−25%, on average. <br/><br/> What is driving CSPs to partner with hyperscale cloud providers? What challenges remain to be addressed through these partnerships? <br/> <br/>Get the Heavy Reading research, co-sponsored by Ericsson, Google Cloud, Intel, and Viavi, to learn more. We aim to better understand not only how the market for multi-access edge computing (MEC) services is evolving, but also the critical opportunities and challenges CSPs and hyperscale cloud provider alliances are looking to address at the edge.</p> </div></div> </div> </section> <section class="sortable rtl rtl-text" id="testimonial"> <div class="container"> <div class="mktoText" id="testimonialContent"> <div> <!-- TO ADD ANOTHER TESTIMONIAL COPY: --> <!-- START --> <div class="testimonial-wrapper"> <div class="icon-quote"> <svg class="quote brandColorFill" height="64px" viewbox="0 0 87 64" width="87px"> <use xlink:href="#icon-quote" xmlns:xlink="http://www.w3.org/1999/xlink"></use> </svg> </div> <blockquote> <h2>120 characters autem quibusdam et autae officiis debitis aut rerum necessitatibus saepe eveniet voluptates repudiandae sint.</h2> <cite>—Firstname Lastname, Title lorem ipsum dolor set amet</cite> </blockquote> </div> <!-- END --> </div> </div> </div> </section> <section class="sortable rtl rtl-text invert" id="testimonialInvert"> <div class="mktoText" id="testimonialInverted"> <div> <!-- TO ADD ANOTHER TESTIMONIAL COPY: --> <!-- START --> <div class="container brandColorBG"> <div class="testimonial-wrapper"> <div class="icon-quote"> <svg class="quote" height="64px" style="fill: #fff;" viewbox="0 0 87 64" width="87px"> <use xlink:href="#icon-quote" xmlns:xlink="http://www.w3.org/1999/xlink"></use> </svg> </div> <blockquote> <h2>120 characters autem quibusdam et autae officiis debitis aut rerum necessitatibus saepe eveniet voluptates repudiandae sint.</h2> <cite>—Firstname Lastname, Title lorem ipsum dolor set amet</cite> </blockquote> </div> </div> <!-- END--> </div> </div> </section> <div style="display: none;"> <!-- ICON QUOTE --> <svg height="64px" version="1.1" viewbox="0 0 87 64" width="87px" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-quote"> <title>icon-quote</title> <g fill-rule="nonzero" id="quote" transform="translate(-335.000000, -1906.000000)"> <g id="testimonial-d" transform="translate(0.000000, 1325.000000)"> <g id="TESTIMONIAL-lt" transform="translate(0.000000, 520.000000)"> <path d="M354.92403,125 C360.420314,125 365.076888,123.070922 368.893752,119.212766 C372.710616,115.35461 374.619048,110.702128 374.619048,105.255319 C374.619048,101.018913 373.473988,97.3498818 371.18387,94.248227 C368.893752,91.1465721 365.992935,88.9148936 362.48142,87.5531915 L362.48142,87.5531915 L374.161024,69.8510638 L360.649326,61 L340.725296,90.2765957 C338.740527,93.1513002 337.290118,95.6855792 336.374071,97.8794326 C335.458024,100.073286 335,102.531915 335,105.255319 C335,110.702128 336.946601,115.35461 340.839802,119.212766 C344.733003,123.070922 349.427746,125 354.92403,125 Z M401.40022,125 C406.896504,125 411.553078,123.070922 415.369942,119.212766 C419.186806,115.35461 421.095238,110.702128 421.095238,105.255319 C421.095238,101.018913 419.950179,97.3498818 417.660061,94.248227 C415.369942,91.1465721 412.469126,88.9148936 408.957611,87.5531915 L408.957611,87.5531915 L420.637214,69.8510638 L407.125516,61 L387.201486,90.2765957 C385.216717,93.1513002 383.766309,95.6855792 382.850261,97.8794326 C381.934214,100.073286 381.47619,102.531915 381.47619,105.255319 C381.47619,110.702128 383.422791,115.35461 387.315992,119.212766 C391.209194,123.070922 395.903936,125 401.40022,125 Z"></path> </g> </g> </g> </symbol> </defs> </svg> </div> <section class="sortable rtl rtl-text" id="resources"> <div class="container"> <div class="resources one mktoText" id="resourcesOne"><div class="resource-card"><a href="https://www.youtube.com/watch?v=kZO4l4XR2j0&amp;list=PLBgogxgQVM9s9fQpY9CLP6jW0RWbIQO3C&amp;index=37" target="_blank"><img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/Stocksy_txp4fba784c971300_3509033_retouched_RGB.jpg"/></a> <div class="content"> <div><br/></div> <a class="card-link low-em" href="https://www.youtube.com/watch?v=kZO4l4XR2j0&amp;list=PLBgogxgQVM9s9fQpY9CLP6jW0RWbIQO3C&amp;index=37" target="_blank">Webinar on-demand</a> <div><br/></div> <p>Learn the most critical opportunities and challenges communications service providers and hyperscalers are tackling at the edge.</p> </div> </div></div> <div class="resources multi mktoText" id="resourcesMulti"> <h2>H2 50 characters lorem eusa qui dolor sit elis amet</h2> <div class="card-grid"> <div class="resource-card"> <img alt="" loading="lazy" src="https://via.placeholder.com/670x380"/> <div class="content"> <p class="eyebrow"><small>OPTIONAL EYEBROW</small></p> <h3>H3 28 characters lorem ipsum</h3> <p>105 characters autem quibusdam et officii debitis rerum necessitatibus saepe eveniet quibusdam et officiis</p> <a class="card-link low-em" href="#">Link text</a> </div> </div><!-- CARD --> <div class="resource-card"> <img alt="" loading="lazy" src="https://via.placeholder.com/670x380"/> <div class="content"> <p class="eyebrow"><small>OPTIONAL EYEBROW</small></p> <h3>H3 28 characters lorem ipsum</h3> <p>105 characters autem quibusdam et</p> <a class="card-link low-em" href="#">Link text</a> </div> </div><!-- CARD --> <div class="resource-card"> <img alt="" loading="lazy" src="https://via.placeholder.com/670x380"/> <div class="content"> <p class="eyebrow"><small>OPTIONAL EYEBROW</small></p> <h3>H3 28 characters lorem ipsum</h3> <p>105 characters autem quibusdam et officii debitis rerum necessitatibus saepe eveniet quibusdam et officiis</p> <a class="card-link low-em" href="#">Link text</a> </div> </div><!-- CARD --> </div> </div> </div> </section> <section class="sortable rtl rtl-text" id="multicity-cities"> <div class="container mktoText" id="multicity"><h2>H2 50 characters lorem eusa ipsum dolor sit elis amet</h2> <div class="city-wrapper"> <div class="city-grid"> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img alt="" class="lazy" src="https://via.placeholder.com/670x380"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img alt="" class="lazy" src="https://via.placeholder.com/670x380"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div> <h2>H2 50 characters lorem eusa ipsum dolor sit elis amet</h2> <div class="city-wrapper"> <div class="city-grid"> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div></div> </section> <section class="sortable rtl rtl-text" id="multicity-accordion"> <div class="container mktoText" id="multicityAccordion"><h2>H2 50 characters lorem eusa ipsum dolor sit elis amet</h2> <div class="accordions"> <div class="accordions-toggle"> <p class="eyebrow">countries</p> <button class="low-em"> <span class="mdc-button__label">Expand all</span> <svg aria-hidden="true" role="presentation"><use xlink:href="#icon-expand-all" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg> </button></div> <div class="accordion" id="country-1"> <div class="accordion-toggle" data-href="country-1" role="button" tabindex="0"> <h3 class="subhead">Country one</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i></div> <div aria-hidden="true" class="accordion-content"> <div class="city-grid"> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div> </div> <div class="accordion" id="country-2"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Country two</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i></div> <div aria-hidden="true" class="accordion-content"> <div class="city-grid"> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div> </div> <div class="accordion" id="country-3"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Country three</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i></div> <div aria-hidden="true" class="accordion-content"> <div class="city-grid"> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic"><img class="lazy" constrain="true" height="420" imagepreview="false" src="https://via.placeholder.com/740x420" width="740"/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div> </div> <!-- END ACCORDION --> <div class="accordion" id="country-4"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Country four ~ without images</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i></div> <div aria-hidden="true" class="accordion-content"> <div class="city-grid"> <div class="city"><!-- add class no-img toggle --> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> <div class="city"> <div class="city-graphic no-img"><br/></div> <div class="city-content"> <h3>H3 28 characters lorem ipsum</h3> <p class="date subhead">Date XX, XXXX [SH-M]</p> <p>Tracks available:</p> <ul class="tracks"> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> <li><a class="track" href="#"> <span class="track-name">Link to page</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_right</i> </a></li> </ul> </div> </div> </div> </div> </div> <!-- END ACCORDION--></div></div> </section> <div style="display: none;"> <svg height="18" id="icon-expand-all" version="1.1" viewbox="0 0 24 24" width="18" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>icon-expand-all</title> <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> <polygon id="::-Container" points="24 0 24 24 0 24 0 0"></polygon> <path d="M16.59,9.41 L18,8 L12,2 L6,8 L7.41,9.41 L12,4.83 L16.59,9.41 Z M12,19.17 L7.41,14.59 L6,16 L12,22 L18,16 L16.59,14.59 L12,19.17 Z" id="-Icon-Color"></path> </g> </svg> </div> <section class="sortable" id="multiCityMap"> <h2 class="visually-hidden">Multi-city map</h2> <div class="container mktoText" id="multiCityMapHolder"> </div> </section> <section id="map"> <h2 class="visually-hidden">Event map and details</h2> <div class="container rtl rtl-text"> <div class="map-grid"> <div class="map-holder mktoText" id="mapHolder"> </div> <div class="event-info"> <div class="time-date"> <div class="icon"> <i aria-hidden="true" class="material-icons-outlined mdc-button__icon">event</i> </div> <div class="content mktoText" id="mapTimeDate"> <br/>– </div> </div> <div class="location"> <div class="icon"> <i aria-hidden="true" class="material-icons mdc-button__icon">place</i> </div> <div class="content mktoText" id="mapAddress"> <br/> <br/> , </div> </div> <div class="calendar-links mktoText" id="mapCalendarLinks"><div><a class="calendar-link" href=""> <span class="icon"> <i aria-hidden="true" class="material-icons-outlined mdc-button__icon">add_box</i> </span> <span class="content">Add to Google Calendar</span> </a> <a class="calendar-link" href=""> <span class="icon"> <i aria-hidden="true" class="material-icons-outlined mdc-button__icon">add_box</i> </span> <span class="content">Add to other calendar</span> </a></div></div> </div> </div> </div> </section> <section class="sortable rtl" id="speakers"> <div class="container"> <h2 class="rtl-text mktoText" id="speaker-heading">Speakers</h2> <div class="speaker-grid"> <!-- SPEAKER 1--> <div class="speaker mktoText" id="speaker-card-1"> <div class="speaker-card isDisabled" data-modal-id="speaker-modal-1" id="speaker-1"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Developer Advocate of Machine Learning,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-1-bio" aria-hidden="true" aria-labelledby="speaker-1-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-1" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-1-name">Firstname Lastname</h3> <p class="speaker-title">Developer Advocate of Machine Learning,</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-1-bio"> <p>Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat.Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar.</p> <p>Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat.Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar.</p> <p>Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat.Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar.</p> <p>Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat.Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER 1 --> <!-- SPEAKER 2--> <div class="speaker mktoText" id="speaker-card-2"> <div class="speaker-card" data-modal-id="speaker-modal-2" id="speaker-2"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-2-bio" aria-hidden="true" aria-labelledby="speaker-2-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-2" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-2-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-2-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER 2 --> <!-- SPEAKER 3--> <div class="speaker mktoText" id="speaker-card-3"> <div class="speaker-card" data-modal-id="speaker-modal-3" id="speaker-3"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-3-bio" aria-hidden="true" aria-labelledby="speaker-3-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-3" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-3-name">Firstname Lastname 3</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-3-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER 3 --> <!-- SPEAKER 4--> <div class="speaker mktoText" id="speaker-card-4"> <div class="speaker-card" data-modal-id="speaker-modal-4" id="speaker-4"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-4-bio" aria-hidden="true" aria-labelledby="speaker-4-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-4" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-4-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-4-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER 4 --> <!-- SPEAKER 5--> <div class="speaker mktoText" id="speaker-card-5"> <div class="speaker-card" data-modal-id="speaker-modal-5" id="speaker-5"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-5-bio" aria-hidden="true" aria-labelledby="speaker-5-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-5" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-5-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-5-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-6"> <div class="speaker-card" data-modal-id="speaker-modal-6" id="speaker-6"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-6-bio" aria-hidden="true" aria-labelledby="speaker-6-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-6" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-6-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-6-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-7"> <div class="speaker-card" data-modal-id="speaker-modal-7" id="speaker-7"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-7-bio" aria-hidden="true" aria-labelledby="speaker-7-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-7" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-7-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-7-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-8"> <div class="speaker-card" data-modal-id="speaker-modal-8" id="speaker-8"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-8-bio" aria-hidden="true" aria-labelledby="speaker-8-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-8" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-8-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-8-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-9"> <div class="speaker-card" data-modal-id="speaker-modal-9" id="speaker-9"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-9-bio" aria-hidden="true" aria-labelledby="speaker-9-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-9" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-9-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-9-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-10"> <div class="speaker-card" data-modal-id="speaker-modal-10" id="speaker-10"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-10-bio" aria-hidden="true" aria-labelledby="speaker-10-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-10" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-10-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-10-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-11"> <div class="speaker-card" data-modal-id="speaker-modal-11" id="speaker-11"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-11-bio" aria-hidden="true" aria-labelledby="speaker-11-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-11" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-11-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-11-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-12"> <div class="speaker-card" data-modal-id="speaker-modal-12" id="speaker-12"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-12-bio" aria-hidden="true" aria-labelledby="speaker-12-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-12" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-12-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-12-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-13"> <div class="speaker-card" data-modal-id="speaker-modal-13" id="speaker-13"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-13-bio" aria-hidden="true" aria-labelledby="speaker-13-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-13" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-13-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-13-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-14"> <div class="speaker-card" data-modal-id="speaker-modal-14" id="speaker-14"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-14-bio" aria-hidden="true" aria-labelledby="speaker-14-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-14" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-14-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-14-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-15"> <div class="speaker-card" data-modal-id="speaker-modal-15" id="speaker-15"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-15-bio" aria-hidden="true" aria-labelledby="speaker-15-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-15" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-15-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-15-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-16"> <div class="speaker-card" data-modal-id="speaker-modal-16" id="speaker-16"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-16-bio" aria-hidden="true" aria-labelledby="speaker-16-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-16" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-16-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-16-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-17"> <div class="speaker-card" data-modal-id="speaker-modal-17" id="speaker-17"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-17-bio" aria-hidden="true" aria-labelledby="speaker-17-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-17" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-17-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-17-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-18"> <div class="speaker-card" data-modal-id="speaker-modal-18" id="speaker-18"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-18-bio" aria-hidden="true" aria-labelledby="speaker-18-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-18" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-18-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-18-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-19"> <div class="speaker-card" data-modal-id="speaker-modal-19" id="speaker-19"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-19-bio" aria-hidden="true" aria-labelledby="speaker-19-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-19" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-19-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-19-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> <!-- SPEAKER --> <div class="speaker mktoText" id="speaker-card-20"> <div class="speaker-card" data-modal-id="speaker-modal-20" id="speaker-20"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> <h3>Firstname Lastname</h3> <p class="speaker-title">Customer Engineer,</p> <p class="speaker-company">Google Cloud</p> </div> <div aria-describedby="speaker-20-bio" aria-hidden="true" aria-labelledby="speaker-20-name" aria-modal="true" class="mdc-dialog speaker-dialog" id="speaker-modal-20" role="alertdialog"> <div class="mdc-dialog__container"> <div class="mdc-dialog__surface"> <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() --> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="no"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content"> <div class="modal-header"> <div class="modal-speaker-image"> <img alt="" loading="lazy" src="/edge-webinar-and-whitepaper/static/img/JP-Speaker-Placeholder.png"/> </div> <div class="modal-speaker-details"> <h3 id="speaker-20-name">Firstname Lastname</h3> <p class="speaker-title">Customer Engineer</p> <p class="speaker-company">Google Cloud</p> </div> </div> <div id="speaker-20-bio"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates tempore reiciendis ipsa beatae. Inventore officia amet, earum aliquid velit hic! Dicta minima repellat minus sapiente laborum, nesciunt ad voluptate perferendis.</p> </div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <!-- / SPEAKER --> </div> </div> </section> <section class="sortable rtl rtl-text" id="carousel"> <div class="container"> <div class="mktoText" id="slideWrapper"> <div class="swiper-container swiper1"> <div aria-label="Image Carousel" class="swiper-wrapper"> <div class="swiper-slide"> <img alt="A detailed image description" src="https://via.placeholder.com/1170x659/34A853/000000?text=Slide+One"/> </div> <div class="swiper-slide"> <img alt="A detailed image description" src="https://via.placeholder.com/1170x659/FBBC04/000000?text=Slide+Two"/> </div> <div class="swiper-slide"> <img alt="A detailed image description" src="https://via.placeholder.com/1170x659/1a73e8/000000?text=Slide+Three"/> </div> </div> <!-- DO NOT DELETE --> <button aria-label="Previous Button" class="swiper-button-prev"></button> <button aria-label="Next Button" class="swiper-button-next"></button> </div> <!-- DO NOT DELETE --> <div aria-hidden="true" class="swiper-pagination swiper-pagination1"></div> </div> <!-- mktoText --> </div> </section> <section class="sortable rtl rtl-text" id="agendaExpandable"> <div class="container agenda"> <div class="accordions mktoText" id="agendaExpandableContent"> <div class="accordions-toggle"> <h2>ALL DAY TRACKS</h2> <button class="low-em"> <span class="mdc-button__label">Expand all</span> <svg aria-hidden="true" role="presentation"><use xlink:href="#icon-expand-all" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg> </button> </div> <div class="accordion open" id="agenda-day-1"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Day 1 Agenda</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i> </div> <div class="accordion-content"> <div class="agenda agenda--single"> <ul class="agenda-sessions"> <li class="session border"> <div class="time">8:30 AM–09:30 AM</div> <div class="details"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">9:30 AM–09:40 AM</div> <div class="details"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="session"> <div class="time">9:40 AM–10:00 AM</div> <div class="details"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light"> Firstname Lastname, Position, Company XYZ </div> </div> </li> <li class="session"> <div class="time">10:00 AM–10:40 AM</div> <div class="details"> <div class="title bold">Fast analytics at scale with Google BigQuery</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">10:40 AM–11:00 AM</div> <div class="details"> <div class="title bold">Break</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">11:00 AM–11:20 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">11:20 AM–11:40 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">11:40 AM–12:40 PM</div> <div class="details"> <div class="title bold">Lunch</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> <li class="session"> <div class="time">12:40 PM–01:00 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:00 PM–01:20 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:20 PM–01:40 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">1:40 PM–02:40 PM</div> <div class="details"> <div class="title bold">Closing keynote: Lorem ipsum dolor sit</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">2:40 PM–03:40 PM</div> <div class="details"> <div class="title bold">Happy hour</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> </ul> </div> </div> </div> <div class="accordion" id="agenda-day-2"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Day 2 Agenda</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i> </div> <div class="accordion-content"> <div class="agenda agenda--single"> <ul class="agenda-sessions"> <li class="session border"> <div class="time">8:30 AM–09:30 AM</div> <div class="details"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">9:30 AM–09:40 AM</div> <div class="details"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="session"> <div class="time">9:40 AM–10:00 AM</div> <div class="details"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light"> Firstname Lastname, Position, Company XYZ </div> </div> </li> <li class="session"> <div class="time">10:00 AM–10:40 AM</div> <div class="details"> <div class="title bold">Fast analytics at scale with Google BigQuery</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">10:40 AM–11:00 AM</div> <div class="details"> <div class="title bold">Break</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">11:00 AM–11:20 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">11:20 AM–11:40 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">11:40 AM–12:40 PM</div> <div class="details"> <div class="title bold">Lunch</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> <li class="session"> <div class="time">12:40 PM–01:00 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:00 PM–01:20 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:20 PM–01:40 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">1:40 PM–02:40 PM</div> <div class="details"> <div class="title bold">Closing keynote: Lorem ipsum dolor sit</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">2:40 PM–03:40 PM</div> <div class="details"> <div class="title bold">Happy hour</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> </ul> </div> </div> </div> <div class="accordion" id="agenda-day-3"> <div class="accordion-toggle" role="button" tabindex="0"> <h3 class="subhead">Day 3 Agenda</h3> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i> </div> <div class="accordion-content"> <div class="agenda agenda--single"> <ul class="agenda-sessions"> <li class="session border"> <div class="time">8:30 AM–09:30 AM</div> <div class="details"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">9:30 AM–09:40 AM</div> <div class="details"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="session"> <div class="time">9:40 AM–10:00 AM</div> <div class="details"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light"> Firstname Lastname, Position, Company XYZ </div> </div> </li> <li class="session"> <div class="time">10:00 AM–10:40 AM</div> <div class="details"> <div class="title bold">Fast analytics at scale with Google BigQuery</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">10:40 AM–11:00 AM</div> <div class="details"> <div class="title bold">Break</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">11:00 AM–11:20 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">11:20 AM–11:40 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">11:40 AM–12:40 PM</div> <div class="details"> <div class="title bold">Lunch</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> <li class="session"> <div class="time">12:40 PM–01:00 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:00 PM–01:20 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:20 PM–01:40 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">1:40 PM–02:40 PM</div> <div class="details"> <div class="title bold">Closing keynote: Lorem ipsum dolor sit</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">2:40 PM–03:40 PM</div> <div class="details"> <div class="title bold">Happy hour</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <div style="display: none;"> <svg height="18" id="icon-expand-all" version="1.1" viewbox="0 0 24 24" width="18" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>icon-expand-all</title> <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"> <polygon id="::-Container" points="24 0 24 24 0 24 0 0"></polygon> <path d="M16.59,9.41 L18,8 L12,2 L6,8 L7.41,9.41 L12,4.83 L16.59,9.41 Z M12,19.17 L7.41,14.59 L6,16 L12,22 L18,16 L16.59,14.59 L12,19.17 Z" id="-Icon-Color"></path> </g> </svg> </div> <section class="sortable rtl rtl-text" id="agenda"> <div class="container"> <div class="agenda agenda--single"> <div class="titles mktoText" id="singleAgendaTitle"> <h2>Agenda</h2> </div> <div class="mktoText" id="agendaOneDayContent"> <ul class="agenda-sessions"> <li class="session border"> <div class="time">8:30 AM–09:30 AM</div> <div class="details"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">9:30 AM–09:40 AM</div> <div class="details"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="session"> <div class="time">9:40 AM–10:00 AM</div> <div class="details"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light"> Firstname Lastname, Position, Company XYZ </div> </div> </li> <li class="session"> <div class="time">10:00 AM–10:40 AM</div> <div class="details"> <div class="title bold">Fast analytics at scale with Google BigQuery</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">10:40 AM–11:00 AM</div> <div class="details"> <div class="title bold">Break</div> <!-- <div class="info light"></div> --> </div> </li> <li class="session"> <div class="time">11:00 AM–11:20 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">11:20 AM–11:40 AM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">11:40 AM–12:40 PM</div> <div class="details"> <div class="title bold">Lunch</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> <li class="session"> <div class="time">12:40 PM–01:00 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:00 PM–01:20 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">1:20 PM–01:40 PM</div> <div class="details"> <div class="title bold">Session Title</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session border"> <div class="time">1:40 PM–02:40 PM</div> <div class="details"> <div class="title bold">Closing keynote: Lorem ipsum dolor sit</div> <div class="info light">Speaker: Name, Title, Organization</div> </div> </li> <li class="session"> <div class="time">2:40 PM–03:40 PM</div> <div class="details"> <div class="title bold">Happy hour</div> <!-- <div class="info light">Speaker: Name, Title, Organization</div> --> </div> </li> </ul> </div> </div> </div> </section> <section class="sortable rtl rtl-text" id="agendaThreeTrack"> <div class="container"> <div class="agenda agenda--multi" id="agendaThreeTrackDesktop"> <div class="mktoText" id="agendaThreeTrackTitles"> <!-- Update data-tracks to equal your number of tracks --> <div class="titles" data-mobile-title="Agenda" data-tracks="3"> <h2 data-track="1">Track 1</h2> <h2 data-track="2">Track 2</h2> <h2 data-track="3">Track 3</h2> </div> </div> <div class="mktoText" id="agendaThreeTrackContent"> <!-- Update data-tracks to equal your number of tracks --> <ul class="agenda-sessions" data-tracks="3"> <li class="border sessions"> <div class="time">8:30 AM–09:30 AM</div> <div class="details" data-track="1"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> <div class="details" data-track="2"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> <div class="details" data-track="3"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="sessions"> <div class="time">9:30 AM–09:40 AM</div> <div class="details" data-track="1"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="2"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="3"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="sessions"> <div class="time">9:40 AM–10:00 AM</div> <div class="details" data-track="1"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="2"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="3"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> </ul> </div> </div> <div id="agendaThreeTrackMobile"></div> </div> </section> <section class="sortable rtl rtl-text" id="agendaTwoTrack"> <div class="container"> <div class="agenda agenda--multi" id="agendaTwoTrackDesktop"> <div class="mktoText" id="agendaTwoTrackTitles"> <div class="titles" data-mobile-title="Agenda" data-tracks="2"> <h2>Agenda</h2> <h2 data-track="1">Track 1</h2> <h2 data-track="2">Track 2</h2> </div> </div> <div class="mktoText" id="agendaTwoTrackContent"> <ul class="agenda-sessions" data-tracks="2"> <li class="border sessions"> <div class="time">8:30 AM–09:30 AM</div> <div class="details" data-track="1"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> <div class="details" data-track="2"> <div class="title bold">Registrations</div> <!-- <div class="info light"></div> --> </div> </li> <li class="sessions"> <div class="time">9:30 AM–09:40 AM</div> <div class="details" data-track="1"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="2"> <div class="title bold">Opening Keynote: Lorem ipsum dolor sit</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> <li class="sessions"> <div class="time">9:40 AM–10:00 AM</div> <div class="details" data-track="1"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> <div class="details" data-track="2"> <div class="title bold">Pushing the limits of BigQuery with Kabam</div> <div class="info light">Firstname Lastname, Position, Company XYZ</div> </div> </li> </ul> </div> </div> <div id="agendaTwoTrackMobile"></div> </div> </section> <section class="sortable partners rtl rtl-text" id="partnersSection"> <div class="container mktoText" id="partners"> <h2>Our partners</h2> <h3>Platinum</h3> <div class="partner-grid"> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> </div> <h3>Silver</h3> <div class="partner-grid"> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://via.placeholder.com/170x100"/> </div> </div> </div> </section> <section class="sortable rtl rtl-text" id="promosThree"> <div class="container mktoText" id="threeColumnPromo"><h2>Three-promo module. 40 characters max = two lines max on mobile.</h2> <div class="promo-grid"> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> </div></div> </section> <section class="sortable rtl rtl-text" id="promosTwo"> <div class="container mktoText" id="twoColumnPromo"><h2>Two-promo module. 40 characters max = two lines max on mobile.</h2> <div class="promo-grid"> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> </div></div> </section> <section class="sortable rtl rtl-text" id="promosOne"> <div class="container mktoText" id="singlePromo"><h2>One-promo module. 40 characters max = two lines max on mobile.</h2> <div class="promo"><img constrain="true" height="646" imagepreview="false" loading="lazy" src="https://via.placeholder.com/1140x646" width="1140"/> <div class="text"> <h3>h3 headline 30 characters max</h3> <p>Donec rutrum congue leo eget malu suada. Praesent sapien massa, creallis sollicitudin malesuada euse consecturuer.</p> </div> </div></div> </section> <section id="form"> <div class="container rtl rtl-text"> <div class="form-container mktoText" id="formContainer"><!--<h2>Download now</h2> <script src="//lp.cloudplatformonline.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_83453"></form> <script>// <![CDATA[ MktoForms2.loadForm("//lp.cloudplatformonline.com", "808-GJW-314", 83453); // ]]></script>--></div> </div> </section> </div> <div id="right-col"> <section class="two-col-form gradient"> <div class="container rtl rtl-text"> <div class="form-container brandColorGradient mktoText" id="twoColFormContainer"><h2>Download now</h2> <script src="/edge-webinar-and-whitepaper/static/js/forms2.min.js"></script> <form id="mktoForm_83453"></form> <script>// <![CDATA[ MktoForms2.loadForm("//lp.cloudplatformonline.com", "808-GJW-314", 83453); // ]]></script></div> </div> </section> </div> </div> </main> <div id="ty-popup"> <div aria-describedby="ty-body" aria-labelledby="ty-headline" aria-modal="true" class="mdc-dialog" data-mdc-auto-init="MDCDialog" id="ty-popup-modal" role="alertdialog"> <div class="mdc-dialog__container rtl rtl-text"> <div class="mdc-dialog__surface"> <button class="close-it mdc-dialog__footer__button--cancel" data-mdc-dialog-action="close"> <i class="material-icons mdc-dialog__footer__button--cancel close-it-inner">close</i> </button> <div class="mdc-dialog__content mktoText" id="ty-popup-content"><div class="modal-header"> <div class="modal-logo"><img alt="" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <h3 id="ty-headline">Thank you for your interest</h3> </div> <div id="ty-body"> <p>We hope you enjoy the “Telcos and Hyperscalers: Together at the Edge” research paper.</p> <p>After you check out this paper, <a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">get started with Google Cloud</a> to browse solutions, products and services.</p> <a class="mdc-button mdc-button--raised" data-mdc-auto-init="MDCRipple" href="https://services.google.com/fh/files/misc/heavyreading_telcos_and_hyperscalers_at_the_edge_wp_dec2023.pdf" target="_blank">Download now</a></div> <div class="ty-tout"> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://blog.google/products/google-cloud/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com/contact" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- ================= Paste new content above this line ================= --> <div style="display: none;"><!-- =================================================================== --> <!-- ========================= EMEA - Preapproved ========================= --> <!-- =================================================================== --> <div class="modal-header"> <div class="modal-logo"><img alt="" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <h3 id="ty-headline">Thank you for registering.</h3> </div> <div id="ty-body"> <p>You’re confirmed to the Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper.</p> <p>Thank you for your registration, we look forward to seeing you at the Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://blog.google/topics/google-cloud/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://www.google.com/cloud/contact-form/" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- =================================================================== --> <!-- ======================== JAPAC - Preapproved ======================== --> <!-- =================================================================== --> <div class="modal-header"> <div class="modal-logo"><img alt="" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <h3 id="ty-headline">We’re working on your registration.</h3> </div> <div id="ty-body"> <p>Thank you for your interest in Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper.</p> <p>We received your registration of interest and will follow up with a confirmation if your name is added to the guest list.</p> <p>In the meantime, <a href="https://cloud.google.com" target="_blank">get started with Google Cloud</a> to browse solutions, products, and services.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://blog.google/topics/google-cloud/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://www.google.com/cloud/contact-form/" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- =================================================================== --> <!-- =============================== End =============================== --> <!-- =================================================================== --></div></div> <div class="mdc-dialog__content mktoText hidden" id="ty-popup-content-wl"><div class="modal-header"> <div class="modal-logo"><img alt="" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <h3 id="ty-headline">Thank you for your interest in this program</h3> </div> <div id="ty-body"> <p>We'll follow up with next steps if your name is on our waitlist.</p> <p>In the meantime, <a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">get started with Google Cloud</a> to browse solutions, products and services.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://blog.google/products/google-cloud/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com/contact" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- ================= Paste new content above this line ================= --> <div style="display: none;"><!-- =================================================================== --> <!-- =========================== EMEA - Waitlist =========================== --> <!-- =================================================================== --> <div class="modal-header"> <div class="modal-logo"><img alt="" src="/edge-webinar-and-whitepaper/static/img/google-cloud-2021-lp.svg"/></div> <h3 id="ty-headline">We’re working on your registration.</h3> </div> <div id="ty-body"> <p>We’re so glad you want to join us at Microsite to host LightReading Telcos and Hyperscalers at the Edge Webinar and Whitepaper. We will follow up shortly with the update on your registration status.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://blog.google/topics/google-cloud/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/edge-webinar-and-whitepaper/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://www.google.com/cloud/contact-form/" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- =================================================================== --> <!-- =============================== End =============================== --> <!-- =================================================================== --></div></div> <div class="google-bar" data-google-bar="show"></div> <div class="ty-social"> <div class="mktoText" id="ty-popup-social-header"> Follow us </div> <div class="mktoSnippet" id="ty-socialSnippet"><table border="0" cellpadding="0" cellspacing="0" class="footer-icon-table" role="presentation" style="width: auto;"> <tbody> <tr> <td style="width: 48px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://cloud.google.com/blog"><img alt="Blog" border="0" constrain="true" height="48" imagepreview="false" src="/edge-webinar-and-whitepaper/static/img/blog-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://github.com/GoogleCloudPlatform"><img alt="GitHub" border="0" constrain="true" height="48" imagepreview="false" src="/edge-webinar-and-whitepaper/static/img/github-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://www.linkedin.com/company/google-cloud"><img alt="LinkedIn" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/linkedin-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://twitter.com/googlecloud"><img alt="Twitter" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/logo_twitter_x.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://www.facebook.com/googlecloud"><img alt="Facebook" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/facebook-a11y.png" style="height: 48px;"/></a></td> </tr> </tbody> </table></div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </div> <div class="google-bar" data-google-bar="show"></div> <footer id="footer"> <div class="container rtl rtl-text"> <div id="footerSocial"> <div class="social"> <div class="mktoText" id="footerSocialText"> <p>Follow us</p> </div> <div class="mktoSnippet" id="socialSnippet"><table border="0" cellpadding="0" cellspacing="0" class="footer-icon-table" role="presentation" style="width: auto;"> <tbody> <tr> <td style="width: 48px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://cloud.google.com/blog"><img alt="Blog" border="0" constrain="true" height="48" imagepreview="false" src="/edge-webinar-and-whitepaper/static/img/blog-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://github.com/GoogleCloudPlatform"><img alt="GitHub" border="0" constrain="true" height="48" imagepreview="false" src="/edge-webinar-and-whitepaper/static/img/github-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://www.linkedin.com/company/google-cloud"><img alt="LinkedIn" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/linkedin-a11y.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://twitter.com/googlecloud"><img alt="Twitter" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/logo_twitter_x.png" style="height: 48px;"/></a></td> <td style="width: 48px; padding-left: 10px; font-family: 'Roboto', Arial, sans-serif;" width="48"><a href="https://www.facebook.com/googlecloud"><img alt="Facebook" border="0" height="48" src="/edge-webinar-and-whitepaper/static/img/facebook-a11y.png" style="height: 48px;"/></a></td> </tr> </tbody> </table></div> </div> </div> <div class="legal mktoText" id="footerLegal"> <img alt="Google Cloud logo" class="cloud-logo-image" src="/edge-webinar-and-whitepaper/static/img/evt_Google_Cloud_logo_dark.svg"/> <p class="copyright">© <span id="copyright-year"></span> Google LLC</p> <script type="text/javascript">document.getElementById("copyright-year").innerHTML = new Date().getFullYear();</script> <p class="links"><a href="https://www.google.com/" target="_blank">Google LLC</a> | <a href="https://policies.google.com/privacy" target="_blank">Privacy</a> | <a href="https://policies.google.com/terms" target="_blank">Terms</a></p> </div> </div> </footer> <!-- DO NOT CHANGE --> <script src="https://inthecloud.withgoogle.com/template-files/jquery-3.4.1.min.js"></script> <script src="https://inthecloud.withgoogle.com/template-files/swiper-bundle.js"></script> <script src="https://inthecloud.withgoogle.com/template-files/swiper-bundle.min.js"></script> <script src="https://inthecloud.withgoogle.com/template-files/cloudstyle-v4-app.bundle.js"></script> <!-- DO NOT CHANGE --> <div> <script> // tokenize this const eventDateTime = ""; function countdown(eventDateTime) { const total = Date.parse(eventDateTime) - Date.parse(new Date()), minutes = Math.floor( (total/1000/60) % 60 ); hours = Math.floor( (total/(1000*60*60)) % 24 ); days = Math.floor( total/(1000*60*60*24) ); return { total, days, hours, minutes }; } function countdownInit(cdCont, eventDateTime) { const containers = document.querySelectorAll(cdCont); let timeInterval = ""; function updateClock(){ const t = countdown(eventDateTime); // console.log("countdown "+ t.total + " , " + t.days + " , " + t.hours + " , " + t.minutes); // populate full width and grid countdown containers // need to test for international times containers.forEach(container => { const days = container.querySelector('.dayNum'), hours = container.querySelector('.hourNum'), minutes = container.querySelector('.minNum'); days.innerHTML = Math.max(0, t.days); hours.innerHTML = ('0' + Math.max(0, t.hours)).slice(-2); minutes.innerHTML = ('0' + Math.max(0, t.minutes)).slice(-2); }) if (t.total <= 0) { clearInterval(timeInterval); } } updateClock(); // run function once at first to avoid delay timeInterval = setInterval(updateClock,1000); } countdownInit('.countdownWrapper', eventDateTime); </script> <script> function formatSpeakers() { let count = 0; $(".speaker").each(function() { if ($(this).is(":visible")) { count++; } }); function format() { $("#speakers").addClass("formatSpeakers"); // wrap card text for formatting $(".speaker-card").each(function(){ $(this).find("h3, p, button").wrapAll("<div class='speaker-info'></div>"); // create button that is not included when there is more speakers let speakerBtn = document.createElement("button"); // don't add btn if card is disabled if (!$(this).hasClass('isDisabled')) { let speakerCompany = $(this).find('.speaker-company'); $(speakerBtn) .attr("class", "speakerBtn low-em") .text("Button Text") .insertAfter(speakerCompany); } }) } // add special formatting when there are two speakers or less if (count == 2) { format(); } else if (count == 1) { format(); $(".speaker").css("grid-column", "1 / span 2"); } else { $("#speakers").removeClass("formatSpeakers"); } } if (!/lpeditor/.test(location.href)) { formatSpeakers(); } </script> </div> <script src="https://inthecloud.withgoogle.com/template-files/evt_utm.js"></script> <div class="mktoText" id="editableJS" style="display: none;"> <script src="/edge-webinar-and-whitepaper/static/js/browser-detect.js"></script> <div style="display: none;"> <script src="/edge-webinar-and-whitepaper/static/js/wl-validation.js" type="text/javascript"></script> <script>// <![CDATA[ var selectorsConfig = { Cloudstyle: { modalContainerSelector: "footer", formContainerSelector: ".form-container", }, OnBoard: {modalContainerSelector: "footer", formContainerSelector: "#register .mdl-grid:last-child div"}, Summit: {modalContainerSelector: "#pageJS", formContainerSelector: "#mainForm"}, Other: { modalContainerSelector: "footer", formContainerSelector: ".form-container", }, }; var template; if (document.querySelector(".form-container")) { template = "Cloudstyle"; } else if (document.querySelector("#pageJS")) { template = "Summit"; } else if (document.querySelector("#register .mdl-grid:last-child div")) { template = "OnBoard"; } else { template = "Other"; } var wlValidation = new waitlistValidation({ // If using a template other than Cloudstyle, OnBoard, or Summit, update the selectors and template variable to an appropriate string in the rejection vlaues. modalContainerSelector: selectorsConfig[template].modalContainerSelector, formContainerSelector: selectorsConfig[template].formContainerSelector, modalContent: "<h3>Thank you.</h3><p>You have been added to the event&rsquo;s waitlist. We will email you with any updates to your status.</p>", formReplacementContent: "<h2>Thank You.</h2>", validatePress: true, validateCompetitors: true, pressRejectionValue: "**|Rejected|Press|" + document.title + "|" + template, competitorRejectionValue: "**|Rejected|Competitor|" + document.title + "|" + template, hiddenFormField: "Temp_Field_30day_5__c", }); // ]]></script> </div> </div> <script src="/edge-webinar-and-whitepaper/static/js/website-field-validation.js"></script> <script src="/edge-webinar-and-whitepaper/static/js/stripmkttok.js" type="text/javascript"></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10