CINXE.COM
Duet AI GA Contact Sales Form
<!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <title>Duet AI GA Contact Sales Form</title> <link href="https://inthecloud.withgoogle.com/template-files/normalize.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"/> <!-- VISIBILITY --> <!-- Michelle added --> <!-- SPEAKERS --> <!-- SECTION ORDER --> <!-- Two Column Layout --> <!-- Hero Images --> <!-- Disabled CTAs --> <!-- Thank you Pop-up --> <!-- Variable Font Imports --> <!-- Partner Website Validation --> <meta content="index, follow" name="robots"/><meta content="google, google cloud" name="keywords"/><meta content="Google Cloud" name="description"/> <!-- DO NOT CHANGE --> <link href="/duet-ai-ga-contact-sales-form/static/css/workspace-2021-v001-app.css" rel="stylesheet"/> <!-- Edited by joeanderson on Fri Apr 02 2021 09:25:56 GMT-0700. --> <!-- / DO NOT CHANGE --> <style type="text/css"> @import url('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://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; border-radius: initial; } #headerCTA { display: none !important; } /*<!-- Michelle added -->*/ #heroWorkspaceIcon { display: block !important; line-height:0; } #heroImage { display: block !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: none !important; order: 9; } #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; } #hero .hero-headline h1 { font-weight: 700; } </style> <style> @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'); 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; } </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: "${showLanguageDropdown}" === "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: "true" === "two-col" ? true : false, partnerEmailValidation: "Corporate email address required.", tyFormMessage: "Thank you for registering.", useTyPopup: true, } </script> <!-- 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="Duet AI GA Contact Sales Form" property="og:title"/> <meta content="website" property="og:type"/> <meta content="Google Cloud" property="og:description"/> <meta content="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/google-cloud-ogimage.jpg" property="og:image"/> <script> if (window.location.hostname === "lp.google-mkto.com") { window.location = "https://inthecloud.withgoogle.com/duet-ai-ga-contact-sales-form/register.html" + window.location.search; } </script> <script> if (window.location.href.includes("https://inthecloud.withgoogle.com/duet-ai-ga-contact-sales-form/register.html")) { window.location = "https://workspace.google.com/solutions/ai/" + window.location.search; }; </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> </head> <body class="mdc-typography" data-form="none" data-twocolumn="true" id="bodyId"> <script> var rtlBody = ""; var twoColumn = "true" 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://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="none" 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="/duet-ai-ga-contact-sales-form/static/img/hh-img4.svg"/></div> <div class="partner-logo-container"><img alt="Partner Logo" class="partner-logo" constrain="true" height="32" id="partnerLogo" imagepreview="false" src="https://via.placeholder.com/100x32" width="100"/></div></div> <div class="header-right" data-lang="none"> <div id="nav-wrap"> <div 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="#agenda">Agenda</a></li> <li class="nav-link"><a href="#speakers">Speakers</a></li> <li class="nav-link"><a href="#partners">Sponsors</a></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/duet-ai-ga-contact-sales-form/register.html">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 & 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><br/></div></div> </div> </nav> </div> </div> </div> <div class="mktoText" data-disable-cta="false" id="headerCTA"> <div> <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> <main id="wrap"> <div class="page-cover" id="menu-page-cover"></div> <div class="two-col-grid"> <div id="left-col"> <section class="hero rtl rtl-text" id="hero"> <div class="container"> <div class="mainBody"> <!-- UNCOMMENT IMAGE TAG AND ADD YOUR IMAGE PREVIEW URL - TOGGLE VARIABLES TO SHOW AND ALIGN --> <div class="hero-headline mktoText" id="heroHeadline"><h1>Experience a powerful new way of working with <span style="color: #1a73e8;">Duet AI</span></h1></div> <div id="heroWorkspaceIcon"> <img alt="Workspace Icon" src="/duet-ai-ga-contact-sales-form/static/img/hh-img3.png" style="height: 30px; width: auto;"/> </div> <div id="heroImage"> <picture> <source media="(max-width: 767px)" srcset="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/image %286%29.png"/> <source media="(max-width: 1140px)" srcset="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/image %286%29.png"/> <source media="(min-width: 1140px)" srcset="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/image %286%29.png"/> <img alt="" src="/duet-ai-ga-contact-sales-form/static/img/image (6).png"/> </picture> <!-- <img src="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/image %286%29.png" alt="" border=""> --> </div> <div class="hero-desc mktoText" id="heroDescription"><div><br/></div> <div>Duet AI is your thought partner, source of inspiration, and productivity booster in Google Workspace. Complete this form to request a trial and try it today at no cost.</div> <div><br/></div> <div><br/></div> <div><strong>Want more information about Duet AI?</strong></div> <div><br/>Read this <a href="https://workspace.google.com/blog/product-announcements/duet-ai-in-workspace-now-available" id="" target="_blank">blog post </a>and check the <a href="https://workspace.google.com/solutions/ai/" id="" target="_blank">Duet AI page</a> to learn more about the features, watch video demos, and see what customers are saying about Duet AI.</div> <div><br/></div></div> </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"> <br/> – </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"> <br/> </div> </div> </div> <div class="hero-button mktoText" data-disable-cta="false" id="CTARegion"></div> </div> </section> <section class="sortable rtl rtl-text" id="content-text"> <div class="container mktoText" id="mainBody"></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"> <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"> <a class="calendar-link" href=""> <span class="icon"> <i aria-hidden="true" class="material-icons mdc-button__icon">add_circle_outline</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 mdc-button__icon">add_circle_outline</i> </span> <span class="content">Add to other calendar</span> </a> </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–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="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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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="/duet-ai-ga-contact-sales-form/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://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 alt="" loading="lazy" src="https://via.placeholder.com/650x360"/> <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="https://via.placeholder.com/650x360"/> <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="https://via.placeholder.com/650x360"/> <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="https://via.placeholder.com/650x360"/> <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="https://via.placeholder.com/650x360"/> <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="https://via.placeholder.com/730x400"/> <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">keyboard_arrow_down</i> </button> </div> <div class="accordion open" 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 class="accordion-content"> <div class="city-grid"> <div class="city"> <img alt="" src="https://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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://via.placeholder.com/650x360"/> <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>Register</h2> <!-- <script src="//lp.cloudplatformonline.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_79934"></form> <script> MktoForms2.loadForm("//lp.cloudplatformonline.com", "808-GJW-314", 79934); </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"><h2>Request a trial<br/></h2> <div>Complete the below form, and a member of our team will contact you. </div> <div><strong></strong><br/></div> <!-- If using the 2 column set up please remove the form embed code from the main form region --> <script src="/duet-ai-ga-contact-sales-form/static/js/forms2.min.js"></script> <form id="mktoForm_79934"></form> <script>// <![CDATA[ MktoForms2.loadForm("//lp.cloudplatformonline.com", "808-GJW-314", 79934); // ]]></script> <h5>*Duet AI in Workspace trials are not available for EDU customers.</h5></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="/duet-ai-ga-contact-sales-form/static/img/hh-img4.svg"/></div> <h3 id="ty-headline">Thank you for your interest!</h3> </div> <div id="ty-body"> <p>We appreciate your interest in getting Duet AI for Workspace. We will be in touch soon.</p> <p>In the meantime, check out this handbook, <a href="https://services.google.com/fh/files/misc/gws_duet_ai_handbook.pdf" rel="noopener noreferrer" target="_blank">Duet AI in Google Workspace: A new and powerful way of working with generative AI</a>.</p> <a class="mdc-button mdc-button--raised" data-mdc-auto-init="MDCRipple" href="https://services.google.com/fh/files/misc/gws_duet_ai_handbook.pdf" target="_blank">Read now</a></div> <div><br/></div> <div class="ty-tout"> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/blog/" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://workspace.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="/duet-ai-ga-contact-sales-form/static/img/hh-img4.svg"/></div> <h3 id="ty-headline">Thank you for registering.</h3> </div> <div id="ty-body"> <p>You’re confirmed to the Duet AI GA Contact Sales Form.</p> <p>Thank you for your registration, we look forward to seeing you at the Duet AI GA Contact Sales Form.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com/blog/products/workspace/introducing-google-workspace" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/contact" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- =================================================================== --> <!-- ======================== JAPAC - Preapproved ======================== --> <!-- =================================================================== --> <div class="modal-header"> <div class="modal-logo"><img alt="" src="/duet-ai-ga-contact-sales-form/static/img/hh-img4.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 Duet AI GA Contact Sales Form.</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 Workspace</a> to browse solutions, products, and services.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com/blog/products/workspace/introducing-google-workspace" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/contact" 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="/duet-ai-ga-contact-sales-form/static/img/hh-img4.svg"/></div> <h3 id="ty-headline">We’ve received your registration</h3> </div> <div id="ty-body"> <p>We'll 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" rel="noopener noreferrer" target="_blank">get started with Google Workspace</a> to browse solutions, products and services.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/blog/product-announcements/duet-ai-in-workspace-now-available" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://workspace.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="/duet-ai-ga-contact-sales-form/static/img/hh-img4.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 Duet AI GA Contact Sales Form. We will follow up shortly with the update on your registration status.</p> </div> <div class="ty-tout"> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-cloud-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/" rel="noopener noreferrer" target="_blank">Learn more</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-screens-icon.png"/> <div class="tout-text"><a href="https://cloud.google.com/blog/products/workspace/introducing-google-workspace" rel="noopener noreferrer" target="_blank">See the blog</a></div> </div> <div class="tout"><img src="/duet-ai-ga-contact-sales-form/static/img/v2-mail-icon.png"/> <div class="tout-text"><a href="https://workspace.google.com/contact" rel="noopener noreferrer" target="_blank">Contact sales</a></div> </div> </div> <!-- =================================================================== --> <!-- =============================== End =============================== --> <!-- =================================================================== --></div></div> <div class="ty-social"> <div class="mktoText" id="ty-popup-social-header"> Follow us </div> <div class="mktoSnippet" id="ty-socialSnippet"><table align="${langTextAlign}" border="0" cellpadding="0" cellspacing="0" class="footer-icon-table" role="presentation" style="width: auto;"> <tbody> <tr><!-- <td width="24" style="width: 24px; font-family: ${bodyFontFamily};"><a href="http://googlecloudplatform.blogspot.com/"><img src="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/blog-a11y.png" alt="Blogger" border="0" height="24" style="height:24px;"></a></td> --> <td id="footerSocialSpacer" style="width: 12px; padding-left: 8px; font-family: ${bodyFontFamily};" width="12"> </td> <td style="width: 24px; font-family: ${bodyFontFamily};" width="24"><a href="https://twitter.com/googleworkspace"><img alt="Twitter" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/twitter_final.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="https://www.facebook.com/GoogleWorkspace/"><img alt="Facebook" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_facebook_grey600_24dp@2x.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="http://www.linkedin.com/company/googleworkspace"><img alt="LinkedIn" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_linkedin_grey600_24dp@2x.png" style="height: 24px;" width="24"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="https://www.youtube.com/googleworkspace"><img alt="YouTube" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_youtube_grey600_24dp@2x.png" style="height: 24px;"/></a></td> </tr> </tbody> </table></div> </div> </div> </div> <div class="mdc-dialog__scrim"></div> </div> </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 align="${langTextAlign}" border="0" cellpadding="0" cellspacing="0" class="footer-icon-table" role="presentation" style="width: auto;"> <tbody> <tr><!-- <td width="24" style="width: 24px; font-family: ${bodyFontFamily};"><a href="http://googlecloudplatform.blogspot.com/"><img src="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/blog-a11y.png" alt="Blogger" border="0" height="24" style="height:24px;"></a></td> --> <td id="footerSocialSpacer" style="width: 12px; padding-left: 8px; font-family: ${bodyFontFamily};" width="12"> </td> <td style="width: 24px; font-family: ${bodyFontFamily};" width="24"><a href="https://twitter.com/googleworkspace"><img alt="Twitter" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/twitter_final.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="https://www.facebook.com/GoogleWorkspace/"><img alt="Facebook" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_facebook_grey600_24dp@2x.png" style="height: 24px;"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="http://www.linkedin.com/company/googleworkspace"><img alt="LinkedIn" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_linkedin_grey600_24dp@2x.png" style="height: 24px;" width="24"/></a></td> <td style="width: 24px; padding-left: 8px; font-family: ${bodyFontFamily};" width="24"><a href="https://www.youtube.com/googleworkspace"><img alt="YouTube" border="0" height="24" src="/duet-ai-ga-contact-sales-form/static/img/post_youtube_grey600_24dp@2x.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="/duet-ai-ga-contact-sales-form/static/img/logo_Google_OneColor@2x.png" style="height: 28px;"/> <p class="links"><a href="https://www.google.com/" target="_blank">Google</a> <a href="https://about.google/" target="_blank">About Google</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="/duet-ai-ga-contact-sales-form/static/js/jquery-3.4.1.min.js"></script> <script src="/duet-ai-ga-contact-sales-form/static/js/workspace-2022-v001-app.bundle.js"></script> <!--<script src="https://inthecloud.withgoogle.com/template-files/cloudstyle-2021-v001-app.bundle.js"></script>--> <!-- DO NOT CHANGE --> <script src="/duet-ai-ga-contact-sales-form/static/js/evt_utm.js"></script> <div class="mktoText" id="editableJS" style="display: none;"> <!-- <script src="https://lp.cloudplatformonline.com/rs/808-GJW-314/images/browser-detect.js"></script> --> <div style="display: none;"> <script src="/duet-ai-ga-contact-sales-form/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’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="/duet-ai-ga-contact-sales-form/static/js/website-field-validation.js"></script> <script src="/duet-ai-ga-contact-sales-form/static/js/stripmkttok.js" type="text/javascript"></script></body> </html>