CINXE.COM
Harvard Business Review Analytic Services Report: Migrating SAP to the Cloud Gives Companies a Competitive Edge
<!DOCTYPE html> <html lang="en"><head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/dl-cd.html","20210529154232","https://web.archive.org/","web","/_static/", "1622302952"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <title>Harvard Business Review Analytic Services Report: Migrating SAP to the Cloud Gives Companies a Competitive Edge</title> <link href="https://web.archive.org/web/20210529154232cs_/https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" rel="stylesheet"/> <link href="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon.ico" rel="shortcut icon"/> <link href="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/apple-icon.png" rel="apple-touch-icon"/> <link href="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/> <link href="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/> <link href="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/> <!-- VISIBILITY --> <!-- SPEAKERS --> <!-- SECTION ORDER --> <!-- Two Column Layout --> <!-- Hero Images --> <!-- FORM BAR COLOR --> <!-- Variable Font Imports --> <!-- Partner Website Validation --> <meta content="index, follow" name="robots"/><meta content="google, google cloud, SAP, SAP HANA, SAP S/4HANA, innovation, cloud migration" name="keywords"/><meta content="Harvard Business Review (HBR) discusses how companies who move SAP to the cloud will have a competitive advantage." name="description"/> <style type="text/css"> @import url('https://web.archive.org/web/20210529154232cs_/https://fonts.googleapis.com/css?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://web.archive.org/web/20210529154232cs_/https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,700i'); :root {--font-google-sans: 'Google Sans', 'Roboto', Arial, sans-serif;--font-roboto: 'Roboto', Arial, sans-serif;} #partnerLogo { display: none !important; } #language-dropdown { display: none !important; } #headerCTA { display: none !important; } #heroDateTimeWrapper { display: none !important; } #heroLocationWrapper { display: none !important; } #CTARegion { display: block !important; } #nav-wrap { display: none !important; } #content-text { display: block !important; order: 1; } #multiCityMap { display: none !important; order: 2; } #agenda { display: none !important; order: 3; } #agendaExpandable { display: none !important; order: 3; } #agendaTwoTrack { display: none !important; order: 3; } #agendaThreeTrack { display: none !important; order: 3; } #speakers{ display: none !important; order: 4; } #partnersSection{ display: none !important; order: 5; } #multitrack-cities{ display: none !important; order: 6; } #promosThree { display: none !important; order: 7; } #promosTwo { display: none !important; order: 7; } #promosOne { display: none !important; order: 7; } #map { display: none !important; order: 8; } #form { display: block !important; order: 9; } #form .container:before { background: #FABB05; } #speaker-card-1 { display: none; } #speaker-card-2 { display: none; } #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; } </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 showHeaderCTA: "none" === "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 showNav: "none" === "block" ? true : false, // Used in layout.js showHeroCTA: "block" === "block" ? true : false, // Used in layout.js twoColumn: "" === "two-col" ? true : false, partnerEmailValidation: "Corporate email address required." } </script> <!-- DO NOT CHANGE --> <link href="https://web.archive.org/web/20210529154232cs_/https://inthecloud.withgoogle.com/template-files/cloudstyle-v3-app.css" rel="stylesheet"/> <!-- Edited by JoeAnderson on Wed Mar 04 2020 09:03:30 GMT-0800. --> <!-- / DO NOT CHANGE --> <!-- 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://web.archive.org/web/20210529154232/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="Harvard Business Review Analytic Services Report: Migrating SAP to the Cloud Gives Companies a Competitive Edge" property="og:title"/> <meta content="website" property="og:type"/> <meta content="Harvard Business Review (HBR) discusses how companies who move SAP to the cloud will have a competitive advantage." property="og:description"/> <meta content="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/google-cloud-ogimage.jpg" property="og:image"/> <link href="/web/20210529154232im_/https://inthecloud.withgoogle.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link href="/web/20210529154232im_/https://inthecloud.withgoogle.com/favicon.ico" rel="icon" type="image/x-icon"/> <style>.mktoGen.mktoImg {display:inline-block; line-height:0;}</style> </head> <body class="mdc-typography" id="bodyId"> <script> var rtlBody = ""; var twoColumn = "" if (rtlBody !== "") { document.body.classList.add("use-rtl"); } if (twoColumn !== "") { document.body.classList.add("two-col"); } </script> <!-- Google Tag Manager (noscript) (Place this in the top of the HTML in <body>) --> <noscript> <iframe height="0" src="https://web.archive.org/web/20210529154232if_/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"> <div class="header-left mktoText" id="mainLogos"> <div class="google-logo-container"><img alt="Google Cloud" id="logo" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/svg-cloud-logo.svg"/></div> <div class="partner-logo-container"><img alt="Partner Logo" class="partner-logo" id="partnerLogo" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x150?text=Partner"/></div> </div> <div class="header-right"> <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" 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">Register now</button> </div> </div> </div> </div> </header> <div class="page-cover" id="lang-page-cover"></div> <section id="hero"> <div class="hero-container"> <div class="hero-grid"> <div class="hero-info rtl rtl-text"> <div class="hero-headline mktoText" id="heroHeadline"><h1>Harvard Business Review Analytic Services Report: Migrating SAP to the Cloud Gives Companies a Competitive Edge</h1></div> <div class="hero-desc mktoText" id="heroDescription"><!--p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id auctor erat. Mauris cursus pharetra purus, et blandit magna condimentum in. Donec et est felis. Curabitur</p>--></div> <div class="event-info"> <div class="time-date mktoText" id="heroDateTimeWrapper"><div class="icon"><i aria-hidden="true" class="material-icons mdc-button__icon">calendar_today</i></div> <div class="content">to be confirmed<br/>TBD–TBD</div></div> <div class="location mktoText" id="heroLocationWrapper"><div class="icon"><i aria-hidden="true" class="material-icons mdc-button__icon">place</i></div> <div class="content">to be confirmed<br/> to be confirmed</div></div> </div> <div class="hero-button mktoText" id="CTARegion"><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 white paper</button></div></div> </div> <div class="hero-image"> <picture> <source media="(max-width: 767px)" srcset="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/abstract-googlewall-mobile%402x.jpg"/> <source media="(max-width: 1140px)" srcset=""/> <source media="(min-width: 1140px)" srcset="https://web.archive.org/web/20210529154232im_/https://lp.cloudplatformonline.com/rs/808-GJW-314/images/abstract-googlewall-desktop%402x.jpg"/> <img alt="" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/abstract-googlewall-desktop@2x.jpg"/> </picture> </div> </div> </div> </section> <main id="wrap"> <div id="nav-wrap"> <section id="site-nav"> <div class="container rtl rtl-text"> <nav> <div class="mktoText" id="navMobileMenuToggle"> <button class="mobile-toggle"><span>Menu</span><i class="material-icons">arrow_drop_down</i></button> </div> <div id="mobile-nav"> <div class="mktoText" id="theNavigation"><ul class="nav-links"> <li class="nav-link"><a href="#hero">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="#multitrack-cities">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 & 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 & 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="cloud.google.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="cloud.google.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 & 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 & Africa</a></li> <li><a href="#city">Asia Pacific</a></li> </ul> </li> </ul> --></div> </div> </nav> </div> </section> </div> <div class="page-cover" id="menu-page-cover"></div> <div class="two-col-grid"> <div id="left-col"> <section class="sortable rtl rtl-text" id="content-text"> <div class="container mktoText" id="mainBody"><h2>Harvard Business Review Analytic Services discusses how companies who move SAP to the cloud will have a competitive advantage.</h2> <p>Harvard Business Review Analytic Services examined how migrating SAP to the cloud gives companies a competitive edge. Through interviews with industry experts and CIOs who have migrated their SAP landscapes to the cloud, Harvard Business Review Analytic Services uncovers the keys to successful migration and the benefits companies are realizing.</p> <p>In this Harvard Business Review Analytic Services paper sponsored by Google Cloud, you’ll learn:</p> <div><br/></div> <ul style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;"> <li style="margin: 0;">Why companies gain bigger benefits from migrating an SAP ERP to the cloud when they focus on innovation as well as efficiency</li> <li style="margin: 0;">SAP ERP migrations succeed by forging alliances, building a strong team, and focusing on business processes</li> <li style="margin: 0;">Key migration benefits such as: avoiding outdated technology, using IT resources better, gaining deeper insights, and preparing for future opportunities</li> </ul> <p>Download this white paper to learn how moving your SAP environment to the cloud can give your company a competitive edge.</p></div> </section> <section class="sortable" id="multiCityMap"> <div class="container mktoText" id="multiCityMapHolder"> </div> </section> <section id="map"> <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 mdc-button__icon">calendar_today</i> </div> <div class="content mktoText" id="mapTimeDate"> to be confirmed<br/>TBD–TBD </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"> to be confirmed<br/> to be confirmed<br/> to be confirmed, to be confirmed </div> </div> <div class="calendar-links mktoText" id="mapCalendarLinks"><!--<div><a class="calendar-link" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20170713T210000Z/20170713T240000Z&text=From+Data+to+Insights:+How+ML+can+transform+your+business&location=Google+Fiber+Space&details=From+Data+to+Insights:+How+ML+can+transform+your+business%0A%0AThursday,+July+13th%0A5:00+PM+-+8:00+PM%0A%0AGoogle+Fiber+Space%0A301+E+7th+St%0ACharlotte,+NC%0A%0Ahttps://cloudplatformonline.com/2017-NA-Charlotte-Data-Insights-Reg.html&sf=true&output=xml#eventpage_6"> <span class="icon"> <i class="material-icons mdc-button__icon" aria-hidden="true">add_circle_outline</i> </span> <span class="content">Add to Google Calendar</span> </a> <a class="calendar-link" href="https://lp.google-mkto.com/rs/248-TPC-286/22492/+STANY+Annual+Pre-Meeting+Cocktail+Party.ics"> <span class="icon"> <i class="material-icons mdc-button__icon" aria-hidden="true">add_circle_outline</i> </span> <span class="content">Add to other calendar</span> </a></div>--></div> </div> </div> </div> </section> <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–9: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–9: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–1: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–1: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–2: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–3: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="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 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="agendaExpandable"> <div class="container agenda"> <div class="accordions mktoText" id="agendaExpandableContent"><div class="accordions-toggle"><button> <span class="mdc-button__label">Expand all</span> <i aria-hidden="true" class="material-icons mdc-button__icon">keyboard_arrow_down</i> </button> <h2>ALL DAY TRACKS</h2> </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> <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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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"><br/></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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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-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="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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 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://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> </div> <h3>Silver</h3> <div class="partner-grid"> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/170x100"/> </div> <div class="partner"> <img alt="Partner" src="https://web.archive.org/web/20210529154232im_/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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-1.jpg"/> <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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-3.jpg"/> <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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-2.jpg"/> <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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-1.jpg"/> <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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-2.jpg"/> <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 alt="" loading="lazy" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/v2-promo-1.jpg"/> <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 class="sortable rtl rtl-text" id="multitrack-cities"> <div class="container mktoText" id="multitrackCities"> <h2>Regions</h2> <div class="accordions"> <div class="accordions-toggle"> <button> <span class="mdc-button__label">Expand all</span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_drop_down_circle</i> </button> </div> <div class="accordion open" id="country-1"> <div class="accordion-toggle" 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 class="accordion-content"> <div class="city-grid"> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </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 class="accordion-content"> <div class="city-grid"> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </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 class="accordion-content"> <div class="city-grid"> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> <div class="city"> <img alt="" src="https://web.archive.org/web/20210529154232im_/https://via.placeholder.com/400x200"/> <h4>Lorem ipsum [30 char max, H4-M]</h4> <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">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> <li> <a class="track" href="#"> <span class="track-name">Etiam sem malesuada </span> <i aria-hidden="true" class="material-icons mdc-button__icon">arrow_forward</i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <section id="form"> <div class="container rtl rtl-text"> <div class="form-container mktoText" id="formContainer"><h2>Download</h2> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/forms2.min.js"></script> <form id="mktoForm_29214"></form> <script>// <![CDATA[ MktoForms2.loadForm("//web.archive.org/web/20210529154232/https://app-sj33.marketo.com", "808-GJW-314", 29214); // ]]></script></div> </div> </section> </div> <div id="right-col"> <section class="two-col-form"> <div class="container rtl rtl-text"> <div class="form-container mktoText" id="twoColFormContainer"></div> </div> </section> </div> </div> </main> <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: 24px; font-family: 'Roboto', Arial, sans-serif;" width="24"><a href="https://web.archive.org/web/20210529154232/http://googlecloudplatform.blogspot.com/"><img alt="Blogger" border="0" height="24" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/csV3_ic_blog_social.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 16px; font-family: 'Roboto', Arial, sans-serif;" width="24"><a href="https://web.archive.org/web/20210529154232/https://github.com/GoogleCloudPlatform"><img alt="Github" border="0" height="24" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/csV3_ic_github_social.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 16px; font-family: 'Roboto', Arial, sans-serif;" width="24"><a href="https://web.archive.org/web/20210529154232/https://www.linkedin.com/company/google-cloud"><img alt="LinkedIn" border="0" height="24" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/csV3_ic_linkedin_social.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 16px; font-family: 'Roboto', Arial, sans-serif;" width="24"><a href="https://web.archive.org/web/20210529154232/https://twitter.com/googlecloud"><img alt="Twitter" border="0" height="24" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/csV3_ic_twitter_social.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 16px; font-family: 'Roboto', Arial, sans-serif;" width="24"><a href="https://web.archive.org/web/20210529154232/https://www.facebook.com/googlecloud"><img alt="Facebook" border="0" height="24" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/img/csV3_ic_facebook_social.png" style="height: 24px;"/></a></td> </tr> </tbody> </table></div> </div> </div> <div class="legal mktoText" id="footerLegal"> <img alt="Google Cloud logo" class="cloud-logo-image" src="/web/20210529154232im_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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://web.archive.org/web/20210529154232/https://www.google.com/" target="_blank">Google LLC</a> | <a href="https://web.archive.org/web/20210529154232/https://policies.google.com/privacy" target="_blank">Privacy</a> | <a href="https://web.archive.org/web/20210529154232/https://policies.google.com/terms" target="_blank">Terms</a></p> </div> </div> </footer> <!-- DO NOT CHANGE --> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/jquery-3.4.1.min.js"></script> <script src="https://web.archive.org/web/20210529154232js_/https://inthecloud.withgoogle.com/template-files/cloudstyle-v3-app.bundle.js"></script> <!-- DO NOT CHANGE --> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/evt_utm.js"></script> <div class="mktoText" id="editableJS" style="display: none;"><div> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/browser-detect.js"></script> </div> <div><div style="display: none;"> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/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>", 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></div> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/website-field-validation.js"></script> <script src="/web/20210529154232js_/https://inthecloud.withgoogle.com/pathway-to-cloud-powered-innovation-20/static/js/stripmkttok.js" type="text/javascript"></script></body> </html> <!-- FILE ARCHIVED ON 15:42:32 May 29, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:20:08 Dec 01, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.649 exclusion.robots: 0.03 exclusion.robots.policy: 0.018 esindex: 0.011 cdx.remote: 13.192 LoadShardBlock: 104.639 (3) PetaboxLoader3.datanode: 114.807 (4) PetaboxLoader3.resolve: 68.084 (2) load_resource: 87.296 -->