CINXE.COM
Women Techmakers She Builds AI | 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="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/initiatives/she-builds-ai"><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/initiatives/she-builds-ai" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai" /><link rel="alternate" hreflang="ar" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=fr" /><link rel="alternate" hreflang="de" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=de" /><link rel="alternate" hreflang="he" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=he" /><link rel="alternate" hreflang="hi" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=hi" /><link rel="alternate" hreflang="id" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=id" /><link rel="alternate" hreflang="it" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=it" /><link rel="alternate" hreflang="ja" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=th" /><link rel="alternate" hreflang="tr" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai?hl=vi" /><title>Women Techmakers She Builds AI | Google for Developers</title> <meta property="og:title" content="Women Techmakers She Builds AI | Google for Developers"><meta name="description" content="Gain AI skills, connect with a community, and grow as a leader in tech. Through hands-on projects, and networking, we’re building a future where women thrive in AI."> <meta property="og:description" content="Gain AI skills, connect with a community, and grow as a leader in tech. Through hands-on projects, and networking, we’re building a future where women thrive in AI."><meta property="og:url" content="https://developers.google.com/womentechmakers/initiatives/she-builds-ai"><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 She Builds AI" } </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 She Builds AI", "item": "https://developers.google.com/womentechmakers/initiatives/she-builds-ai" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="wtm-page hackathon-page builds-ai-page" 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 devsite-active "> <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" aria-label="Initiatives, selected" 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 "> <div class="devsite-header-background"> <div class="devsite-doc-set-nav-row"> <devsite-tabs class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab > <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 - all initiatives" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: All Initiatives" track-name="all initiatives" > All Initiatives </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/initiatives/bwit" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/bwit" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - black women in tech" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Black Women in Tech" track-name="black women in tech" > Black Women in Tech </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/initiatives/iwd" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/iwd" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - international women's day" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: International Women's Day" track-name="international women's day" > International Women's Day </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/initiatives/googleio" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/googleio" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - google i/o" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Google I/O" track-name="google i/o" > Google I/O </a> </tab> <tab > <a href="https://developers.google.com/womentechmakers/initiatives/hackathon" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/hackathon" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - hackathon" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Hackathon" track-name="hackathon" > Hackathon </a> </tab> <tab class="devsite-active"> <a href="https://developers.google.com/womentechmakers/initiatives/she-builds-ai" track-metadata-eventdetail="https://developers.google.com/womentechmakers/initiatives/she-builds-ai" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - she builds ai" track-metadata-module="primary nav" aria-label="She Builds AI, selected" data-category="Site-Wide Custom Events" data-label="Tab: She Builds AI" track-name="she builds ai" > She Builds AI </a> </tab> </nav> </devsite-tabs> </div> </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 devsite-nav-active" 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> <ul class="devsite-nav-responsive-tabs"> <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: All Initiatives" track-name="all initiatives" data-category="Site-Wide Custom Events" data-label="Responsive Tab: All Initiatives" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > All Initiatives </span> </a> </li> <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="Tab: Black Women in Tech" track-name="black women in tech" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Black Women in Tech" track-type="globalNav" 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="Tab: International Women's Day" track-name="international women's day" data-category="Site-Wide Custom Events" data-label="Responsive Tab: International Women's Day" track-type="globalNav" 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="Tab: Google I/O" track-name="google i/o" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google I/O" track-type="globalNav" 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="Tab: Hackathon" track-name="hackathon" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Hackathon" track-type="globalNav" 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 devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: She Builds AI" track-name="she builds ai" data-category="Site-Wide Custom Events" data-label="Responsive Tab: She Builds AI" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > She Builds AI </span> </a> </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> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://developers.google.com/womentechmakers/initiatives" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail="" > Initiatives </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/initiatives/she-builds-ai" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="5" track-type="globalNav" track-name="breadcrumb" track-metadata-position="5" track-metadata-eventdetail="" > She Builds AI </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 devsite-landing-row-50 devsite-landing-row-hero wtm-section no-padding builds-ai-header" background="white" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <picture> <img alt="" src="https://developers.google.com/static/womentechmakers/images/she-builds-ai.png" srcset="https://developers.google.com/static/womentechmakers/images/she-builds-ai_36.png 36w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_48.png 48w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_72.png 72w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_96.png 96w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_480.png 480w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_720.png 720w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_856.png 856w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_960.png 960w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/she-builds-ai_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" fetchpriority="high"> </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classbanner-heading-banner-heading-whiteshe-builds-aispan" data-text="She Builds AI " class="hide-from-toc no-link" tabindex="0"> <span class="banner-heading banner-heading--white">She Builds AI</span> </h3> <div class="devsite-landing-row-item-description-content"> <span class="banner-description--builds-ai banner-heading--white">Unleash your AI potential through inspiring events, hands-on training, and a global hackathon. Connect with trailblazers, master cutting-edge AI skills, and join a supportive community as we're building a future where women thrive in AI.</span> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-50 devsite-landing-row-hero devsite-landing-row-padding-medium wtm-section small-description grey-bg" background="white" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item initiatives-blurb" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <picture> <img alt="" src="https://developers.google.com/static/womentechmakers/images/unleash.gif" srcset="https://developers.google.com/static/womentechmakers/images/unleash.gif" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy" > </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classwtm-heading-wtm-heading-rowunleash-your-ai-potentialspan" data-text="Unleash your AI potential " class="hide-from-toc no-link" tabindex="0"> <span class="wtm-heading wtm-heading--row">Unleash your AI potential</span> </h3> <div class="devsite-landing-row-item-description-content"> <p>She Builds AI is a Women Techmakers initiative to empower women in AI. Ignite your AI journey at our kickoff event, hearing from trailblazing women whose stories will spark ideas for your own innovations. Gain a deep understanding of Google's AI technologies through our expert-led trainings, gaining the practical skills and knowledge that will set you apart. Put your AI skills to the test in our global hackathon, collaborating with women worldwide to create solutions addressing the challenges around gender equality. Together, let’s learn, grow and shape the future of what’s possible with AI.</p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-header-centered devsite-landing-row-large-headings devsite-landing-row-cards devsite-landing-row-no-image-background devsite-landing-row-padding-medium" background="white" 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-classwtm-heading-rowjoin-us-to-build-the-future-of-ai-togetherspan" data-text="Join us to build the future of AI, together." tabindex="0"> <span class="wtm-heading--row">Join us to build the future of AI, together.</span> </h2> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom" > <div class="devsite-landing-row-item-description" icon-position="top" > <div class="devsite-landing-row-item-icon-container" size="medium" > <picture> <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/womentechmakers/images/ideas.svg" srcset="https://developers.google.com/static/womentechmakers/images/ideas.svg" sizes="64px" loading="lazy" > </picture> </div> <div class="devsite-landing-row-item-body"> <h3 id="google-ai-trainings" data-text="Google AI trainings" class="hide-from-toc no-link" tabindex="0"> Google AI trainings </h3> <div class="devsite-landing-row-item-description-content"> <p>Gain the skills and knowledge to create your own AI driven solutions to the world’s most pressing challenges.</p> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom" > <div class="devsite-landing-row-item-description" icon-position="top" > <div class="devsite-landing-row-item-icon-container" size="medium" > <picture> <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/womentechmakers/images/community.svg" srcset="https://developers.google.com/static/womentechmakers/images/community.svg" sizes="64px" loading="lazy" > </picture> </div> <div class="devsite-landing-row-item-body"> <h3 id="community" data-text="Community" class="hide-from-toc no-link" tabindex="0"> Community </h3> <div class="devsite-landing-row-item-description-content"> <p>Hear from and connect with trailblazing women who are building incredible things with AI. </p> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media dgc-social-li" description-position="bottom" > <div class="devsite-landing-row-item-description" icon-position="top" > <div class="devsite-landing-row-item-icon-container" size="medium" > <picture> <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/womentechmakers/images/2024ambassadorscta5.svg" srcset="https://developers.google.com/static/womentechmakers/images/2024ambassadorscta5.svg" sizes="64px" loading="lazy" > </picture> </div> <div class="devsite-landing-row-item-body"> <h3 id="global-hackathon" data-text="Global Hackathon" class="hide-from-toc no-link" tabindex="0"> Global Hackathon </h3> <div class="devsite-landing-row-item-description-content"> <p>Collaborate with women globally to build groundbreaking AI solutions focused on building equity for women worldwide.</p> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-hero devsite-landing-row-50 wtm-section no-padding" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item with-media" description-position="bottom" > <div class="devsite-landing-row-item-media devsite-landing-row-item-media-left "> <figure class="devsite-landing-row-item-image"> <a href="//womentechmakersonair.withgoogle.com/she-builds-ai"> <picture> <img alt="" src="https://developers.google.com/static/womentechmakers/images/access-trainings.png" srcset="https://developers.google.com/static/womentechmakers/images/access-trainings_36.png 36w,https://developers.google.com/static/womentechmakers/images/access-trainings_48.png 48w,https://developers.google.com/static/womentechmakers/images/access-trainings_72.png 72w,https://developers.google.com/static/womentechmakers/images/access-trainings_96.png 96w,https://developers.google.com/static/womentechmakers/images/access-trainings_480.png 480w,https://developers.google.com/static/womentechmakers/images/access-trainings_720.png 720w,https://developers.google.com/static/womentechmakers/images/access-trainings_856.png 856w,https://developers.google.com/static/womentechmakers/images/access-trainings_960.png 960w,https://developers.google.com/static/womentechmakers/images/access-trainings_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/access-trainings_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/access-trainings_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classwtm-heading-wtm-heading-row-xlargespanaccess-trainings-and-the-kickoff-eventspan" data-text="Access trainings and the kickoff event " class="hide-from-toc no-link" tabindex="0"> <a href="//womentechmakersonair.withgoogle.com/she-builds-ai"> <span class="wtm-heading wtm-heading--row-xlarge"><span>Access trainings and the kickoff event</span> </a> </h3> <div class="devsite-landing-row-item-description-content"> Join our She Builds AI campaign! Attend the kickoff event featuring inspiring Google leaders in AI and explore our AI trainings. Get all the details on upcoming workshops and events to boost your skills and connect with the community. </div> <div class="devsite-landing-row-item-buttons"> <a href="//womentechmakersonair.withgoogle.com/she-builds-ai" class="button gc-analytics-event " name="WTM She Builds AI - Learn more" data-label="WTM She Builds AI - Learn more" data-category="womentechmakers" >Learn more</a> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-padding-medium devsite-landing-row-100 ambassadors-cta wtm-section build-with-ai-cta" background="white" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <div class="ambassadors-cta-apply"> <img src="/static/womentechmakers/images/2024ambassadorscta5.svg" alt="laptop image"> <div class="ambassadors-cta-apply-description"> <h3 id="she-builds-ai-hackathon" data-text=" She Builds AI Hackathon " tabindex="-1"> <span class="wtm-heading wtm-heading--row">She Builds AI Hackathon</span> </h3> <div class="devsite-landing-row-item-description-content"> <p>Collaborate with other technologists to design and develop AI-powered solutions to help women and girls thrive during our global hackathon.</p> </div> </div> <div class="devsite-landing-row-item-buttons"> <a href="//womentechmakers.devpost.com" class="button button-primary gc-analytics-event" name="WTM She Builds AI - Hackathon Learn more" data-label="WTM She Builds AI - Hackathon Learn more" data-category="womentechmakers">Learn more and register</a></div> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-2-up devsite-landing-row-cards devsite-landing-row-padding-medium devsite-landing-row-no-image-background devsite-landing-row-header-centered devsite-landing-row-item-centered devfest-badges-row dgc-web-ecosystem-cards grey-bg" background="white" 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-classwtm-heading-row-wtm-heading-row-no-descriptionshow-off-your-participation-with-a-badgespan" data-text="Show off your participation with a badge " tabindex="0"> <span class="wtm-heading--row wtm-heading--row-no-description">Show off your participation with a badge</span> </h2> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item gdg-badge" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <picture> <img alt="" src="https://developers.google.com/static/womentechmakers/images/badge.png" srcset="https://developers.google.com/static/womentechmakers/images/badge_36.png 36w,https://developers.google.com/static/womentechmakers/images/badge_48.png 48w,https://developers.google.com/static/womentechmakers/images/badge_72.png 72w,https://developers.google.com/static/womentechmakers/images/badge_96.png 96w,https://developers.google.com/static/womentechmakers/images/badge_480.png 480w,https://developers.google.com/static/womentechmakers/images/badge_720.png 720w,https://developers.google.com/static/womentechmakers/images/badge_856.png 856w,https://developers.google.com/static/womentechmakers/images/badge_960.png 960w,https://developers.google.com/static/womentechmakers/images/badge_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/badge_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/badge_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy" > </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="she-builds-ai-global-hackathon" data-text="She Builds AI Global Hackathon" class="hide-from-toc no-link" tabindex="0"> She Builds AI Global Hackathon </h3> <div class="devsite-landing-row-item-description-content"> Earn this badge after participating in the hackathon. </div> </div> </div> </div> </div> </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-badge-awarder type="visit" delay="10" profile-required badge= "https://developers.google.com/profile/badges/events/community/wtm/she-builds-ai-discovery" /> </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": {"dimension11": false, "dimension1": "Signed out", "dimension3": false, "dimension6": "en", "dimension4": "Women Techmakers", "dimension5": "en"}, "gaid": "UA-24532603-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "purpose": 1}, {"dimensions": {"dimension11": false, "dimension1": "Signed out", "dimension3": false, "dimension6": "en", "dimension4": "Women Techmakers", "dimension5": "en"}, "gaid": "UA-116656492-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "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="E9YrPcpFQWGqSl+qwsXKBYDayraW2t"> (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,["DevPro__enable_developer_subscriptions","Cloud__enable_cloud_shell_fte_user_flow","Cloud__enable_free_trial_server_call","Profiles__enable_release_notes_notifications","Profiles__enable_completecodelab_endpoint","Cloud__enable_cloudx_experiment_ids","Concierge__enable_concierge","Profiles__enable_profile_collections","Search__enable_page_map","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_public_developer_profiles","Cloud__enable_legacy_calculator_redirect","MiscFeatureFlags__enable_variable_operator","MiscFeatureFlags__enable_view_transitions","MiscFeatureFlags__enable_explain_this_code","Experiments__reqs_query_experiments","Cloud__enable_cloud_facet_chat","TpcFeatures__enable_mirror_tenant_redirects","Cloud__enable_cloud_dlp_service","Cloud__enable_cloudx_ping","Profiles__enable_page_saving","DevPro__enable_cloud_innovators_plus","Search__enable_ai_search_summaries_restricted","MiscFeatureFlags__enable_project_variables","TpcFeatures__enable_required_headers","CloudShell__cloud_code_overflow_menu","Search__enable_suggestions_from_borg","MiscFeatureFlags__emergency_css","Analytics__enable_clearcut_logging","MiscFeatureFlags__developers_footer_image","Search__enable_dynamic_content_confidential_banner","MiscFeatureFlags__developers_footer_dark_image","Significatio__enable_by_tenant","Concierge__enable_concierge_restricted","Search__enable_ai_eligibility_checks","Profiles__enable_complete_playlist_endpoint","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_dashboard_curated_recommendations","Profiles__enable_recognition_badges","Profiles__enable_awarding_url","Concierge__enable_pushui","Cloud__enable_cloud_shell","Profiles__require_profile_eligibility_for_signin","Profiles__enable_developer_profiles_callout","Cloud__enable_llm_concierge_chat","Search__enable_ai_search_summaries","CloudShell__cloud_shell_button","BookNav__enable_tenant_cache_key"],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],[[16,13],[5,4],[15,12],[4,3],[14,11],[12,9],[6,5],[3,2],[13,10],[11,8],[1,1]],[[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>