Women Techmakers Hackathon | 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/hackathon"><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/hackathon" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/womentechmakers/initiatives/hackathon" /><link rel="alternate" hreflang="ar" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=ar" /><link rel="alternate" hreflang="bn" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=fa" /><link rel="alternate" hreflang="fr" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=fr" /><link rel="alternate" hreflang="de" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=de" /><link rel="alternate" hreflang="he" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=he" /><link rel="alternate" hreflang="hi" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=hi" /><link rel="alternate" hreflang="id" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=id" /><link rel="alternate" hreflang="it" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=it" /><link rel="alternate" hreflang="ja" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=ja" /><link rel="alternate" hreflang="ko" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=ko" /><link rel="alternate" hreflang="pl" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=es-419" /><link rel="alternate" hreflang="th" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=th" /><link rel="alternate" hreflang="tr" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=tr" /><link rel="alternate" hreflang="vi" href="https://developers.google.com/womentechmakers/initiatives/hackathon?hl=vi" /><title>Women Techmakers Hackathon  |  Google for Developers</title> <meta property="og:title" content="Women Techmakers Hackathon  |  Google for Developers"><meta property="og:url" content="https://developers.google.com/womentechmakers/initiatives/hackathon"><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 Hackathon" } </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 Hackathon", "item": "https://developers.google.com/womentechmakers/initiatives/hackathon" }] } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="wtm-page hackathon-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 class="devsite-active"> <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" aria-label="Hackathon, selected" data-category="Site-Wide Custom Events" data-label="Tab: Hackathon" track-name="hackathon" > Hackathon </a> </tab> <tab > <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" 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 devsite-nav-active" 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 " 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/hackathon" 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="" > Hackathon </a> </li> </ul> </div> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix "> <section class="devsite-landing-row devsite-landing-row-1-up background-banner background-banner--thin background-banner--hackathon background-banner--initiatives-child wtm-section" header-position="top" > <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header" > <div class="devsite-landing-row-header-text"> <h2 id="span-classbanner-heading-banner-heading-whitewomens-online-safety-hackathonspan" data-text="Women’s Online Safety Hackathon " tabindex="0"> <span class="banner-heading banner-heading--white">Women’s Online Safety Hackathon</span> </h2> <div class="devsite-landing-row-description"> <span class="banner-description banner-heading--white">A hackathon focused on developing tools and training to enhance online safety for women.</span> </div> </div> </header> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-header-centered wtm-section videos-large videos-border-top" 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-wtm-heading-row-wtm-heading-row-no-descriptiononline-safety-showcasespan" data-text="Online safety showcase " tabindex="0"> <span class="wtm-heading wtm-heading--row wtm-heading--row-no-description">Online safety showcase</span> </h2> </div> </header> </div> </section> <section class="devsite-landing-row devsite-landing-row-1-up videos-border-bottom" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-html"> <div class="hero-video-playlist"> <div class="video-wrapper-full-width"> <devsite-video video-id="5kpMT0X93PQ" data-showinfo="0"></devsite-video> <h2 class="wtm-heading wtm-heading--video-playlist" id="womens-online-safety-hackathon---dubai" data-text=" Women's Online Safety Hackathon - Dubai" tabindex="-1"> Women's Online Safety Hackathon - Dubai</h2> </div> <ul class="video-playlist"> <li class="wtm-video-wrapper"> <a href="https://www.youtube.com/watch?v=o6nW6mISAGk" class="video-playlist-item gc-analytics-event" data-category="WTM Video" data-label="Safety Hackathon Amel Sallami" target="_blank"> <devsite-video video-id="o6nW6mISAGk" data-showinfo="0"></devsite-video> <p class="video-playlist-description">Women's Online Safety - Amel Sallami</p> </a> </li> <li class="wtm-video-wrapper"> <a href="https://www.youtube.com/watch?v=IW9ezCXngAY" class="video-playlist-item gc-analytics-event" data-category="WTM Video" data-label="Safety Hackathon Aya Sayed Hassan" target="_blank"> <devsite-video video-id="IW9ezCXngAY" data-showinfo="0"></devsite-video> <p class="video-playlist-description">Women's Online Safety - Aya Sayed Hassan</p> </a> </li> <li class="wtm-video-wrapper"> <a href="https://www.youtube.com/watch?v=B6DYLh8MM1c" class="video-playlist-item gc-analytics-event" data-category="WTM Video" data-label="Safety Hackathon Esrae Abdelnaby" target="_blank"> <devsite-video video-id="B6DYLh8MM1c" data-showinfo="0"></devsite-video> <p class="video-playlist-description">Women's Online Safety - Esrae Abdelnaby Hassan</p> </a> </li> <li class="wtm-video-wrapper"> <a href="https://www.youtube.com/watch?v=UYFeybMKWxE" class="video-playlist-item gc-analytics-event" data-category="WTM Video" data-label="Safety Hackathon Manal Slamani" target="_blank"> <devsite-video video-id="UYFeybMKWxE" data-showinfo="0"></devsite-video> <p class="video-playlist-description">Women's Online Safety - Manal Slamani</p> </a> </li> </ul> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards devsite-landing-row-padding-medium bwit-resources 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" 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/2024hackathon1.png" srcset="https://developers.google.com/static/womentechmakers/images/2024hackathon1_36.png 36w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_48.png 48w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_72.png 72w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_96.png 96w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_480.png 480w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_720.png 720w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_856.png 856w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_960.png 960w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/2024hackathon1_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classwtm-card-headingproblemspan" data-text="Problem " class="hide-from-toc no-link" tabindex="0"> <span class="wtm-card-heading">Problem</span> </h3> <div class="devsite-landing-row-item-description-content"> <p>The internet offers women a platform for expression and opportunity but also poses risks as a conduit for abuse. Recognizing this, Women Techmakers joined forces with Jigsaw, a unit within Alphabet developing technology to make the world safer, to launch the Women’s Online Safety hackathon in 2020, focusing on innovative ways to protect women in the digital world. </p> </div> </div> </div> </div> <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/2024hackathon2.png" srcset="https://developers.google.com/static/womentechmakers/images/2024hackathon2_36.png 36w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_48.png 48w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_72.png 72w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_96.png 96w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_480.png 480w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_720.png 720w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_856.png 856w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_960.png 960w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/2024hackathon2_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classwtm-card-headingsolutionspan" data-text="Solution " class="hide-from-toc no-link" tabindex="0"> <span class="wtm-card-heading">Solution</span> </h3> <div class="devsite-landing-row-item-description-content"> <p>We invited social entrepreneurs, developers, and technologists to leverage Google’s tech solutions to tackle gender violence. Prior to the hackathon, participants attended a workshop on current online harassment trends. They then brainstormed and pitched innovative ideas, ranging from security apps monitoring online harassment to new features for existing products that improve women’s connections with safety networks.</p> </div> </div> </div> </div> <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/2024hackathon3.png" srcset="https://developers.google.com/static/womentechmakers/images/2024hackathon3_36.png 36w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_48.png 48w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_72.png 72w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_96.png 96w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_480.png 480w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_720.png 720w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_856.png 856w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_960.png 960w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_1440.png 1440w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_1920.png 1920w,https://developers.google.com/static/womentechmakers/images/2024hackathon3_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="span-classwtm-card-headingimpactspan" data-text="Impact " class="hide-from-toc no-link" tabindex="0"> <span class="wtm-card-heading">Impact</span> </h3> <div class="devsite-landing-row-item-description-content"> <p>In 2021, we welcomed over 2,000 participants from more than 50 countries to 13 hackathons and training sessions. Over 100 innovative solutions were created to enhance women's online safety. Watch the stories unfold from these hackathons and listen to the insights of the women leaders who steered these initiatives.</p> </div> </div> </div> </div> </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": {"dimension3": false, "dimension1": "Signed out", "dimension4": "Women Techmakers", "dimension5": "en", "dimension6": "en", "dimension11": false}, "gaid": "UA-24532603-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "purpose": 1}, {"dimensions": {"dimension3": false, "dimension1": "Signed out", "dimension4": "Women Techmakers", "dimension5": "en", "dimension6": "en", "dimension11": false}, "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="gizg2wWk+TZx2Md5kg/PS/GCoy2klm"> (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,116,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,["Concierge__enable_pushui","Profiles__enable_profile_collections","Cloud__enable_cloudx_experiment_ids","Cloud__enable_llm_concierge_chat","Concierge__enable_concierge_restricted","Cloud__enable_cloud_dlp_service","Cloud__enable_free_trial_server_call","MiscFeatureFlags__developers_footer_dark_image","TpcFeatures__enable_required_headers","TpcFeatures__enable_mirror_tenant_redirects","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_complete_playlist_endpoint","Concierge__enable_concierge","MiscFeatureFlags__emergency_css","Analytics__enable_clearcut_logging","Search__enable_ai_search_summaries_restricted","Search__enable_ai_search_summaries","Profiles__require_profile_eligibility_for_signin","CloudShell__cloud_shell_button","DevPro__enable_developer_subscriptions","DevPro__enable_cloud_innovators_plus","Cloud__enable_cloud_shell","MiscFeatureFlags__developers_footer_image","MiscFeatureFlags__enable_explain_this_code","Profiles__enable_dashboard_curated_recommendations","Profiles__enable_release_notes_notifications","MiscFeatureFlags__enable_view_transitions","CloudShell__cloud_code_overflow_menu","Significatio__enable_by_tenant","Profiles__enable_awarding_url","Cloud__enable_cloudx_ping","MiscFeatureFlags__enable_variable_operator","Experiments__reqs_query_experiments","Profiles__enable_completecodelab_endpoint","Profiles__enable_page_saving","MiscFeatureFlags__enable_firebase_utm","BookNav__enable_tenant_cache_key","Cloud__enable_cloud_facet_chat","Profiles__enable_developer_profiles_callout","Cloud__enable_legacy_calculator_redirect","Profiles__enable_public_developer_profiles","Search__enable_dynamic_content_confidential_banner","MiscFeatureFlags__enable_project_variables","Search__enable_suggestions_from_borg","Search__enable_ai_eligibility_checks","Profiles__enable_recognition_badges","Search__enable_page_map","Cloud__enable_cloud_shell_fte_user_flow"],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],[[5,4],[6,5],[11,8],[4,3],[13,10],[16,13],[12,9],[3,2],[14,11],[15,12],[1,1]],[[2,2],[1,1]]],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>

CINXE.COM

Women Techmakers Hackathon | Google for Developers