CINXE.COM
Women Techmakers Directory | Google for Developers
<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Google for Developers"> <meta property="og:type" content="website"><meta name="robots" content="noindex"><meta name="theme-color" content="#fff"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//www.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.googleapis.com" crossorigin> <link rel="preconnect" href="//apis.google.com" crossorigin> <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/css/app.css"> <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png"> <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/touchicon-180-new.png"><link rel="canonical" href="https://developers.google.com/womentechmakers/ambassadors/directory"><link rel="search" type="application/opensearchdescription+xml" title="Google for Developers" href="https://developers.google.com/s/opensearch.xml"> <link rel="alternate" hreflang="en" href="https://developers.google.com/womentechmakers/ambassadors/directory" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/womentechmakers/ambassadors/directory" /><link rel="alternate" hreflang="ar" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=fr" /><link rel="alternate" hreflang="de" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=de" /><link rel="alternate" hreflang="he" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=he" /><link rel="alternate" hreflang="hi" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=hi" /><link rel="alternate" hreflang="id" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=id" /><link rel="alternate" hreflang="it" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=it" /><link rel="alternate" hreflang="ja" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=th" /><link rel="alternate" hreflang="tr" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developers.google.com/womentechmakers/ambassadors/directory?hl=vi" /><title>Women Techmakers Directory | Google for Developers</title> <meta property="og:title" content="Women Techmakers Directory | Google for Developers"><meta property="og:url" content="https://developers.google.com/womentechmakers/ambassadors/directory"><meta property="og:image" content="https://developers.google.com/womentechmakers/images/home-banner.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://developers.google.com/static/womentechmakers/images/wtm-logo.png"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Women Techmakers Directory" } </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Women Techmakers", "item": "https://developers.google.com/womentechmakers" },{ "@type": "ListItem", "position": 2, "name": "Women Techmakers Directory", "item": "https://developers.google.com/womentechmakers/ambassadors/directory" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="" template="landing" theme="white" type="article" layout="full" concierge='hide' pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"> <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner"> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="https://developers.google.com/womentechmakers"> <div class="devsite-product-logo-container" size="medium" > <picture> <img class="devsite-product-logo" alt="Women Techmakers" src="https://developers.google.com/static/womentechmakers/images/wtm-logo.png" srcset="https://developers.google.com/static/womentechmakers/images/wtm-logo_36.png 36w, https://developers.google.com/static/womentechmakers/images/wtm-logo_48.png 48w, https://developers.google.com/static/womentechmakers/images/wtm-logo_72.png 72w, https://developers.google.com/static/womentechmakers/images/wtm-logo_96.png 96w, https://developers.google.com/static/womentechmakers/images/wtm-logo_480.png 480w, https://developers.google.com/static/womentechmakers/images/wtm-logo_720.png 720w, https://developers.google.com/static/womentechmakers/images/wtm-logo_856.png 856w, https://developers.google.com/static/womentechmakers/images/wtm-logo_960.png 960w, https://developers.google.com/static/womentechmakers/images/wtm-logo_1440.png 1440w, https://developers.google.com/static/womentechmakers/images/wtm-logo_1920.png 1920w, https://developers.google.com/static/womentechmakers/images/wtm-logo_2880.png 2880w" sizes="64px" loading="lazy" > </picture> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/womentechmakers" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Women Techmakers" > <h1 class="devsite-product-name">Women Techmakers</h1> </a> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab > <a href="https://developers.google.com/womentechmakers" track-metadata-eventdetail="https://developers.google.com/womentechmakers" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - home" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Home" track-name="home" > Home </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/ambassadors" track-metadata-eventdetail="https://developers.google.com/womentechmakers/ambassadors" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - ambassadors" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Ambassadors" track-name="ambassadors" > Ambassadors </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/members" track-metadata-eventdetail="https://developers.google.com/womentechmakers/members" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - members" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Members" track-name="members" > Members </a> </tab> <tab class="devsite-dropdown "> <a href="https://developers.google.com/womentechmakers/initiatives" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - initiatives" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Initiatives" track-name="initiatives" > Initiatives </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Initiatives" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives" track-metadata-position="nav - initiatives" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Initiatives" track-name="initiatives" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a> <div class="devsite-tabs-dropdown" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-item"> <a href="https://developers.google.com/womentechmakers/initiatives/bwit" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/bwit" track-metadata-position="nav - initiatives" track-metadata-module="tertiary nav" tooltip > <div class="devsite-nav-item-title"> Black Women in Tech </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/womentechmakers/initiatives/iwd" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/iwd" track-metadata-position="nav - initiatives" track-metadata-module="tertiary nav" tooltip > <div class="devsite-nav-item-title"> International Women's Day </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/womentechmakers/initiatives/googleio" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/googleio" track-metadata-position="nav - initiatives" track-metadata-module="tertiary nav" tooltip > <div class="devsite-nav-item-title"> Google I/O </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/womentechmakers/initiatives/hackathon" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/hackathon" track-metadata-position="nav - initiatives" track-metadata-module="tertiary nav" tooltip > <div class="devsite-nav-item-title"> Hackathon </div> </a> </li> <li class="devsite-nav-item"> <a href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/she-builds-ai" track-metadata-position="nav - initiatives" track-metadata-module="tertiary nav" tooltip > <div class="devsite-nav-item-title"> She Builds AI </div> </a> </li> </ul> </div> </div> </div> </tab> </nav> </devsite-tabs> </div> <devsite-search enable-signin enable-search enable-suggestions enable-query-completion project-name="Women Techmakers" tenant-name="Google for Developers" project-scope="/womentechmakers" url-scoped="https://developers.google.com/s/results/womentechmakers" > <form class="devsite-search-form" action="https://developers.google.com/s/results" method="GET"> <div class="devsite-search-container"> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" > <div class="devsite-search-image material-icons" aria-hidden="true"> </div> <div class="devsite-search-shortcut-icon-container" aria-hidden="true"> <kbd class="devsite-search-shortcut-icon">/</kbd> </div> </div> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> <devsite-user enable-profiles fp-auth id="devsite-user"> <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span> </devsite-user> </div> </div> </div> <div class="devsite-collapsible-section devsite-header-no-lower-tabs "> <div class="devsite-header-background"> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars hidden> <div class="devsite-book-nav-filter" hidden> <span class="filter-list-icon material-icons" aria-hidden="true"></span> <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox"> <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span> </div> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="https://developers.google.com/womentechmakers"> <div class="devsite-product-logo-container" size="medium" > <picture> <img class="devsite-product-logo" alt="Women Techmakers" src="https://developers.google.com/static/womentechmakers/images/wtm-logo.png" srcset="https://developers.google.com/static/womentechmakers/images/wtm-logo_36.png 36w, https://developers.google.com/static/womentechmakers/images/wtm-logo_48.png 48w, https://developers.google.com/static/womentechmakers/images/wtm-logo_72.png 72w, https://developers.google.com/static/womentechmakers/images/wtm-logo_96.png 96w, https://developers.google.com/static/womentechmakers/images/wtm-logo_480.png 480w, https://developers.google.com/static/womentechmakers/images/wtm-logo_720.png 720w, https://developers.google.com/static/womentechmakers/images/wtm-logo_856.png 856w, https://developers.google.com/static/womentechmakers/images/wtm-logo_960.png 960w, https://developers.google.com/static/womentechmakers/images/wtm-logo_1440.png 1440w, https://developers.google.com/static/womentechmakers/images/wtm-logo_1920.png 1920w, https://developers.google.com/static/womentechmakers/images/wtm-logo_2880.png 2880w" sizes="64px" loading="lazy" > </picture> </div> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/womentechmakers" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Upper Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Women Techmakers" > Women Techmakers </a> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/womentechmakers" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Home" track-name="home" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Home" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Home </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/ambassadors" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Ambassadors" track-name="ambassadors" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Ambassadors" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Ambassadors </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/members" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Members" track-name="members" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Members" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Members </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Initiatives" track-name="initiatives" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Initiatives" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Initiatives </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip data-category="Site-Wide Custom Events" data-label="Tab: Initiatives" track-name="initiatives" > <span class="devsite-nav-text" tooltip menu="Initiatives"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Initiatives"> </span> </span> </li> </ul> </li> </ul> </div> <div class="devsite-mobile-nav-bottom"> <ul class="devsite-nav-list" menu="Initiatives" aria-label="Side menu" hidden> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives/bwit" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Black Women in Tech" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Black Women in Tech </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives/iwd" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: International Women's Day" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > International Women's Day </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives/googleio" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google I/O" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Google I/O </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives/hackathon" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Hackathon" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Hackathon </span> </a> </li> <li class="devsite-nav-item"> <a href="/womentechmakers/initiatives/she-builds-ai" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: She Builds AI" track-type="navMenu" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > She Builds AI </span> </a> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content" > <devsite-content> <article class="devsite-article"><style> /* Styles inlined from /womentechmakers/css/womentechmakers-styles.css */ /* =============== Banners =============== */ .background-banner { align-items: center; background-repeat: no-repeat; display: grid; margin: auto; max-width: 1520px; } .background-banner header { max-width: 772px; } .background-banner--thin { min-height: 55vw; } .background-banner--thin .devsite-landing-row-inner { margin-left: 0; } .background-banner--home .devsite-landing-row-inner { text-align: center; width: 84vw; } .banner-heading { font: 700 9.2vw/10.4vw 'Google Sans'; } .banner-heading--iwd { display: block; font: 700 11vw/12vw 'Google Sans'; max-width: 52vw; } .banner-heading--white { color: white; } .banner-description { font: 400 2.8vw/4vw 'Google Sans'; } .banner-description--iwd { font: 500 3.4vw/4vw 'Google Sans'; } .banner-description--builds-ai { font: 400 16px/24px 'Google Sans'; } .background-banner--home { background: url(/womentechmakers/images/2024homebanner-m.png); min-height: 500px; } .background-banner--iwd { background-image: url(/womentechmakers/images/2024iwdbanner-m.png); background-position: right; } .background-banner--ambassadors { background: url(/womentechmakers/images/2024ambassadorsbanner-m.png) no-repeat top / 100vw; } .background-banner--members { background: url(/womentechmakers/images/2024membersbanner-m.png) no-repeat top / 100vw; } .background-banner--initiatives { background: url(/womentechmakers/images/2024initiativesbanner-m.png) no-repeat top / 100vw; } .background-banner--bwit { background: url(/womentechmakers/images/2024bwitbanner-m.png) no-repeat top / 100vw; margin-bottom: 72px; } .background-banner--io { background: url(/womentechmakers/images/2024iobanner-m.png) no-repeat top / 100vw; } .background-banner--hackathon { background: url(/womentechmakers/images/2024hackathonbanner-m.png) no-repeat top / 100vw; } .background-banner--directory { background: url(/womentechmakers/images/2024directorybanner-m.png) no-repeat top / 100vw; } .background-banner--initiatives-child header { max-width: 64vw; } @media screen and (min-width: 601px) { .background-banner--home .devsite-landing-row-inner { margin-left: 4vw; text-align: unset; width: 52vw; } .background-banner--thin { min-height: 22vw; } .banner-heading { display: inline; font: 700 4.2vw/4.5vw 'Google Sans'; max-width: unset; } .banner-heading--iwd { font: 700 4.5vw/4.8vw 'Google Sans'; } .banner-description { font: 400 1.7vw/2vw 'Google Sans'; } .banner-description--iwd { font: 500 2vw/2.3vw 'Google Sans'; } .background-banner--home { background: url(/womentechmakers/images/2024homebanner.png) no-repeat top / 100vw; margin-bottom: 120px; min-height: 36vw; } .background-banner--iwd { background: url(/womentechmakers/images/2024iwdbanner.png) no-repeat right / 63vw; } .background-banner--ambassadors { background: url(/womentechmakers/images/2024ambassadorsbanner.png) no-repeat top / 100vw; } .background-banner--members { background: url(/womentechmakers/images/2024membersbanner.png) no-repeat top / 100vw; } .background-banner--initiatives { background: url(/womentechmakers/images/2024initiativesbanner.png) no-repeat top / 100vw; } .background-banner--bwit { background: url(/womentechmakers/images/2024bwitbanner.png) no-repeat top / 100vw; } .background-banner--io { background: url(/womentechmakers/images/2024iobanner.png) no-repeat top / 100vw; } .background-banner--hackathon { background: url(/womentechmakers/images/2024hackathonbanner.png) no-repeat top / 100vw; } .background-banner--directory { background: url(/womentechmakers/images/2024directorybanner.png) no-repeat top / 100vw; } .background-banner--initiatives-child header { max-width: 56vw; } } @media screen and (min-width: 1520px) { .background-banner--home .devsite-landing-row-inner { width: 708px; margin-left: 80px; } .background-banner--thin { min-height: 338px; } .banner-heading { font: 700 64px/76px 'Google Sans'; } .banner-heading--iwd { font: 700 72px/92px 'Google Sans'; } .banner-description { font: 400 24px/32px 'Google Sans'; } .banner-description--iwd { font: 500 32px/40px 'Google Sans'; } .banner-description--builds-ai { font: 400 22px/28px 'Google Sans'; } .background-banner--home { background: url(/womentechmakers/images/2024homebanner.png); margin-bottom: 100px; min-height: 632px; } .background-banner--iwd { background: url(/womentechmakers/images/2024iwdbanner.png) no-repeat right / 960px; } .background-banner--ambassadors { background: url(/womentechmakers/images/2024ambassadorsbanner.png); } .background-banner--members { background: url(/womentechmakers/images/2024membersbanner.png); } .background-banner--initiatives { background: url(/womentechmakers/images/2024initiativesbanner.png); } .background-banner--bwit { background: url(/womentechmakers/images/2024bwitbanner.png); } .background-banner--io { background: url(/womentechmakers/images/2024iobanner.png); } .background-banner--hackathon { background: url(/womentechmakers/images/2024hackathonbanner.png); } .background-banner--directory { background: url(/womentechmakers/images/2024directorybanner.png); } .background-banner--initiatives-child header { max-width: 684px; } } /* ============== Shared fonts ============== */ .wtm-heading--row-xlarge { font: 700 60px/68px 'Google Sans' !important; /* Forces correct font */ } /* [1] Forces heading text to be correct size and overrides devsite sizing */ /* [2] Forces heading text to have 1px spacing and overrides devsite spacing */ .wtm-heading--row { font: 700 40px/48px 'Google Sans' !important; /* [1] */ letter-spacing: 1px !important; /* [2] */ } .wtm-heading--videos-small { font: 400 32px/40px 'Google Sans'; } .wtm-heading--item { font: 500 28px/36px 'Google Sans'; } .wtm-card-heading { color: #202124; font: 700 24px/32px 'Google Sans'; } .wtm-section { font: 400 22px/28px 'Google Sans'; } .small-description { font: 400 20px/26px 'Google Sans'; } .wtm-description { font: 400 18px/24px 'Google Sans'; max-width: var(--max-section-width); } .wtm-small-text { font: 400 16px/24px 'Roboto'; } .wtm-page .devsite-landing-row-description, .wtm-page .devsite-landing-row-item-description { font-family: Google Sans, sans-serif; } /* ========= Shared color & spacing ========= */ .wtm-page figure { background: transparent !important; /* To prevent devsite gray background */ } .wtm-page .wtm-heading.wtm-heading--row:hover, .wtm-page [background] :focus>:not(.material-icons) { text-decoration: none; } /* [1] Forces headings on the page to be black (changes in dark mode) */ /* [2] Forces headings on the page to have 800 weight */ .wtm-heading { color: var(--tenant-primary-text-color) !important; /* [1] */ font-weight: 700 !important; /* [2] */ } .wtm-heading--row-no-description { display: inline-block; margin-block: 0 28px; } .red-highlight { color: #ff676a; } .green-highlight { color: #00a88c; } .blue-highlight { color: #2480f0; } .wtm-hr { margin: auto; padding-top: 0; } .wtm-center-text { text-align: center; max-width: 1276px; } .grey-bg { background: #f8f9fa; } .pink-bg { background: var(--bg-pink); } .blue-bg { background: var(--bg-blue); } .green-bg { background: var(--bg-green); } .orange-bg { background: var(--bg-orange); } .narrow-row { margin-inline: auto; max-width: 1196px; } .wide-row { margin-inline: auto; max-width: 1488px; } .intro-description img { border-radius: 18px } .wtm-section.no-padding { padding-block: 0; } .wtm-section.mobile-img-row { padding: 40px 0 0; } .wtm-section .mobile-img { display: block; } .wtm-section .web-img .devsite-landing-row-item-media { display: none; } @media screen and (max-width: 1024px) { .devsite-landing-row-1-up .devsite-landing-row-item.community-element-container { display: block; } .community-element-container .wtm-heading { display: block; margin-top: 30px; } } @media screen and (max-width: 840px) { .wtm-center-text { text-align: left; } .wtm-page .devsite-landing-row-padding-large, .wtm-page .devsite-landing-row-padding-medium { padding: 32px 0; } .wtm-section.no-padding { padding-block: 0 16px; } } @media screen and (min-width: 601px) { .wtm-section .mobile-img { display: none; } .wtm-section .web-img .devsite-landing-row-item-media { display: block; } } @media screen and (min-width: 1200px) { .wtm-section .with-media { gap: 0 100px; } } /* ============ Impact sections ============ */ h4.impact { font-weight: 400; margin: 0; } .impact { align-items: end; display: grid; grid: 20px 36px 52px / auto; justify-items: center; } .impact-number { color: #00a88c; font-size: 48px; font-weight: 500; } .impact-description { margin-bottom: 40px; margin-top: -100px; } .impact-description .devsite-landing-row-description { max-width: 100%; } .hm-page .impact-section { padding-top: 100px; } .impact-section--3 .devsite-landing-row-group.mobile { display: none; } .impact-section--3 img { height: 180px; } .impact-text { text-align: center; } @media screen and (max-width: 840px) { h4.impact { align-items: center; grid: 80px 100px 0px / auto; padding-block: 32px; } .impact-description { border-bottom: 1px solid #dadce0; margin: -8px 16px 40px; padding-bottom: 40px; } .impact-section .devsite-landing-row-group { grid: auto-flow/repeat(2, 1fr); } .hm-page .impact-section { border-top: 1px solid #dadce0; margin: 40px 16px 0; padding-top: 40px; } .members-page .impact-section .devsite-landing-row-item { grid-template-columns: repeat(1,1fr) } .impact-section--3 .devsite-landing-row-group { grid: auto-flow/repeat(1, 1fr); } .impact-section--3 .devsite-landing-row-group.mobile { display: block; } .impact-section--3 .devsite-landing-row-group.mobile h4 { align-items: center; display: grid; gap: 20px; grid: auto-flow/repeat(2, 1fr); margin-left: -40px; padding-block: 0; } .impact-section--3 .devsite-landing-row-group.mobile .impact-stats-container { display: grid; gap: 20px; margin-right: auto; } .impact-section--3 .devsite-landing-row-group.mobile hr { margin: 16px auto; position: relative; width: 360px; z-index: 5; } .impact-section--3 .impact.web { display: none; } } @media screen and (max-width: 600px) { .impact-section--3.devsite-landing-row { padding: 20px 0 0; } } @media screen and (min-width: 841px) { .impact-section--3 .devsite-landing-row-inner { margin-top: -140px; max-width: 1240px; } .impact-section--3 .devsite-landing-row-group { display: flex; margin-top: 200px !important; /* Forces correct margin */ width: 940px; } .impact-section--3 .devsite-landing-row-group div:first-of-type { position: absolute; } .members-page .impact-section--3 .devsite-landing-row-group { margin-top: 40px !important; /* Forces correct margin */ } .members-page .impact-section--3 .devsite-landing-row-item { display: block; } } /* =========== Social sections =========== */ .socials-section { align-items: center; background: url(/womentechmakers/images/2024homeconnected-m.png) no-repeat center/contain; display: flex; height: 450px; margin-block: 40px 100px; } .socials-section .devsite-landing-row-group { align-items: center; display: flex; justify-content: center; max-width: 220px; } @media screen and (max-width: 600px) { .hm-page .socials-section { margin-block: -40px 40px; } .iwd-page .socials-section { margin-bottom: 0; } } @media screen and (min-width: 601px) { .socials-section { background: url(/womentechmakers/images/2024homeconnected.png) no-repeat center/contain; height: 754px; } } /* =============== Carousels =============== */ .wtm-page { --bg-brackets-blue: url(/womentechmakers/images/2024brackets.png) no-repeat center, #cae6ff; --bg-brackets-green: url(/womentechmakers/images/2024brackets.png) no-repeat center, #d1ece3; --bg-brackets-pink: url(/womentechmakers/images/2024brackets.png) no-repeat center, #ffe7e1; --bg-brackets-orange: url(/womentechmakers/images/2024brackets.png) no-repeat center, #ffdac4; --bg-blue: #cae6ff; --bg-green: #d1ece3; --bg-pink: #ffe7e1; --bg-orange: #ffdac4; } .wtm-quote-carousel { --wtm-quote-carousel-bg-blue: var(--bg-brackets-blue); --wtm-quote-carousel-bg-green: var(--bg-brackets-green); --wtm-quote-carousel-bg-pink: var(--bg-brackets-pink); --wtm-quote-carousel-bg-orange: var(--bg-brackets-orange); --wtm-quote-carousel-height: 440px; --wtm-quote-carousel-justify-content: center; --wtm-quote-carousel-slide-bq-padding: 0 5em; --wtm-quote-carousel-slide-flex-direction: row; --wtm-quote-carousel-slide-gap: 70px; --wtm-quote-carousel-slide-padding: 0 40px; } .iwd-page .wtm-quote-carousel, .bwit-page .wtm-quote-carousel { --wtm-quote-carousel-bg-blue: var(--bg-blue); --wtm-quote-carousel-bg-green: var(--bg-green); --wtm-quote-carousel-bg-pink: var(--bg-pink); --wtm-quote-carousel-bg-orange: var(--bg-orange); --wtm-quote-carousel-height: 428px; --wtm-quote-carousel-justify-content: unset; --wtm-quote-carousel-slide-bq-padding: 0.5em 0; --wtm-quote-carousel-slide-gap: 80px; --wtm-quote-carousel-slide-padding: 0 40px; } @media screen and (max-width: 960px) { .wtm-quote-carousel { --wtm-quote-carousel-height: 60vw; --wtm-quote-carousel-slide-flex-direction: column; --wtm-quote-carousel-slide-bq-padding: 0 .5em; --wtm-quote-carousel-slide-gap: 20px; --wtm-quote-carousel-slide-padding: 0 16px; } .iwd-page .wtm-quote-carousel, .bwit-page .wtm-quote-carousel { --wtm-quote-carousel-height: 824px; --wtm-quote-carousel-justify-content: center; --wtm-quote-carousel-slide-gap: 24px; --wtm-quote-carousel-slide-padding: 0 16px; } } .wtm-quote-carousel-row { padding-bottom: 0; } .wtm-quote-carousel-row>.devsite-landing-row-inner { margin: 0; min-width: 100%; padding: 0; } .wtm-quote-carousel { height: var(--wtm-quote-carousel-height); margin: 0 auto; max-width: 1520px; overflow: hidden; padding: 0; position: relative; } /* [1] Forces correct padding */ .wtm-quote-carousel-slide { align-items: center; background-position-y: bottom; background-size: cover; display: flex; flex-direction: var(--wtm-quote-carousel-slide-flex-direction); gap: var(--wtm-quote-carousel-slide-gap); height: var(--wtm-quote-carousel-height); justify-content: var(--wtm-quote-carousel-justify-content); margin: 0; padding: var(--wtm-quote-carousel-slide-padding) !important; /* [1] */ position: absolute; transform: translateX(100%); width: 100%; } .wtm-quote-carousel-slide blockquote { background: transparent; font-family: Google Sans, sans-serif; margin: 0.5em; max-width: 1200px; padding: var(--wtm-quote-carousel-slide-bq-padding); position: relative; } .wtm-quote-carousel>li:nth-child(1) { animation-iteration-count: 1, infinite; transform: translateX(0%); } /* Custom quote carousel styles for Members-only page */ .wtm-quote-carousel--members-only { --wtm-quote-carousel-animation-duration: 64s; } .wtm-members-only-quote-carousel-caption { --wtm-members-only-quote-carousel-caption-font: 700 36px/44px 'Google Sans'; } .wtm-members-only-quote-carousel-slide blockquote cite { --wtm-members-only-quote-carousel-cite-font: 700 24px/32px 'Google Sans'; } @media screen and (max-width: 960px) { .wtm-members-only-quote-carousel-caption { --wtm-members-only-quote-carousel-caption-font: 700 4.5vw/6.5vw 'Google Sans'; } .wtm-members-only-quote-carousel-slide blockquote cite { --wtm-members-only-quote-carousel-cite-font: 700 3.5vw/4.5vw 'Google Sans'; } } .wtm-members-only-quote-carousel-slide { animation: carousel 64s linear infinite; } .wtm-members-only-quote-carousel-slide blockquote footer { margin-top: 24px; text-align: center; } .wtm-members-only-quote-carousel-slide blockquote cite { font: var(--wtm-members-only-quote-carousel-cite-font); font-style: normal; } /* [1] Forces carousel header to be gray */ /* [2] Forces carousel header to be 700 weight and 32px */ /* [3] Forces carousel caption to have 0 top margin */ .wtm-members-only-quote-carousel-caption { color: #5f6368 !important; /* [1] */ font: var(--wtm-members-only-quote-carousel-caption-font) !important; /* [2] */ margin: 0 !important; /* [3] */ text-align: center; } .wtm-quote-carousel--members-only>li:nth-child(1) { animation-delay: 0s, var(--wtm-quote-carousel-animation-duration); animation-duration: var(--wtm-quote-carousel-animation-duration); animation-name: first-slide, carousel; background: var(--wtm-quote-carousel-bg-pink); } .wtm-quote-carousel--members-only>li:nth-child(2) { animation-delay: 8s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-blue); } .wtm-quote-carousel--members-only>li:nth-child(3) { animation-delay: 16s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-green); } .wtm-quote-carousel--members-only>li:nth-child(4) { animation-delay: 24s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-pink); } .wtm-quote-carousel--members-only>li:nth-child(5) { animation-delay: 32s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-blue); } .wtm-quote-carousel--members-only>li:nth-child(6) { animation-delay: 40s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-green); } .wtm-quote-carousel--members-only>li:nth-child(7) { animation-delay: 48s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-pink); } .wtm-quote-carousel--members-only>li:nth-child(8) { animation-delay: 56s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-blue); } @keyframes first-slide { 0% { transform: translateX(0%); } 1%, 12.5% { transform: translateX(0); } 13.5%, 100% { transform: translateX(-100%); } } @keyframes carousel { 0% { transform: translateX(100%); } 1%, 12.5% { transform: translateX(0); } 13.5%, 100% { transform: translateX(-100%); } } .iwd-page .wtm-quote-carousel--with-img { --wtm-quote-carousel-animation-duration: 39s; } .bwit-page .wtm-quote-carousel--with-img { --wtm-quote-carousel-animation-duration: 36s; } .with-img-quote-carousel-quote { --with-img-quote-carousel-quote-width: 800px; } .with-img-quote-carousel-image { --with-img-quote-carousel-image-height: 300px; } .with-img-quote-carousel-caption { --with-img-quote-carousel-caption-font: 500 36px/44px 'Google Sans'; } .with-img-quote-carousel-slide { --with-img-quote-carousel-quote-left: -40px; --with-img-quote-carousel-quote-top: -20px; } @media screen and (max-width: 840px) { .with-img-quote-carousel-quote { --with-img-quote-carousel-quote-width: 95%; } .with-img-quote-carousel-image { --with-img-quote-carousel-image-height: 300px; } .with-img-quote-carousel-caption { --with-img-quote-carousel-caption-font: 500 36px/44px 'Google Sans'; } .with-img-quote-carousel-slide { --with-img-quote-carousel-quote-left: -20px; --with-img-quote-carousel-quote-top: -20px; } } @media screen and (max-width: 600px) { .with-img-quote-carousel-slide { --with-img-quote-carousel-quote-left: 0; --with-img-quote-carousel-quote-padding-top: 0; --with-img-quote-carousel-quote-top: -30px; } .with-img-quote-carousel-caption { --with-img-quote-carousel-caption-font: 500 6vw/8vw 'Google Sans'; } } /* Custom quote carousel styles for IWD page */ .with-img-quote-carousel-image { height: var(--with-img-quote-carousel-image-height); } .with-img-quote-carousel-quote { background: unset; padding: unset; width: var(--with-img-quote-carousel-quote-width); } .with-img-quote-carousel-speaker { color: #202124; font: 700 24px/32px 'Google Sans'; } /* [1] Forces carousel caption to specific color */ /* [2] Forces carousel caption to be specific font */ /* [3] Forces carousel caption to have 0 top margin */ .with-img-quote-carousel-caption { color: #202124 !important; /* [1] */ font: var(--with-img-quote-carousel-caption-font) !important; /* [2] */ margin-top: 0 !important; /* [3] */ } .with-img-quote-carousel-slide { padding-bottom: 100px; } .with-img-quote-carousel-details { align-items: center; display: flex; flex-direction: row; } .with-img-quote-carousel-speaker { width: 100%; } .with-img-quote-carousel-title { color: #5f6368; font: 400 18px/24px 'Google Sans'; margin-left: 0; } @media screen and (min-width: 841px) { .with-img-quote-carousel-details { display: block; } .with-img-quote-carousel-speaker { width: unset; } .with-img-quote-carousel-title { color: #5f6368; font: 400 18px/24px 'Google Sans'; margin-left: 12px; } } .iwd-page .with-img-quote-carousel-slide { animation: iwd-carousel var(--wtm-quote-carousel-animation-duration) linear infinite; } .iwd-page .wtm-quote-carousel--with-img>li:nth-child(1) { animation-delay: 0s, var(--wtm-quote-carousel-animation-duration); animation-duration: var(--wtm-quote-carousel-animation-duration); animation-name: iwd-first-slide, iwd-carousel; background: var(--wtm-quote-carousel-bg-pink); } .iwd-page .wtm-quote-carousel--with-img>li:nth-child(2) { animation-delay: 13s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-blue); } .iwd-page .wtm-quote-carousel--with-img>li:nth-child(3) { animation-delay: 26s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-green); } @keyframes iwd-first-slide { 0% { transform: translateX(0%); } 1.25%, 33.33% { transform: translateX(0); } 34.58%, 100% { transform: translateX(-100%); } } @keyframes iwd-carousel { 0% { transform: translateX(100%); } 1.25%, 33.33% { transform: translateX(0); } 34.58%, 100% { transform: translateX(-100%); } } .bwit-page .with-img-quote-carousel-slide { animation: bwit-carousel var(--wtm-quote-carousel-animation-duration) linear infinite; } .bwit-page .with-img-quote-carousel-quote .button { background: transparent; border: 1px solid #424242; color: #424242; margin-top: 24px; } .bwit-page .wtm-quote-carousel--with-img>li:nth-child(1) { animation-delay: 0s, var(--wtm-quote-carousel-animation-duration); animation-duration: var(--wtm-quote-carousel-animation-duration); animation-name: bwit-first-slide, bwit-carousel; background: var(--wtm-quote-carousel-bg-pink); } .bwit-page .wtm-quote-carousel--with-img>li:nth-child(2) { animation-delay: 9s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-blue); } .bwit-page .wtm-quote-carousel--with-img>li:nth-child(3) { animation-delay: 18s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-green); } .bwit-page .wtm-quote-carousel--with-img>li:nth-child(4) { animation-delay: 27s; animation-duration: var(--wtm-quote-carousel-animation-duration); background: var(--wtm-quote-carousel-bg-orange); } @keyframes bwit-first-slide { 0% { transform: translateX(0%); } 1.25%, 25% { transform: translateX(0); } 26.25%, 100% { transform: translateX(-100%); } } @keyframes bwit-carousel { 0% { transform: translateX(100%); } 1.25%, 25% { transform: translateX(0); } 26.25%, 100% { transform: translateX(-100%); } } /* === Video sections w/ large highlight === */ .wtm-page { --max-section-width: 464px; --video-display: grid; --video-gap: 0 20px; --video-playlist-gap: 32px 0; --video-playlist-grid: 1fr / auto; --video-playlist-height: 440px; } @media screen and (min-width: 930px) { .wtm-page { --video-display: flex; --video-gap: 16px; --video-padding-right: 48px; --video-playlist-gap: 0 64px; --video-playlist-grid: auto / 70% 1fr; --video-playlist-height: 52vw; } } @media screen and (min-width: 1200px) { .wtm-page { --video-playlist-gap: 0 72px; --video-playlist-grid: auto / 76% 1fr; } } .videos-large.videos-border-top .devsite-landing-row-inner { border: 1px solid #dadce0; border-bottom: 0; border-top-left-radius: 18px; border-top-right-radius: 18px; margin-block: 80px -80px; padding-bottom: 60px; } .videos-border-bottom .devsite-landing-row-inner { border: 1px solid #dadce0; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top: 0; } .hero-video-playlist { display: grid; gap: var(--video-playlist-gap); grid: var(--video-playlist-grid); margin-block: 0 4rem; } .video-wrapper-full-width { margin: 0; width: 100%; } .video-playlist { display: grid; gap: 48px 0; height: var(--video-playlist-height); max-height: 792px; overflow-y: auto; padding: 0; } .video-playlist-description { font: 500 14px/20px 'Google Sans'; margin: 0; } .video-playlist::-webkit-scrollbar { height: 1px; } .video-playlist::-webkit-scrollbar-thumb { background-color: var(--tenant-secondary-text-color); border: 4px solid var(--tenant-background-1); border-radius: 25px; } .wtm-video-wrapper { list-style: none; margin: 0; z-index: 1; } .wtm-video-wrapper devsite-video { border-radius: 8px; z-index: -1; } .video-wrapper-full-width devsite-video { border-radius: 8px; } .video-wrapper-full-width iframe { height: 103%; } .video-wrapper-full-width .devsite-landing-row-description.video-description { color: #5f6368; font: 500 16px/24px 'Google Sans'; letter-spacing: 0.1px; max-width: 100%; } .wtm-heading--video-playlist { font-size: 28px; font-weight: 400 !important; /* Forces correct font-weight */ } .video-playlist-item { align-items: start; color: var(--tenant-primary-text-color); display: var(--video-display); flex-direction: column; gap: var(--video-gap); grid: 1fr / 200px 1fr; padding-right: var(--video-padding-right); } .members-page .videos-border-bottom .devsite-landing-row-inner { padding-inline: 54px 24px; } @media screen and (max-width: 1199px) { .members-page .videos-border-bottom .devsite-landing-row-inner { padding-inline: 24px; } } @media screen and (max-width: 840px) { .videos-large.videos-border-top .devsite-landing-row-inner { border: 0; } .videos-border-bottom .devsite-landing-row-inner { border: 0; } } @media screen and (min-width: 841px) { .videos-large.videos-border-top .devsite-landing-row-inner, .videos-border-bottom .devsite-landing-row-inner { max-width: 1440px; margin-inline: auto; } .videos-large.videos-border-top .devsite-landing-row-inner { padding-top: 40px; } } /* == Video sections w/ small blurb & img == */ .wtm-videos-small-row { grid: unset; } .wtm-videos-small-row .devsite-landing-row-group { display: flex; flex-direction: column; } .videos-small-header { border: 0 !important; /* Forces border removal */ } .initiatives-page .videos-small-header { background: #f8f9fa !important; /* Forces correct background */ } .videos-small-header .devsite-landing-row-item-description { padding: 0; } .videos-small-header figure { display: flex; justify-content: flex-end; } .initiatives-page .videos-small-header img { height: 220px; } .bwit-page .videos-small-header img { height: 172px; } .io-page .videos-small-header img { height: 164px; } @media screen and (min-width: 1201px) { .wtm-videos-small { display: block; margin-inline: 0 20px; } } @media screen and (min-width: 841px) { .wtm-videos-small-row .devsite-landing-row-group { flex-direction: row; } } /* ================ Landing ================ */ .merch-section { margin-bottom: 40px; } @media screen and (min-width: 841px) { .merch-section { margin-block: -40px 80px; } .merch-section .devsite-landing-row-item-media { grid-column: 6/span 7; } .merch-section .devsite-landing-row-item-description { grid-column: 1/span 5; } .hm-page .web-img { margin-block: -60px 60px; } } /* ================== IWD ================== */ .iwd-links-row { border: 1px solid #dadce0; padding: 0; } .iwd-links-row .devsite-landing-row-html { display: flex; flex-wrap: wrap; justify-content: space-around; } .iwd-links-row a { color: var(--tenant-primary-text-color); font: 500 14px 'Google Sans'; padding: 30px; text-decoration: none; } .iwd-links-row a:hover, .iwd-links-row a:focus { color: #1967d2; } .iwd-links-row .material-icons { font: 500 18px 'Material Icons'; margin-inline-start: 8px; vertical-align: text-bottom; } .iwd-map-section { --iwd-map-padding: 80px 0; } /* [1] Forces page subheaders to be 700 weight and 32px */ .iwd-map-section h2 { font: 700 32px/36px 'Google Sans' !important; /* [1] */ } /* [1] Overrides top padding of 0px */ .iwd-map-section { background-color: #f8f9fa; height: 980px; padding: var(--iwd-map-padding) !important; /* [1] */ } .iwd-map-section h2 { color: #202124; } .iwd-page .wtm-section.mobile-img-row { margin-bottom: -60px; padding: 40px 0 0; } @media screen and (max-width: 600px) { .iwd-links-row { display: none; } .iwd-page .devsite-landing-row { padding: 24px 0 20px; } .iwd-page .web-img .devsite-landing-row-item-description { padding-top: 40px !important; /* Forces correct padding */ } .iwd-map-section { --iwd-map-padding: 24px 0; } } @media screen and (min-width: 841px) { .web-img .devsite-landing-row-item-description, .badge-media .devsite-landing-row-item-description { grid-column: 2/span 5; } .wtm-section.badge-row { padding-top: 0; } } /* ============== Ambassadors ============== */ .ambassadors-how .devsite-landing-row-inner { align-items: center; display: flex; } .ambassadors-how header { margin: 0; max-width: 464px; } .ambassadors-how .devsite-landing-row-group { grid: auto-flow/repeat(2,1fr); margin: 0; } .ambassadors-info { padding-top: 52px !important; /* Forces correct padding */ } .wtm-ambassadors-item { max-width: 342px; } .ambassadors-videos devsite-pagination button { margin-top: 48px; } .ambassadors-cta { margin-inline: auto; max-width: 1320px; } .ambassadors-cta .devsite-landing-row-item-description { padding: 40px; } .ambassadors-cta-items { display: flex; justify-content: space-evenly; margin-block: 80px; } .ambassadors-cta-item { align-items: center; display: flex; flex-direction: column; max-width: 278px; } .ambassadors-cta-item .wtm-small-text { display: block; max-width: 140px; text-align: center; } .ambassadors-cta-item .wtm-small-text.ambassadors-cta-item-1 { max-width: 140px; } .ambassadors-cta-item .wtm-small-text.ambassadors-cta-item-2 { max-width: 120px; } .ambassadors-cta-item .wtm-small-text.ambassadors-cta-item-3, .ambassadors-cta-item .wtm-small-text.ambassadors-cta-item-4 { max-width: 220px; } .ambassadors-cta-apply { align-items: center; display: flex; } .ambassadors-cta-apply-description { margin-right: 40px; max-width: 708px; } .ambassadors-cta-apply-graphic { background: #d1ece3; border-radius: 18px; margin: 96px 0 0 auto; padding: 0 24px 24px 0; text-align: right; } .ambassadors-cta-apply-graphic-item img { margin-top:-96px; max-width: 220px; } .ambassadors-cta-apply-graphic-item { max-width: 380px; } .ambassadors-cta-apply-graphic-item .wtm-small-text { display: block; margin-block: 8px 12px; } @media screen and (max-width: 840px) { .ambassadors-video-cards { grid: auto-flow/repeat(1,1fr); } .ambassadors-info { padding-top: unset; } .ambassadors-info .devsite-landing-row-item { display: flex; flex-direction: column-reverse; } .ambassadors-info .devsite-landing-row-item-media.devsite-landing-row-item-media-left { width: 100%; } } @media screen and (max-width: 600px) { .ambassadors-how .devsite-landing-row-group { grid: auto-flow/repeat(1,1fr); grid-gap: 40px; } .ambassadors-how .devsite-landing-row-item { border: none; } .ambassadors-cta .devsite-landing-row-item { border: none; } .ambassadors-cta-items { display: grid; grid: auto-flow/repeat(2,1fr); } .ambassadors-cta-apply { display: block; } .ambassadors-cta-apply-graphic { display: block; padding: 48px 24px; text-align: left; } .ambassadors-cta-apply-graphic-item .wtm-small-text { display: block; margin: 0 24px 24px 0; } } /* ================ Members ================ */ .members-wrapper .devsite-landing-row-inner { padding-inline: 0; } .members-profiles { padding-inline: 16px !important; /* Forces correct padding */ } .members-profiles .devsite-landing-row-item { flex-direction: column-reverse; } .members-profiles a { color: #3c4043 !important; /* Forces correct color */ font-weight: 700; } .members-cta { align-items: center; display: flex; } .members-cta-items { background: #d1ece3; border-bottom-left-radius: 18px; border-top-left-radius: 18px; display: grid; grid: auto-flow/repeat(2, 1fr); max-width: 884px; padding: 32px; } .members-cta-item { display: flex; flex-direction: column; } .members-cta-item-1 { border-bottom: 1px solid white; border-right: 1px solid white; padding: 0 32px 24px 0; } .members-cta-item-2 { border-bottom: 1px solid white; padding: 0 0 24px 32px; } .members-cta-item-3 { border-right: 1px solid white; padding: 24px 32px 0 0; } .members-cta-item-4 { padding: 24px 0 0 32px; } .members-cta-item img { height: 150px; } .members-cta-item .wtm-small-text { margin: auto; max-width: 364px; } .members-left-emphasis { margin-left: auto; max-width: 1200px; padding-left: 16px; } .members-padding-fix, .mobile-img-row .devsite-landing-row-inner { padding-inline: 16px !important; /* Forces correct padding */ } .members-resources-container { background: url(/womentechmakers/images/2024memberscta5.svg) no-repeat bottom 60px right / 232px; } .members-resources { align-items: start !important; /* Forces correct alignment */ } .resources-left { grid-column: 1/span 7 !important; /* Forces correct placement */ } .resources-right { grid-column: 9/span 4 !important; /* Forces correct placement */ } .wtm-members-only-newsletters-section .devsite-landing-row-item { display: block; } .wtm-members-only-newsletters-section { text-align: center; } .wtm-members-only-newsletters-section .devsite-landing-row-group { grid-gap: 32px !important; /* Force 48px spacing between cards */ max-width: 1200px; text-align: left; } .wtm-members-only-newsletters-year-toggle { display: none; } .wtm-members-only-newsletters-year-toggle+label { border: 1px solid #dacde0; border-radius: 8px; display: inline-block; font-weight: 500; margin-bottom: 50px; padding: 8px 20px; } .wtm-members-only-newsletters-year-toggle+label:hover, .wtm-members-only-newsletters-year-toggle:checked+label { background: #1a73e81a; border: 1px solid #1a73e81a; color: #174ea6; } .wtm-members-only-newsletters-year-toggle+label img, .wtm-members-only-newsletters-year-toggle+label span { z-index: 2; } .wtm-members-only-newsletters-year-toggle:not(last-of-type)+label { margin-right: 12px; } .wtm-members-only-newsletters-year-toggle:not(last-of-type)+label img { min-width: 23px; width: 23px; } .wtm-members-only-newsletters-year-toggle:last-of-type+label img { min-width: 35px; width: 35px; } #wtm-members-only-newsletters-year-toggle-twentyfour:checked~.twentyfour-content { display: grid; } #wtm-members-only-newsletters-year-toggle-twentythree:checked~.twentythree-content { display: grid; } #wtm-members-only-newsletters-year-toggle-twentytwo:checked~.twentytwo-content { display: grid; } #wtm-members-only-newsletters-year-toggle-twentyfour:checked~#wtm-members-only-newsletters-year-toggle-twentythree:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentytwo:not(:checked)~.twentythree-content { display: none; } #wtm-members-only-newsletters-year-toggle-twentyfour:checked~#wtm-members-only-newsletters-year-toggle-twentythree:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentytwo:not(:checked)~.twentytwo-content { display: none; } #wtm-members-only-newsletters-year-toggle-twentyfour:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentythree:checked~#wtm-members-only-newsletters-year-toggle-twentytwo:not(:checked)~.twentyfour-content { display: none; } #wtm-members-only-newsletters-year-toggle-twentyfour:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentythree:checked~#wtm-members-only-newsletters-year-toggle-twentytwo:not(:checked)~.twentytwo-content { display: none; } #wtm-members-only-newsletters-year-toggle-twentyfour:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentythree:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentytwo:checked~.twentyfour-content { display: none; } #wtm-members-only-newsletters-year-toggle-twentyfour:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentythree:not(:checked)~#wtm-members-only-newsletters-year-toggle-twentytwo:checked~.twentythree-content { display: none; } .wtm-members-only-ambassadors-group .devsite-landing-row-item { border: 1px solid #dadce0 !important; /* Ensures border is present */ } .wtm-members-only-ambassadors-group .devsite-landing-row-item-icon-container { margin: 0 !important; /* Forces icon to have 0 margin within card */ } .wtm-members-only-resources { list-style-type: none; margin: 0; padding: 0; } .wtm-members-only-faq-heading { text-align: center; } .wtm-members-only-faq { margin-bottom: var(--wtm-members-only-faq-margin-bottom, 96px); } .wtm-members-only-faq devsite-expandable .expand-control { flex-direction: row-reverse; } .wtm-members-only-faq { padding-bottom: 10px; } .wtm-page .expand-control { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; border-bottom: 1px solid #dadce0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .wtm-page .launchpad-faq .expand-control h4 { margin: 0; padding: 12px 0; text-decoration: none; font: 500 16px 'Google Sans'; } .wtm-page .launchpad-faq devsite-expandable .collapser { -ms-transform: rotate(180deg); -o-transition: transform 0.2s linear; -webkit-transform: rotate(180deg); -webkit-transition: -webkit-transform 0.2s linear; transform: rotate(180deg); transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .wtm-page .launchpad-faq devsite-expandable[expanded] .collapser { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .wtm-page .launchpad-faq .expand-control { -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .wtm-page .launchpad-faq .expand-control:focus { color: #174ea6; outline: none; } .wtm-page .launchpad-faq { width: 100%; } .wtm-page .launchpad-faq__heading { font-family: Google Sans, sans-serif; font-weight: 500; text-transform: uppercase; } .wtm-page .launchpad-faq__body { border-bottom: 1px solid #dadce0; margin-bottom: 0; padding: 16px 0; } .wtm-page .launchpad-faq__body a { text-decoration: none !important; /* Removes devsite text-decoration */ } .wtm-page .launchpad-faq__body a:hover { text-decoration: underline !important; /* Forces text decoration on hover */ } .wtm-page .launchpad-faq__body p:last-of-type { margin: 0; } .wtm-member-element { display: flex; margin-top: 20px; padding-block-end: 0; text-align: left; } @media screen and (max-width: 1199px) { .members-resources-container { background: white; } } @media screen and (max-width: 840px) { .members-left-emphasis { margin-inline: 16px; } .members-cta { flex-direction: column; gap: 32px; } .members-cta-items { border-radius: 18px; display: block; padding: 24px; } .members-cta-item { border-bottom: 1px solid white; border-right: 0; padding: 0 0 24px 0; } .members-cta-item-4 { border-bottom: 0; padding-bottom: 12px; } .wtm-members-only-faq { --wtm-members-only-faq-margin-bottom: 24px; } } @media screen and (max-width: 600px) { .members-resources-container { background: url(/womentechmakers/images/2024memberscta5.png) no-repeat bottom 60px right / 232px; height: 920px; } .members-resources-container img { border-radius: 18px; } .wtm-members-only-newsletters-section .devsite-landing-row-group { grid: auto-flow/repeat(2,1fr); grid-gap: 16px !important; /* Forces correct gap */ } .wtm-members-only-newsletters-year-toggle:not(last-of-type)+label { margin-bottom: 32px; } .wtm-members-only-faq { --wtm-members-only-faq-margin-bottom: 16px; } } @media screen and (min-width: 841px) { .wtm-member-benefits { max-width: 400px; } } /* ================ Initiatives ================ */ .initiatives-page .wtm-section { font: 400 20px/28px 'Google Sans'; } .initiatives-page .wtm-section.mobile-img-row { padding: 0; } .initiatives-page .wtm-hr { display: none; } @media screen and (min-width: 841px) { .initiatives-blurb.web-img .devsite-landing-row-item-description { grid-column: 1/span 6; } } @media screen and (min-width: 601px) { .initiatives-page .wtm-hr { display: block; padding: 0; } } /* ===================== BWIT ===================== */ .bwit-article-hero { --bwit-article-hero-description-width: 586px; --bwit-article-hero-grid-gap: 72px; --bwit-article-hero-media-width: 308px; } .bwit-article-quote { --bwit-article-quote-background-size: contain; } .bwit-article-quote { --bwit-article-quote-inner-max-width: 864px; --bwit-article-quote-inner-padding-top: 80px; } @media screen and (max-width: 840px) { .bwit-article-hero { --bwit-article-hero-description-width: unset; } } .bwit-header { color: #424242; font-weight: 500 !important; /* Ensure correct font-weight */ margin: 0 !important; /* Ensure correct margin for all header text */ padding-bottom: 8px; padding-top: 32px; } .bwit-description { color: #5f6368; margin: 0; } .bwit-resources { margin-bottom: 60px; } .bwit-resources ul { list-style: none; padding: 0; } .bwit-article-hero img { width: 304px; } .bwit-article-quote { height: 432px; } .bwit-article-quote .devsite-landing-row-inner { align-items: center; display: flex !important; /* Ensures display stays flex on mobile */ height: 100%; max-width: var(--bwit-article-quote-inner-max-width); } .bwit-article-quote--madona { background: var(--bg-brackets-pink); } .bwit-article-quote--lorrie { background: var(--bg-brackets-blue); } .bwit-article-quote--jennifer { background: var(--bg-brackets-green); } .bwit-article-quote--yolanda { background: var(--bg-brackets-orange); } .bwit-article-quote span { font-weight: 400 !important; /* Forces correct font weight to quote */ } .bwit-article-hero-name { font: 500 48px/56px 'Google Sans'; } .bwit-article-hero-quote { display: block; font: 500 36px/44px 'Google Sans'; margin-top: 24px; } .bwit-article-hero .devsite-landing-row-inner { margin: auto; max-width: 953px; } .bwit-article-hero .devsite-landing-row-item { grid-gap: var(--bwit-article-hero-grid-gap); } .bwit-article-hero .devsite-landing-row-item-media { width: var(--bwit-article-hero-media-width); } .bwit-article-hero .devsite-landing-row-item-description { width: var(--bwit-article-hero-description-width); } .bwit-article-blurb { margin: auto; max-width: 953px; } @media screen and (max-width: 840px) { .bwit-article-hero .devsite-landing-row-item { display: block; } .bwit-article-hero-quote { max-width: unset; } .bwit-article-hero { padding-bottom: 0; text-align: center; } .bwit-article-blurb { padding-bottom: 0; padding-top: 42px !important; /* Forces padding-top to 42px */ } .bwit-article-blurb:last-of-type { padding-bottom: 42px; } .bwit-article-hero-name { font: 500 32px/56px 'Google Sans'; } .bwit-article-hero .bwit-description, .bwit-article-blurb .bwit-description { line-height: 28px; } .bwit-article-quote { margin-top: 40px; } } @media screen and (max-width: 1200px) { .bwit-article-hero .devsite-landing-row-item-description { max-width: 460px; } } @media screen and (min-width: 841px) { .bwit-page .devsite-landing-row-1-up.videos-border-bottom, .hackathon-page .devsite-landing-row-1-up.videos-border-bottom { padding-bottom: 72px; } } /* ================= She Builds AI ================= */ .builds-ai-header { background: #1e3146; } .builds-ai-header .devsite-landing-row-item-description { padding-block: 16px; } @media screen and (min-width: 601px) and (max-width: 840px) { .builds-ai-header h3 { margin: 0; } } .builds-ai-page .initiatives-blurb img { max-height: 398px; max-width: 398px; } .ambassadors-cta.build-with-ai-cta .devsite-landing-row-item { background: #d1ece3; border-radius:18px; } .ambassadors-cta.build-with-ai-cta img { margin-inline: -60px 60px; max-width: 200px; transform: scaleX(-1); } .ambassadors-cta.build-with-ai-cta .devsite-landing-row-item-buttons { margin-block: 0; } .builds-ai-page .dgc-social-li img { transform: scaleX(-1); } .builds-ai-page .dgc-web-ecosystem-cards .devsite-landing-row-group { display: block; } .builds-ai-page .dgc-web-ecosystem-cards .devsite-landing-row-item { margin-inline: auto; max-width: 700px; padding-block: 24px; } .builds-ai-page .dgc-web-ecosystem-cards img { max-width: 400px; } .builds-ai-page .dgc-web-ecosystem-cards a { color: #202124 !important; font: 500 28px/24px 'Google Sans'; } @media screen and (max-width: 840px) { .ambassadors-cta.build-with-ai-cta .ambassadors-cta-apply { flex-direction: column; } .ambassadors-cta.build-with-ai-cta img { margin: 0 0 32px 0; } .builds-ai-page .wtm-heading--row-xlarge, .builds-ai-page .wtm-heading--row { font: 700 28px/36px 'Google Sans' !important /* Forces correct font */ } } </style> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Home </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="" > Products </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/womentechmakers" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="Women Techmakers" > Women Techmakers </a> </li> </ul> </div> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix "> <section class="devsite-landing-row devsite-landing-row-1-up background-banner background-banner--thin background-banner--directory background-banner--initiatives-child wtm-section" header-position="top" > <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header" > <div class="devsite-landing-row-header-text"> <h2 id="span-classbanner-heading-banner-heading-whitedirectoryspan" data-text="Directory " tabindex="0"> <span class="banner-heading banner-heading--white">Directory</span> </h2> <div class="devsite-landing-row-description"> <span class="banner-description banner-heading--white">The Women Techmakers Directory showcases Ambassadors from around the world who are celebrated for their technical skills and community involvement.</span> </div> </div> </header> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-html"> <devsite-catalog body-tag-name="devsite-catalog-body-badges"> <input type="text" placeholder="Search for an Ambassador or location"> <select name="specialization" label="Specialization" multiple> <option value="android">Android</option> <option value="cloud">Cloud</option> <option value="firebase">Firebase</option> <option value="flutter">Flutter</option> <option value="mentor">Mentor</option> <option value="ml">ML/AI</option> <option value="organizer">Event Organizer</option> <option value="speaker">Speaker</option> <option value="web">Web</option> </select> <devsite-catalog-body-badges local-filter="true" preload-images="true" badge-prefix="developers.google.com/profile/badges/community/wtm/ambassador/specialization/" badge-filter-dimension="specialization" profile-url-prefix="/profile/u/" hidden-badges-list='["developers.google.com/profile/badges/community/wtm/ambassador/specialization/ambassador"]'> </devsite-catalog-body-badges> </devsite-catalog> </div> </div> </section> </div> <div class="devsite-floating-action-buttons"> </div> </article> <devsite-notification > </devsite-notification> <div class="devsite-content-data"> <template class="devsite-content-data-template"> [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]] </template> </div> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Connect</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//googledevelopers.blogspot.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.instagram.com/googlefordevs/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Instagram </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.linkedin.com/showcase/googledevelopers/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > LinkedIn </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//twitter.com/googledevs" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > X (Twitter) </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//www.youtube.com/user/GoogleDevelopers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > YouTube </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Programs</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//www.womentechmakers.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Women Techmakers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdg" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Developer Groups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/experts" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Developer Experts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/accelerators" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Accelerators </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/community/gdsc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Google Developer Student Clubs </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Developer consoles</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//console.developers.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Google API Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.cloud.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Google Cloud Platform Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//play.google.com/apps/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Google Play Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.firebase.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Firebase Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.actions.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)" > Actions on Google Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//cast.google.com/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)" > Cast SDK Developer Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//chrome.google.com/webstore/developer/dashboard" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)" > Chrome Web Store Dashboard </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//console.home.google.com" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 8)" > Google Home Developer Console </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <picture> <img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/lockup-google-for-developers.svg" loading="lazy" alt="Google Developers"> </picture> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//developer.android.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link" > Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link" > Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//firebase.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link" > Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//cloud.google.com" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link" > Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="//ai.google.dev/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google AI Link" > Google AI </a> </li> <li class="devsite-footer-sites-item"> <a href="/products" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link" > All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/terms/site-terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link" > Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" > Privacy </a> </li> <li class="devsite-footer-utility-item glue-cookie-notification-bar-control"> <a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true" > Manage cookies </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google for Developers newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="/newsletter/subscribe" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link" > Subscribe </a> </li> </ul> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es" >Español</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> <devsite-concierge data-info-panel data-ai-panel data-api-explorer-panel > </devsite-concierge> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip ></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[{"dimensions": {"dimension4": "Women Techmakers", "dimension11": false, "dimension5": "en", "dimension3": false, "dimension1": "Signed out", "dimension6": "en"}, "gaid": "UA-24532603-1", "metrics": {"ratings_value": "metric1", "ratings_count": "metric2"}, "purpose": 1}, {"dimensions": {"dimension4": "Women Techmakers", "dimension11": false, "dimension5": "en", "dimension3": false, "dimension1": "Signed out", "dimension6": "en"}, "gaid": "UA-116656492-1", "metrics": {"ratings_value": "metric1", "ratings_count": "metric2"}, "purpose": 0}]</script> <script type="application/json" tag-management>{"at": "True", "ga4": [{"id": "G-272J68FCRF", "purpose": 1}], "ga4p": [{"id": "G-272J68FCRF", "purpose": 1}], "gtm": [], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Women Techmakers", "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="lG1I6xuM8HU20ouByMue3XCFeTzYAg"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers","https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3a74327bb93d0914e84a0c3dba90bbfd67625/developers/images/favicon-new.png","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["Search__enable_dynamic_content_confidential_banner","Profiles__enable_complete_playlist_endpoint","Cloud__enable_cloud_facet_chat","Cloud__enable_cloud_shell_fte_user_flow","MiscFeatureFlags__developers_footer_image","Concierge__enable_concierge_restricted","DevPro__enable_developer_subscriptions","Cloud__enable_legacy_calculator_redirect","Significatio__enable_by_tenant","Search__enable_ai_eligibility_checks","Concierge__enable_pushui","Experiments__reqs_query_experiments","Search__enable_ai_search_summaries","MiscFeatureFlags__emergency_css","Search__enable_page_map","CloudShell__cloud_shell_button","Cloud__enable_cloud_shell","Profiles__require_profile_eligibility_for_signin","MiscFeatureFlags__enable_view_transitions","Cloud__enable_llm_concierge_chat","Profiles__enable_completecodelab_endpoint","Concierge__enable_concierge","EngEduTelemetry__enable_engedu_telemetry","Analytics__enable_clearcut_logging","Profiles__enable_dashboard_curated_recommendations","Search__enable_suggestions_from_borg","Cloud__enable_cloud_dlp_service","MiscFeatureFlags__enable_project_variables","Profiles__enable_release_notes_notifications","BookNav__enable_tenant_cache_key","Profiles__enable_developer_profiles_callout","MiscFeatureFlags__enable_variable_operator","Cloud__enable_cloudx_ping","Profiles__enable_page_saving","Profiles__enable_recognition_badges","DevPro__enable_cloud_innovators_plus","Search__enable_ai_search_summaries_restricted","Profiles__enable_profile_collections","TpcFeatures__enable_mirror_tenant_redirects","Cloud__enable_cloudx_experiment_ids","Profiles__enable_awarding_url","MiscFeatureFlags__enable_explain_this_code","CloudShell__cloud_code_overflow_menu","MiscFeatureFlags__enable_firebase_utm","MiscFeatureFlags__developers_footer_dark_image","Cloud__enable_free_trial_server_call","TpcFeatures__enable_required_headers","Profiles__enable_public_developer_profiles"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[1,"developers","Google for Developers","developers.google.com",null,"developers-dot-devsite-v2-prod.appspot.com",null,null,[1,1,[1],null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations/information"],null,null,null,[1,1,1],[1,1,null,1,1]],null,[null,null,null,null,null,null,"/images/lockup-new.svg","/images/touchicon-180-new.png",null,null,null,null,1,null,null,null,null,null,null,null,null,1,null,null,null,"/images/lockup-dark-theme-new.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,29,32,36],null,[[null,null,null,[3,7,10,2,39,17,4,32,24,11,12,13,34,15,25],null,null,[1,[["docType","Choose a content type",[["Tutorial",null,null,null,null,null,null,null,null,"Tutorial"],["Guide",null,null,null,null,null,null,null,null,"Guide"],["Sample",null,null,null,null,null,null,null,null,"Sample"]]],["product","Choose a product",[["Android",null,null,null,null,null,null,null,null,"Android"],["ARCore",null,null,null,null,null,null,null,null,"ARCore"],["ChromeOS",null,null,null,null,null,null,null,null,"ChromeOS"],["Firebase",null,null,null,null,null,null,null,null,"Firebase"],["Flutter",null,null,null,null,null,null,null,null,"Flutter"],["Assistant",null,null,null,null,null,null,null,null,"Google Assistant"],["GoogleCloud",null,null,null,null,null,null,null,null,"Google Cloud"],["GoogleMapsPlatform",null,null,null,null,null,null,null,null,"Google Maps Platform"],["GooglePay",null,null,null,null,null,null,null,null,"Google Pay & Google Wallet"],["GooglePlay",null,null,null,null,null,null,null,null,"Google Play"],["Tensorflow",null,null,null,null,null,null,null,null,"TensorFlow"]]],["category","Choose a topic",[["AiAndMachineLearning",null,null,null,null,null,null,null,null,"AI and Machine Learning"],["Data",null,null,null,null,null,null,null,null,"Data"],["Enterprise",null,null,null,null,null,null,null,null,"Enterprise"],["Gaming",null,null,null,null,null,null,null,null,"Gaming"],["Mobile",null,null,null,null,null,null,null,null,"Mobile"],["Web",null,null,null,null,null,null,null,null,"Web"]]]]]],[1,1],null,1],[[["UA-24532603-1"],["UA-22084204-5"],null,null,["UA-24532603-5"],null,null,[["G-272J68FCRF"],null,null,[["G-272J68FCRF",2]]],[["UA-24532603-1",2]],null,[["UA-24532603-5",2]],null,1],[[11,8],[12,9],[6,5],[13,10],[3,2],[16,13],[5,4],[15,12],[14,11],[1,1],[4,3]],[[1,1],[2,2]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"developers.devsite.google"],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>