CINXE.COM
Google Historical Imagery: Google Earth Pro, Maps and Timelapse - Google News Initiative
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <title> Google Historical Imagery: Google Earth Pro, Maps and Timelapse - Google News Initiative </title> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" type="image/x-icon" href="https://storage.googleapis.com/media-newsinitiative/static/favicon.012699b7b93f.ico"> <link rel="apple-touch-icon" sizes="60x60" href="https://storage.googleapis.com/media-newsinitiative/static/apple-touch-icon.f6b8d05c6e4e.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://storage.googleapis.com/media-newsinitiative/static/favicon-32x32.fe60ef4505bd.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://storage.googleapis.com/media-newsinitiative/static/favicon-16x16.01c58c18e176.png"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://newsinitiative.withgoogle.com/resources/trainings/google-historical-imagery-google-earth-maps-and-timelapse/" /> <meta property="og:title" content="Google Historical Imagery: Google Earth Pro, Maps and Timelapse - Google News Initiative" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://newsinitiative.withgoogle.com/static/assets/videos/globe_meta.gif" /> <meta property="og:site_name" content="" /> <meta property="fb:app_id" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Google Historical Imagery: Google Earth Pro, Maps and Timelapse - Google News Initiative" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://newsinitiative.withgoogle.com/static/assets/videos/globe_meta.gif" /> <meta name="twitter:site" content="" /> <meta name="twitter:creator" content="" /> <link crossorigin="anonymous" href="https://fonts.googleapis.com/css?family=Google+Sans:400,500,700&display=swap" rel="stylesheet" /> <link crossorigin="anonymous" href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap" rel="stylesheet" /> <link crossorigin="anonymous" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> <link href="https://storage.googleapis.com/media-newsinitiative/static/assets/material-components-web/material-components-web.min.a65032482e47.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined::opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200|Material+Icons+Round" rel="stylesheet" /> <link rel="canonical" href="https://newsinitiative.withgoogle.com/resources/trainings/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="en-gb" href="https://newsinitiative.withgoogle.com/en-gb/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="en" href="https://newsinitiative.withgoogle.com/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="ar-sa" href="https://newsinitiative.withgoogle.com/ar-sa/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="fr-fr" href="https://newsinitiative.withgoogle.com/fr-fr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="fr-ca" href="https://newsinitiative.withgoogle.com/fr-ca/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="de-de" href="https://newsinitiative.withgoogle.com/de-de/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="hi" href="https://newsinitiative.withgoogle.com/hi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="id" href="https://newsinitiative.withgoogle.com/id/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="it-it" href="https://newsinitiative.withgoogle.com/it-it/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="ko-kr" href="https://newsinitiative.withgoogle.com/ko-kr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="ja-jp" href="https://newsinitiative.withgoogle.com/ja-jp/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="pl-pl" href="https://newsinitiative.withgoogle.com/pl-pl/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="pt-pt" href="https://newsinitiative.withgoogle.com/pt-pt/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="pt-br" href="https://newsinitiative.withgoogle.com/pt-br/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="es-mx" href="https://newsinitiative.withgoogle.com/es-mx/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="es-es" href="https://newsinitiative.withgoogle.com/es-es/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="th" href="https://newsinitiative.withgoogle.com/th/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="tr-tr" href="https://newsinitiative.withgoogle.com/tr-tr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="zh-tw" href="https://newsinitiative.withgoogle.com/zh-tw/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="vi" href="https://newsinitiative.withgoogle.com/vi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" /> <link rel="alternate" hreflang="x-default" href="https://newsinitiative.withgoogle.com/resources/trainings/google-historical-imagery-google-earth-maps-and-timelapse/" /> <script src="https://accounts.google.com/gsi/client" async></script> <link rel="stylesheet" href="https://storage.googleapis.com/media-newsinitiative/static/bundles/css/main.bundle.56fa598943bb.css" /> <link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"> <!-- Pass user_id and user params --> <script nonce="21N/VB9veE/TtMsmmNS15Q=="> window.dataLayer = window.dataLayer || [] // persist user profile id in data layer if logged in const item = localStorage.getItem(`@GNI-DG:user-profile`) const org_domain = localStorage.getItem(`@GNI-DG:org-domain`) const userProfile = item === 'undefined' ? undefined : item ? JSON.parse(item) : null let layer = {} // attach user id to ga event if user is logged in if (userProfile?.id) { layer.user_id = userProfile?.id } // pass in org domain as custom param if (org_domain) { layer.org_domain = org_domain } window.dataLayer.push(layer) </script> </head> <body data-page-id="6232" class="signed_out hide-get-started-fab" data-locale=en> <a class="skip-main" href="#main">Skip to main content</a> <header id="header" class="header nav " data-component="header"> <nav class="header__inner"> <div class="header__main"> <div class="header-main"> <button class="header-main__menu-toggle material-icons js-menu-toggle" data-label-open="Open navigation menu" data-label-close="Close navigation menu" aria-label="Open navigation menu" aria-expanded="false" aria-controls="header-mobile"> <span class="header-main__menu-toggle__icon header-main__menu-toggle__icon--open" aria-hidden="true">menu</span> <span class="header-main__menu-toggle__icon header-main__menu-toggle__icon--close" aria-hidden="true">close</span> </button> <a href="/" class="header-main__logo" aria-label="Google News Initiative Homepage"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/gni-logo.65fb757cb174.svg" alt="Google News Initiative Logo" height="28" width="247"> </a> </div> </div> <nav class="header__nav"> <ul class="header-nav__items nav__items nav__items__secondary js-header-nav-items"> <li class="header-nav__item header-nav__item--dropdown header-nav__item--mega-dropdown nav__item"> <div class="header-nav__dropdown js-header-dropdown js-megamenu-button" data-hover="false"> <a href="/resources/" class="header-nav__dropdown__button button button--dropdown js-dropdown-hover-area js-dropdown-button js-meganav-button" aria-expanded="false" aria-label="Open Resources dropdown menu" data-label-open="Open Resources dropdown menu" data-label-close="Close Resources dropdown menu" data-is-mega="true"> <span class="nav__item__title">Resources</span> </a> <button class="js-dropdown-button__caret" aria-label="click to open sub menu"> <span class="material-icons">expand_more</span> </button> <div class="mega-dropdown js-megadropdown"> <div class="mega-dropdown__inner"> <div class="mega-dropdown__section mega-dropdown__section--nav"> <nav class="mega-dropdown__nav mega-dropdown__nav--by-goal"> <div class="mega-dropdown__section__title">EXPLORE BY GOAL</div> <div class="mega-dropdown__nav__items"> <ul> <li class="nav__item"> <a href="/resources/develop-your-audience/" class=" primary" data-item-name="/resources/develop-your-audience/" >Develop audiences</a> </li> <li class="nav__item"> <a href="/resources/develop-your-audience/start-building-your-audience/" class="" data-item-name="/resources/develop-your-audience/start-building-your-audience/" >Build audiences</a> </li> <li class="nav__item"> <a href="/resources/develop-your-audience/increase-your-site-traffic/" class="" data-item-name="/resources/develop-your-audience/increase-your-site-traffic/" >Increase traffic</a> </li> <li class="nav__item"> <a href="/resources/develop-your-audience/keep-visitors-engaged/" class="" data-item-name="/resources/develop-your-audience/keep-visitors-engaged/" >Engage visitors</a> </li> </ul> <ul> <li class="nav__item"> <a href="/resources/strengthen-digital-journalism/" class=" primary" data-item-name="/resources/strengthen-digital-journalism/" >Digital journalism</a> </li> <li class="nav__item"> <a href="/resources/strengthen-digital-journalism/develop-your-digital-reporting-skills/" class="" data-item-name="/resources/strengthen-digital-journalism/develop-your-digital-reporting-skills/" >Digital reporting</a> </li> <li class="nav__item"> <a href="/resources/strengthen-digital-journalism/explore-new-storytelling-formats/" class="" data-item-name="/resources/strengthen-digital-journalism/explore-new-storytelling-formats/" >Storytelling formats</a> </li> <li class="nav__item"> <a href="/resources/strengthen-digital-journalism/find-new-ways-to-fight-misinformation/" class="" data-item-name="/resources/strengthen-digital-journalism/find-new-ways-to-fight-misinformation/" >Fight misinformation</a> </li> </ul> <ul> <li class="nav__item"> <a href="/resources/grow-your-revenue/" class=" primary" data-item-name="/resources/grow-your-revenue/" >Grow revenue</a> </li> <li class="nav__item"> <a href="/resources/grow-your-revenue/start-building-your-revenue-model/" class="" data-item-name="/resources/grow-your-revenue/start-building-your-revenue-model/" >Create revenue models</a> </li> <li class="nav__item"> <a href="/resources/grow-your-revenue/grow-reader-revenue/" class="" data-item-name="/resources/grow-your-revenue/grow-reader-revenue/" >Reader revenue</a> </li> <li class="nav__item"> <a href="/resources/grow-your-revenue/grow-digital-ad-revenue/" class="" data-item-name="/resources/grow-your-revenue/grow-digital-ad-revenue/" >Digital ad revenue</a> </li> </ul> </div> </nav> <nav class="mega-dropdown__nav mega-dropdown__nav--by-resource"> <div class="mega-dropdown__section__title">EXPLORE BY RESOURCE TYPE</div> <div class="mega-dropdown__nav__items"> <ul> <li class="nav__item"> <a href="/labs/" class=" primary" data-item-name="/labs/" >Labs</a> </li> <li class="nav__item"> <a href="/resources/products/" class=" primary" data-item-name="/resources/products/" >Products</a> </li> <li class="nav__item"> <a href="/resources/trainings/" class=" primary" data-item-name="/resources/trainings/" >Trainings</a> </li> <li class="nav__item"> <a href="/resources/stories/" class=" primary" data-item-name="/resources/stories/" >Case Studies</a> </li> <li class="nav__item"> <a href="/resources/" class=" primary" data-item-name="/resources/" >View all resources</a> </li> </ul> </div> </nav> </div> <div class="mega-dropdown__section"> <div class="mega-dropdown__section__title">Latest Resources</div> <div class="mega-dropdown__resources"> <div class="resource__wrapper"> <a href="/resources/trainings/google-alerts-stay-in-the-know/" > <div class="resource js-resource-card" data-background-color="#E8F0FE"> <div class="resource__image"> <img src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_StayInTheKnow_TitleCard.original.jpg" alt="GO801_GNI_StayInTheKnow_TitleCard.jpg" /> </div> <div class="resource__content"> <div class="resource__content--type">Lesson</div> <div class="resource__content--title">Google Alerts: Stay in the know.</div> </div> </div> </a> </div> <div class="resource__wrapper"> <a href="/resources/trainings/google-scholar-access-court-cases-academic-papers-and-sources/" > <div class="resource js-resource-card" data-background-color="#E8F0FE"> <div class="resource__image"> <img src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_AccessCourtCasesEtc_TitleCard.original.jpg" alt="GO801_GNI_AccessCourtCasesEtc_TitleCard.jpg" /> </div> <div class="resource__content"> <div class="resource__content--type">Lesson</div> <div class="resource__content--title">Google Scholar: Access court cases, academic papers and sources.</div> </div> </div> </a> </div> <div class="resource__wrapper"> <a href="/resources/trainings/advanced-search-researching-with-precision/" > <div class="resource js-resource-card" data-background-color="#E8F0FE"> <div class="resource__image"> <img src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_ResearchingWithPrecision_TitleCard.original.jpg" alt="GO801_GNI_ResearchingWithPrecision_TitleCard.jpg" /> </div> <div class="resource__content"> <div class="resource__content--type">Lesson</div> <div class="resource__content--title">Advanced Search: Researching with precision.</div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </li> <li class="header-nav__item header-nav__item--dropdown nav__item"> <div class="header-nav__dropdown js-header-dropdown " data-hover="false"> <div class="header-nav__dropdown__button button button--dropdown js-dropdown-hover-area"> <a class="js-dropdown-button" href="/about/">About</a> <button class="header-nav__dropdown__button__icon js-dropdown-button js-dropdown-button__caret" aria-expanded="false" aria-label="Open About dropdown menu" data-label-open="Open About dropdown menu" data-label-close="Close About dropdown menu"> <span class="material-icons">expand_more</span> </button> </div> <div class="header-nav__dropdown__menu js-dropdown-menu"> <ul class="header-nav__dropdown__menu__items nav__subnav" role="menu"> <li class="nav__item"> <a href="/about/" class="js-page-link header-nav__dropdown__menu__item" data-item-name="/about/" >Our purpose</a> </li> <li class="nav__item"> <a href="/impact/" class="js-page-link header-nav__dropdown__menu__item" data-item-name="/impact/" >Impact report</a> </li> </ul> </div> </div> </li> </ul> </nav> <div class="header__other"> <button class="header__help"> <span class="material-icons" aria-hidden="true">help</span> </button> <div class="header__search"> <div class="header-search"> <button type="button" aria-label="Open search" class="header-search__button material-icons js-header-search-icon">search</button> <form action="/search/" method="get" class="header-search__bar nav__item--search-bar js-header-search-bar"> <label class="header-search__bar__inner mdc-text-field mdc-text-field--with-leading-icon mdc-text-field--with-trailing-icon mdc-text-field--filled mdc-text-field--no-label"> <span class="material-icons mdc-icon-button js-form-search-icon">search</span> <span class="mdc-text-field__ripple"></span> <div class="header-search__loader-wrapper js-loader"> <div class="header-search__loader"></div> </div> <input class="header-search__bar__input mdc-text-field__input" type="text" aria-label="Search" name="q" value="" placeholder="Search"> <div tabindex="0" aria-label="Close search" class="header-search__bar__close material-icons js-close-search-bar mdc-icon-button">close</div> <span class="mdc-line-ripple"></span> </label> </form> <!-- Search results --> <div class="header-search__results js-results"></div> </div> </div> </div> <div class="header__options"> <div class="header-options"> <div class="header-options__locale"> <div class="locale-select mdc-select mdc-select--filled mdc-select--no-label"> <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="locale-selected-header"> <span class="mdc-select__ripple"></span> <span class="mdc-select__selected-text-container"> <span id="locale-selected-header" class="mdc-select__selected-text"></span> </span> <span class="mdc-select__dropdown-icon"> <span class="material-icons" aria-hidden="true">expand_more</span> </span> <span class="mdc-line-ripple"></span> </div> <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth"> <ul class="mdc-list" role="listbox" aria-label="locale picker listbox"> <li class="mdc-list-item" aria-selected="false" data-value="/en-gb/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English (GB)</span> </li> <li class="mdc-list-item" aria-selected="true" data-value="/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ar-sa/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">العربيّة</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-fr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-ca/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français (Canada)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/de-de/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Deutsch</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/hi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">हिंदी</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/id/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bahasa Indonesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/it-it/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Italiano</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ko-kr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">한국어</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ja-jp/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">日本語</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pl-pl/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Polski</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-pt/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-br/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português (Brazil)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-mx/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español (LatAm)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-es/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/th/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">ภาษาไทย</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/tr-tr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Türkçe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/zh-tw/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">繁體中文</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/vi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tiếng việt</span> </li> </ul> </div> </div> </div> <div class="header-options__profile"> <div class="header-profile"> <a class="header-profile__user" href="/dashboard/" aria-label="Go to user dashboard"> <img alt="" class="header-profile__user__avatar" data-profile-key="image_url" /> <div class="header-profile__user__name">My Account</div> </a> <div class="header-profile__sign-in"> <button class="sign-in signed-in-hidden" data-component="google-auth" data-action="sign-in"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/google-logo.a2582fb4d518.svg" alt="Google logo" /> Sign In </button> </div> </div> </div> </div> </div> </nav> <div class="nav__mobile js-mobile-menu"> <div class="nav__mobile__inner"> <div class="nav__mobile__links"> <!-- level 1 / one nav --> <div class="nav__mobile__l1__container"> <!-- page or external link --> <div class="nav__mobile__item"> <button class="nav__mobile__l1" aria-label="Open Resources menu" data-nav-type="Mega"> Resources <span class="material-icons">keyboard_arrow_right</span> </button> </div> <!-- dropdown --> <!-- page or external link --> <div class="nav__mobile__item"> <button class="nav__mobile__l1" aria-label="Open About menu" data-nav-type="About"> About <span class="material-icons">keyboard_arrow_right</span> </button> </div> </div> <!-- level 2 / multiple nav--> <div class="nav__mobile__l2__container"> <div class="nav__mobile__l2 nav__mobile__mega" data-nav-type="Mega"> <button class="nav__mobile__l2__title nav__mobile__item" aria-label="Close Resources menu"> <span class="material-icons" aria-hidden="true">keyboard_arrow_left</span> <span class="nav__item__title">Resources</span> </button> <div class="nav__section"> <li class="nav__mobile__item"> <a class="js-link-analytics" href=/resources/> View Resources </a> </li> </div> <div class="nav__section"> <div class="nav__section__title">EXPLORE BY GOAL</div> <div class="nav__section__menu"> <ul class="nav__section__l1 js-accordion"> <li class="nav__item js-accordion-item nav__item--bold js-accordion-link" > <button class="js-accordion-button primary" data-item-name="/resources/develop-your-audience/" > Develop audiences <span class="material-icons js-toggle-icon" aria-hidden="true">keyboard_arrow_down</span> </button> </li> <li class="nav__item js-accordion-item" > <a href="/resources/develop-your-audience/" class=" primary" data-item-name="/resources/develop-your-audience/" >Develop audiences</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/develop-your-audience/start-building-your-audience/" class="" data-item-name="/resources/develop-your-audience/start-building-your-audience/" >Build audiences</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/develop-your-audience/increase-your-site-traffic/" class="" data-item-name="/resources/develop-your-audience/increase-your-site-traffic/" >Increase traffic</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/develop-your-audience/keep-visitors-engaged/" class="" data-item-name="/resources/develop-your-audience/keep-visitors-engaged/" >Engage visitors</a> </li> </ul> <ul class="nav__section__l1 js-accordion"> <li class="nav__item js-accordion-item nav__item--bold js-accordion-link" > <button class="js-accordion-button primary" data-item-name="/resources/strengthen-digital-journalism/" > Digital journalism <span class="material-icons js-toggle-icon" aria-hidden="true">keyboard_arrow_down</span> </button> </li> <li class="nav__item js-accordion-item" > <a href="/resources/strengthen-digital-journalism/" class=" primary" data-item-name="/resources/strengthen-digital-journalism/" >Digital journalism</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/strengthen-digital-journalism/develop-your-digital-reporting-skills/" class="" data-item-name="/resources/strengthen-digital-journalism/develop-your-digital-reporting-skills/" >Digital reporting</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/strengthen-digital-journalism/explore-new-storytelling-formats/" class="" data-item-name="/resources/strengthen-digital-journalism/explore-new-storytelling-formats/" >Storytelling formats</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/strengthen-digital-journalism/find-new-ways-to-fight-misinformation/" class="" data-item-name="/resources/strengthen-digital-journalism/find-new-ways-to-fight-misinformation/" >Fight misinformation</a> </li> </ul> <ul class="nav__section__l1 js-accordion"> <li class="nav__item js-accordion-item nav__item--bold js-accordion-link" > <button class="js-accordion-button primary" data-item-name="/resources/grow-your-revenue/" > Grow revenue <span class="material-icons js-toggle-icon" aria-hidden="true">keyboard_arrow_down</span> </button> </li> <li class="nav__item js-accordion-item" > <a href="/resources/grow-your-revenue/" class=" primary" data-item-name="/resources/grow-your-revenue/" >Grow revenue</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/grow-your-revenue/start-building-your-revenue-model/" class="" data-item-name="/resources/grow-your-revenue/start-building-your-revenue-model/" >Create revenue models</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/grow-your-revenue/grow-reader-revenue/" class="" data-item-name="/resources/grow-your-revenue/grow-reader-revenue/" >Reader revenue</a> </li> <li class="nav__item js-accordion-item" aria-hidden="true"> <a href="/resources/grow-your-revenue/grow-digital-ad-revenue/" class="" data-item-name="/resources/grow-your-revenue/grow-digital-ad-revenue/" >Digital ad revenue</a> </li> </ul> </div> </div> <div class="nav__section"> <div class="nav__section__title">EXPLORE BY RESOURCE TYPE</div> <div class="nav__section__menu"> <ul class="nav__section__l1"> <li class="nav__section__item nav__mobile__item"> <a href="/labs/" class=" primary" data-item-name="/labs/" >Labs</a> </li> <li class="nav__section__item nav__mobile__item"> <a href="/resources/products/" class=" primary" data-item-name="/resources/products/" >Products</a> </li> <li class="nav__section__item nav__mobile__item"> <a href="/resources/trainings/" class=" primary" data-item-name="/resources/trainings/" >Trainings</a> </li> <li class="nav__section__item nav__mobile__item"> <a href="/resources/stories/" class=" primary" data-item-name="/resources/stories/" >Case Studies</a> </li> <li class="nav__section__item nav__mobile__item"> <a href="/resources/" class=" primary" data-item-name="/resources/" >View all resources</a> </li> </ul> </div> </div> </div> <div class="nav__mobile__l2" data-nav-type="About"> <button class="nav__mobile__l2__title nav__mobile__item" aria-label="Close About menu"> <span class="material-icons" aria-hidden="true">keyboard_arrow_left</span> <span class="nav__item__title">About</span> </button> <ul class="nav__mobile__l3__container"> <li class="nav__mobile__item"> <a class="js-link-analytics" href=/about/> View About </a> </li> <li class="nav__mobile__item"> <a href="/about/" class="js-page-link " data-item-name="/about/" >Our purpose</a> </li> <li class="nav__mobile__item"> <a href="/impact/" class="js-page-link " data-item-name="/impact/" >Impact report</a> </li> </ul> </div> </div> </div> <div class="nav__mobile__footer"> <div class="nav__mobile__footer__inner"> <div class="nav__mobile__footer__profile"> <div class="header-profile"> <a class="header-profile__user" href="/dashboard/" aria-label="Go to user dashboard"> <img alt="" class="header-profile__user__avatar" data-profile-key="image_url" /> <div class="header-profile__user__name">My Account</div> </a> <div class="header-profile__sign-in"> <button class="sign-in signed-in-hidden" data-component="google-auth" data-action="sign-in"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/google-logo.a2582fb4d518.svg" alt="Google logo" /> Sign In </button> </div> </div> </div> <div class="nav__mobile__footer__locale"> <div class="locale-select mdc-select mdc-select--filled mdc-select--no-label"> <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="locale-selected-header-mobile"> <span class="mdc-select__ripple"></span> <span class="mdc-select__selected-text-container"> <span id="locale-selected-header-mobile" class="mdc-select__selected-text"></span> </span> <span class="mdc-select__dropdown-icon"> <span class="material-icons" aria-hidden="true">expand_more</span> </span> <span class="mdc-line-ripple"></span> </div> <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth"> <ul class="mdc-list" role="listbox" aria-label="locale picker listbox"> <li class="mdc-list-item" aria-selected="false" data-value="/en-gb/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English (GB)</span> </li> <li class="mdc-list-item" aria-selected="true" data-value="/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ar-sa/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">العربيّة</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-fr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-ca/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français (Canada)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/de-de/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Deutsch</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/hi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">हिंदी</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/id/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bahasa Indonesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/it-it/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Italiano</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ko-kr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">한국어</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ja-jp/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">日本語</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pl-pl/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Polski</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-pt/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-br/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português (Brazil)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-mx/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español (LatAm)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-es/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/th/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">ภาษาไทย</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/tr-tr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Türkçe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/zh-tw/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">繁體中文</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/vi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tiếng việt</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header> <div class="get-started-fab" data-component="get-started-fab"> <div class="get-started-fab__button-wrap get-started-fab__button-wrap--signed-in"> <a href="/dashboard/" class="get-started-fab__button">Go to dashboard</a> </div> <div class="get-started-fab__button-wrap get-started-fab__button-wrap--signed-out"> <button class="get-started-fab__button__info js-button-get-started-tooltip" aria-label="click to read button info"> <span class="get-started-fab__button__info__icon material-icons" aria-hidden="true">info</span> </button> <button class="get-started-fab__button js-button-get-started js-review-open-rr" data-toggle-review="true" aria-label="Get started Not sure where to start? Take a short quiz to get personalized recommendations."> <span class="get-started-fab__button__icon material-icons" aria-hidden="true">info</span> Get started </button> <div class="get-started-fab__modal js-get-started-tooltip" aria-live="polite">Not sure where to start? Take a short quiz to get personalized recommendations.</div> </div> </div> <div class="onboarding-quiz modal light-blue-bg"> <div class="quizzes"> <!-- close modal btn --> <button class="modal__close material-icons js-close-modal-button">close</button> <div class="onboarding__inner"> <!-- pagination --> <div class="quizzes__pagination"> <button class="quizzes__pagination__step">1</button> <button class="quizzes__pagination__step">2</button> </div> <!-- entile quiz section as a form --> <form> <!-- quiz 1 --> <div class="quiz" data-question="1"> <!-- title --> <div class="onboarding__headline blue">What's your goal today</div> <!-- subtitle --> <div class="onboarding__subtitle blue">your can select more than one</div> <!-- select buttons --> <div class="onboarding__buttons"> <div class="onboarding__button"> <label data-value="Reach a large audience" data-component="tag" for="goal-0" class="button button--round tag " aria-label="click to filter by Reach a large audience" > <input type="checkbox" name="goal" id="goal-0" value="Reach a large audience" /> <span> Reach a large audience </span> </label> </div> <div class="onboarding__button"> <label data-value="Reach a large audience" data-component="tag" for="goal-1" class="button button--round tag " aria-label="click to filter by Reach a large audience" > <input type="checkbox" name="goal" id="goal-1" value="Reach a large audience" /> <span> Reach a large audience </span> </label> </div> <div class="onboarding__button"><label data-value="Grow Revenue" data-component="tag" for="goal-2" class="button button--round tag " aria-label="click to filter by Grow Revenue" > <input type="checkbox" name="goal" id="goal-2" value="Grow Revenue" /> <span> Grow Revenue </span> </label> </div> <div class="onboarding__button"><label data-value="Others" data-component="tag" for="goal-3" class="button button--round tag " aria-label="click to filter by Others" > <input type="checkbox" name="goal" id="goal-3" value="Others" /> <span> Others </span> </label> </div> </div> </div> <!-- quiz 2 --> <div class="quiz" data-question="2"> <!-- title --> <div class="onboarding__headline blue">Please select your focus area 2</div> <!-- subtitle --> <div class="onboarding__subtitle blue">your can select more than one</div> <!-- select buttons --> <div class="onboarding__buttons mdc-chip-set mdc-chip-set--filter" role="grid"> <div role='button' tabindex="0" class="onboarding__button button button--round"> <input type='checkbox' name="role" id="onboarding_role_1" value="reporter"> <label for="onboarding_role_1">Reporter</label> </div> <div role='button' tabindex="0" class="onboarding__button button button--round"> <input type='checkbox' name='role' id="onboarding_role_2" value="publisher"> <label for="onboarding_role_2">Publisher</label> </div> </div> </div> <!-- continue or go to dashboard --> <div class="quiz__buttons"> <div class="quiz__prev-button button button--border" role='button' tabindex="0">Previous</div> <div class="quiz__next-button button button--border" role='button' tabindex="0">Continue</div> </div> </form> </div> </div> </div> <div class="resources-country-modal hidden"> <div class="resources-country-modal__content"> <button class="resources-country-modal__close material-icons mdc-icon-button js-close-resources-country-modal" tabindex="0" aria-label="close modal">close</button> <img class="resources-country-modal__left-image" src="https://storage.googleapis.com/media-newsinitiative/static/images/modal-top-left.2250479b5843.png" alt=""> <img class="resources-country-modal__right-image" src="https://storage.googleapis.com/media-newsinitiative/static/images/modal-bottom-right.558e0a9f8855.png" alt=""> <img class="resources-country-modal__logo" src="https://storage.googleapis.com/media-newsinitiative/static/images/gni-logo.65fb757cb174.svg" alt="Google News Initiative" height="28" width="247"> <div class="resources-country-modal__inner"> <h2 class="resources-country-modal__title">I'm looking for resources in</h2> <form class="resources-country-modal__form"> <div class="resources-country-modal__select-wrap"> <div id="choose-country-modal" class="material-select filter-select mdc-select mdc-select--outlined mdc-select--no-label" data-component="material-select" data-filter-param="country"> <input type="hidden" name="countries" value=""> <div class=" mdc-select__anchor" role="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="choose-country-modal-selected-text" aria-label=""> <span class="mdc-notched-outline"> <span class="mdc-notched-outline__leading"></span> <span class="mdc-notched-outline__trailing"></span> </span> <span class="mdc-select__selected-text-container"> <span id="choose-country-modal-selected-text" class="mdc-select__selected-text"></span> </span> <span class="mdc-select__dropdown-icon"> <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5" focusable="false"> <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"> </polygon> <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"> </polygon> </svg> </span> </div> <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth"> <ul class="mdc-list" role="listbox"> <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" data-value="" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Select your country</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Afghanistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AX" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Åland Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Albania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Algeria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">American Samoa</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Andorra</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Angola</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Anguilla</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Antarctica</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Antigua and Barbuda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Argentina</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Armenia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Aruba</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="APRC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Asia Pacific - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Australia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Austria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Azerbaijan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bahamas</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bahrain</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bangladesh</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Barbados</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Belarus</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Belgium</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Belize</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Benin</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bermuda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bhutan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bolivia (Plurinational State of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bonaire, Sint Eustatius and Saba</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bosnia and Herzegovina</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Botswana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bouvet Island</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Brazil</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">British Indian Ocean Territory</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Brunei Darussalam</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bulgaria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Burkina Faso</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Burundi</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cabo Verde</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cambodia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cameroon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Canada</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cayman Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Central African Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Chad</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Chile</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">China</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CX" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Christmas Island</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cocos (Keeling) Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Colombia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Comoros</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Congo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Congo (the Democratic Republic of the)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cook Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Costa Rica</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Côte d'Ivoire</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Croatia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cuba</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Curaçao</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cyprus</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Czechia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Denmark</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Djibouti</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Dominica</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Dominican Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ecuador</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Egypt</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">El Salvador</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Equatorial Guinea</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ER" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Eritrea</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Estonia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Eswatini</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ET" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ethiopia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ERC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Europe - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Falkland Islands (Malvinas)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Faroe Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Fiji</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Finland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">France</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">French Guiana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">French Polynesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">French Southern Territories</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Gabon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Gambia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Georgia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Germany</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ghana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Gibraltar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Greece</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Greenland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Grenada</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guadeloupe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guam</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guatemala</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guernsey</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guinea</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guinea-Bissau</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guyana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Haiti</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Heard Island and McDonald Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Holy See</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Honduras</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Hong Kong</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Hungary</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Iceland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">India</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ID" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Indonesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Iran (Islamic Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Iraq</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ireland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Isle of Man</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Israel</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Italy</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Jamaica</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Japan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Jersey</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Jordan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kazakhstan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kenya</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kiribati</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Korea (the Democratic People's Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Korea (the Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="XK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kosovo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kuwait</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kyrgyzstan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lao People's Democratic Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LARC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Latin America - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Latvia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lebanon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lesotho</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Liberia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Libya</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Liechtenstein</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lithuania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Luxembourg</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Macao</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Madagascar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Malawi</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Malaysia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Maldives</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ML" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mali</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Malta</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Marshall Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Martinique</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mauritania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mauritius</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="YT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mayotte</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MX" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mexico</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Micronesia (Federated States of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MEATRC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Middle East, Africa, Turkey - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Moldova (the Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Monaco</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mongolia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ME" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Montenegro</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Montserrat</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Morocco</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mozambique</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Myanmar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Namibia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nauru</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nepal</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Netherlands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">New Caledonia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">New Zealand</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nicaragua</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Niger</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nigeria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Niue</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Norfolk Island</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NARC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">North America - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">North Macedonia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Northern Mariana Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Norway</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="OM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Oman</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Pakistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Palau</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Palestine</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Panama</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Papua New Guinea</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Paraguay</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Peru</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Philippines</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Pitcairn</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Poland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Portugal</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Puerto Rico</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="QA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Qatar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Réunion</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Romania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Russian Federation</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Rwanda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Barthélemy</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Helena, Ascension and Tristan da Cunha</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Kitts and Nevis</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Lucia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Martin (French part)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Pierre and Miquelon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saint Vincent and the Grenadines</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="WS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Samoa</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">San Marino</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ST" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sao Tome and Principe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saudi Arabia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Senegal</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Serbia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Seychelles</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sierra Leone</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Singapore</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SX" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sint Maarten (Dutch part)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Slovakia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Slovenia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Solomon Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Somalia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ZA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">South Africa</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">South Georgia and the South Sandwich Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">South Sudan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ES" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Spain</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sri Lanka</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sudan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Suriname</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Svalbard and Jan Mayen</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sweden</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Switzerland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Syrian Arab Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Taiwan (Province of China)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tajikistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tanzania, the United Republic of</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Thailand</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Timor-Leste</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Togo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tokelau</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tonga</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Trinidad and Tobago</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tunisia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Türkiye</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Turkmenistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Turks and Caicos Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tuvalu</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Uganda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ukraine</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United Arab Emirates</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United Kingdom of Great Britain and Northern Ireland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United States Minor Outlying Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="US" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United States of America</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Uruguay</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Uzbekistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Vanuatu</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Venezuela (Bolivarian Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Viet Nam</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Virgin Islands (British)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Virgin Islands (U.S.)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="WF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Wallis and Futuna</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Western Sahara</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="YE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Yemen</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ZM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Zambia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ZW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Zimbabwe</span> </li> </ul> </div> </div> </div> <div class="resources-country-modal__submit-wrap"> <button type="submit" class="resources-country-modal__submit button button--light-blue">Go</button> </div> </form> </div> </div> </div> <!-- Get Started Modal --> <div class="modal onboarding-get-started" aria-modal="true" role="dialog" aria-label="get started quiz"> <div class="dashboard-review" data-component="dashboard-review" data-status="true" data-step="0" data-total-steps="3" role="dialog" aria-modal="true" data-location="get_started" data-show-recommendations="false"> <div class="dashboard-review__inner"> <ol class="dashboard-review__steps" aria-label="Steps"> <li> <button aria-hidden="true" class="dashboard-review__step js-quiz-step" aria-label="Step 1 of 3" data-step="0">1</button> </li> <li> <button aria-hidden="true" class="dashboard-review__step js-quiz-step" aria-label="Step 2 of 3" data-step="1">2</button> </li> <li> <button aria-hidden="true" class="dashboard-review__step js-quiz-step" aria-label="Step 3 of 3" data-step="2">3</button> </li> </ol> <form class="js-quiz-form"> <script class="js-rr-answer-key" type="application/json"> { "goals": [ { "goal_value": "strengthen-digital-journalism", "subgoals": [ { "subgoal_value": "develop-your-digital-reporting-skills", "subgoal_label": "Develop your digital reporting skills" }, { "subgoal_value": "explore-new-storytelling-formats", "subgoal_label": "Explore new storytelling formats" }, { "subgoal_value": "find-new-ways-to-fight-misinformation", "subgoal_label": "Find new ways to fight misinformation" } ] }, { "goal_value": "develop-your-audience", "subgoals": [ { "subgoal_value": "start-building-your-audience", "subgoal_label": "Start building your audience" }, { "subgoal_value": "increase-your-site-traffic", "subgoal_label": "Increase your site traffic" }, { "subgoal_value": "keep-visitors-engaged", "subgoal_label": "Keep visitors engaged" } ] }, { "goal_value": "grow-your-revenue", "subgoals": [ { "subgoal_value": "start-building-your-revenue-model", "subgoal_label": "Start building your revenue model" }, { "subgoal_value": "grow-reader-revenue", "subgoal_label": "Grow reader revenue" }, { "subgoal_value": "grow-digital-ad-revenue", "subgoal_label": "Grow digital ad revenue" } ] } ] } </script> <div class="quiz js-quiz-question" data-step="0"> <div class="onboarding__headline">What’s your goal today?</div> <div class="onboarding__subtitle">You can select more than one.</div> <div class="dashboard-review__options"> <div class="quiz-option "> <input type="checkbox" id="rr-0-0" name="goals" value="strengthen-digital-journalism" class="quiz-option__input js-quiz-options-renders-dynamic"> <label for="rr-0-0" class="quiz-option__label button button--round tag "> Strengthen digital journalism </label> </div> <div class="quiz-option "> <input type="checkbox" id="rr-0-1" name="goals" value="develop-your-audience" class="quiz-option__input js-quiz-options-renders-dynamic"> <label for="rr-0-1" class="quiz-option__label button button--round tag "> Develop your audience </label> </div> <div class="quiz-option "> <input type="checkbox" id="rr-0-2" name="goals" value="grow-your-revenue" class="quiz-option__input js-quiz-options-renders-dynamic"> <label for="rr-0-2" class="quiz-option__label button button--round tag "> Grow your revenue </label> </div> </div> </div> <div class="quiz js-quiz-question" data-step="1"> <div class="onboarding__headline">What are you interested in accomplishing?</div> <div class="onboarding__subtitle">You can select more than one.</div> <div class="dashboard-review__options js-quiz-dynamic-answers"> </div> </div> <div class="quiz js-quiz-question" data-step="2"> <div class="onboarding__headline">Which country are you in?</div> <div class="onboarding__subtitle">Improve your experience by providing the country you’re in</div> <div data-component="resource-wizard" data-modal="modal"> <section class="resource-wizard js-rw-quiz"> <div class="resource-wizard__inner"> <form> <div class="resource-wizard__form-grid"> <div class="resource-wizard__region"> <div id="resource-countries" class="material-select filter-select mdc-select mdc-select--outlined mdc-select--no-label" data-component="material-select" data-filter-param="countries"> <input type="hidden" name="countries" value="countries"> <div class=" mdc-select__anchor" role="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="resource-countries-selected-text" aria-label="Resource country picker listbox"> <span class="mdc-notched-outline"> <span class="mdc-notched-outline__leading"></span> <span class="mdc-notched-outline__trailing"></span> </span> <span class="mdc-select__selected-text-container"> <span id="resource-countries-selected-text" class="mdc-select__selected-text"></span> </span> <span class="mdc-select__dropdown-icon"> <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5" focusable="false"> <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"> </polygon> <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"> </polygon> </svg> </span> </div> <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth"> <ul class="mdc-list" role="listbox"> <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" data-value="" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Select a country</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Argentina</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Australia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Austria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bangladesh</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Belgium</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bhutan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bolivia (Plurinational State of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bosnia and Herzegovina</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Botswana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Brazil</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Brunei Darussalam</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bulgaria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BF" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Burkina Faso</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="BI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Burundi</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cabo Verde</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cambodia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cameroon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Canada</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Chile</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Colombia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Congo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CD" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Congo (the Democratic Republic of the)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Costa Rica</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Croatia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Cyprus</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Czechia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Côte d'Ivoire</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Denmark</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Dominican Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ecuador</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Egypt</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">El Salvador</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="EE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Estonia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ET" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ethiopia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FJ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Fiji</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Finland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="FR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">France</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Georgia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="DE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Germany</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ghana</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Greece</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Guatemala</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Honduras</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Hong Kong</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="HU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Hungary</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Iceland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">India</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ID" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Indonesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IQ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Iraq</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ireland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Israel</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="IT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Italy</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Japan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="JO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Jordan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kenya</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="KR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Korea (the Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="XK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Kosovo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Latvia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lebanon</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Liberia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Lithuania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Luxembourg</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Malaysia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MV" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Maldives</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ML" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mali</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Malta</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MX" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mexico</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MEATRC" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Middle East, Africa, Turkey - Regional/Crossborder</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Mongolia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ME" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Montenegro</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Morocco</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Myanmar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Namibia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NP" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nepal</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Netherlands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NZ" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">New Zealand</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nicaragua</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Niger</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Nigeria</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="MK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">North Macedonia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="NO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Norway</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="OM" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Oman</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Pakistan</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Palestine</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Panama</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Papua New Guinea</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Paraguay</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Peru</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Philippines</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Poland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="PT" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Portugal</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="QA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Qatar</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Romania</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Rwanda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="WS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Samoa</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Saudi Arabia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="RS" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Serbia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sierra Leone</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Singapore</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Slovakia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SI" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Slovenia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Solomon Islands</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ZA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">South Africa</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ES" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Spain</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="LK" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sri Lanka</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Sweden</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="CH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Switzerland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="SY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Syrian Arab Republic</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Taiwan (Province of China)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TH" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Thailand</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TL" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Timor-Leste</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Togo</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TO" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tonga</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tunisia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="TR" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Türkiye</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UG" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Uganda</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UA" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Ukraine</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="AE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United Arab Emirates</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="GB" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United Kingdom of Great Britain and Northern Ireland</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="US" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">United States of America</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="UY" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Uruguay</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VU" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Vanuatu</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VE" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Venezuela (Bolivarian Republic of)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="VN" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Viet Nam</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="ZW" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Zimbabwe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="other" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Other</span> </li> </ul> </div> </div> </div> </div> <!-- attach a hidden input to toggle recommendation module --> <input type="hidden" class="resource-wizard__show-recommendation" name="show-recommendation"> <button class="resource-wizard__form-submit button button--border js-rw-submit js-quiz-submit" type="submit" data-loading="false"> <span class="resource-wizard__form-submit__label">Submit</span> <span class="resource-wizard__form-submit__loading">Loading...</span> </button> </form> </div> </section> <!-- recommended cards/ quick start --> </div> </div> <div class="dashboard-review__buttons"> <button class="dashboard-review__next button button--border js-quiz-next">Continue</button> </div> </form> </div> <div class="js-review-loading dashboard-review__loading hidden"> <div class="ajax-loading-placeholder"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/loading-placeholder.502a31bacaa2.gif" alt="Loading..." /> </div> </div> <div class="dashboard-review__recommendations"> <div class="home-recommendations js-rw-recommendations" data-hidden="true"> <template class="js-course-category-template"> <a class="card card--large card--stack js-course-category-link js-custom-event" data-event-name="click_course_card" data-event-label="" href=""> <div class="card__header card__header--short"> <div class="card__icon--circle"> <div class="card__icon--circle__inner"> <img class="js-course-category-icon" src="" alt="XXXX icon" > </div> </div> </div> <div class="card__inner"> <h3 class="card__title js-course-category-title"> </h3> <div class="card__content js-course-category-description"> </div> <div class="card__footer"> <span class="card__statistics"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/file.d436979c096b.svg" alt="File icon"> <span class="js-course-category-lessons"> XXXX Lessons </span> </span> <span class="card__statistics"> <span class="js-course-category-time"> XXXX Minutes </span> </span> </div> </div> </a> </template> <div class="home-recommendations__inner"> <button class="home-recommendations__back js-resources-back">Back</button> <div class="home-recommendations__header"> <h2>We have recommended resources for you</h2> <div class="home-recommendations__label">Save results and track your progress</div> <button class="button button--border button--icon signed-in-hidden" data-component="google-auth" data-action="sign-in" data-location=""> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/google-logo.a2582fb4d518.svg" alt="google logo" /> Sign in </button> <a class="button button--dark-blue signed-out-hidden" href="/dashboard/">Go to dashboard</a> </div> <div class="home-recommendations__carousel"> <div class="home-recommendations__cards swiper"> <div class="swiper-wrapper"> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> <div class="js-resource-placeholder swiper-slide"> <div class="resource-grid-item card js-placeholder-card" data-topic="" data-component="resource-item" data-title=""> <div class="card__header full-width"> <div class="card__header__image card__header__image--contain card__header__image-icon"> <a href="" > <img class="js-placeholder-icon" src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/playbook.c28027116b4c.svg" alt=" " /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon"> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <h3 class="card__subtitle js-placeholder-title">TITLE</h3> <div class="card__labels"> <span class="card__label js-placeholder-label1">LABEL1</span> <span class="card__label js-placeholder-label2">LABEL2</span> </div> <div class="card__content js-item-body js-placeholder-content">DESCRIPTION</div> <div class="card__footer"> <a class="card__cta js-placeholder-link" href="" target="_blank" rel="noreferrer noopener" data-link-text=""> <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="js-placeholder-link-text"></span> </a> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark js-placeholder-bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="" data-status="false" aria-checked="false" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event js-placeholder-share-link" data-event-name="share_resource" data-event-label="" data-link="" aria-label="share this story"> <span aria-hidden="true"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Navigation buttons --> <div class="resource-card-carousel__items__controls"> <button class="swiper-button-prev swiper-button-prev" tabindex="0"></button> <div class="swiper-pagination resource-card-carousel__items__controls__current"></div> <button class="swiper-button-next swiper-button-next" tabindex="0"></button> </div> </div> <div class="home-recommendations__footer"> Want to see more? <div class="home-recommendations__footer__cta"> <a class="button button--light-blue" href="/resources/#resources-grid">View Resources</a> </div> </div> </div> </div> </div> <button class="dashboard-review__close material-icons js-close-modal-button" data-toggle-review="false" aria-label="Close Review and Refine quiz">close</button> </div> </div> <!-- Get Started Modal --> <div class="welcome-modal" aria-modal="true" role="dialog" aria-label="welcome"> <div tabindex="0" class="welcome-modal__focus-trap"></div> <div class="welcome-modal__inner"> <button class="welcome-modal__close"> <span class="material-icons">close</span> </button> <div class="welcome-modal__logo"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/gni-logo.65fb757cb174.svg" alt="Google News Initiative" height="28" width="247"> </div> <div class="welcome-modal__heading">Welcome to the Google News Initiative</div> <div class="welcome-modal__description"> The Google News Initiative works with publishers and journalists to fight misinformation, share resources, and build a diverse and innovative news ecosystem. </div> <div class="welcome-modal__cta"> <a href="/about/" class="js-page-link" data-item-name="/about/">Learn more</a> </div> <div class="welcome-modal__heading-2">Our most popular resources</div> <ul class="welcome-modal__resources"> <li class="welcome-modal__resource"> <a href="/resources/trainings/verification-google-image-search/" class="welcome-resource"> <div class="welcome-resource__image-wrap"> <div class="welcome-resource__number">1</div> <img class="welcome-resource__image" src="https://storage.googleapis.com/media-newsinitiative/images/Verification_GoogleImageSearch.width-200.format-webp_EJcvH89.webp" alt="Verification_GoogleImageSearch" /> </div> <div class="welcome-resourcce__text"> <div class="welcome-resource__type">Lesson</div> <div class="welcome-resource__title">Verification: Google Image Search</div> </div> </a> </li> <li class="welcome-modal__resource"> <a href="/resources/trainings/google-historical-imagery-google-earth-maps-and-timelapse/" class="welcome-resource"> <div class="welcome-resource__image-wrap"> <div class="welcome-resource__number">2</div> <img class="welcome-resource__image" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_TitleCar.width-200.format-webp.webp" alt="GO801_GNI_GoogleEarthPro_TitleCard.jpg" /> </div> <div class="welcome-resourcce__text"> <div class="welcome-resource__type">Lesson</div> <div class="welcome-resource__title">Google Historical Imagery: Google Earth Pro, Maps and Timelapse</div> </div> </a> </li> <li class="welcome-modal__resource"> <a href="/resources/trainings/google-news-archive-access-the-past/" class="welcome-resource"> <div class="welcome-resource__image-wrap"> <div class="welcome-resource__number">3</div> <img class="welcome-resource__image" src="https://storage.googleapis.com/media-newsinitiative/images/GoogleNewsArchive_AccessThePast.width-200.format-webp_Zuurwyh.webp" alt="GoogleNewsArchive_AccessThePast" /> </div> <div class="welcome-resourcce__text"> <div class="welcome-resource__type">Lesson</div> <div class="welcome-resource__title">Google News Archive: Access the past.</div> </div> </a> </li> </ul> </div> <div tabindex="0" class="welcome-modal__focus-trap"></div> </div> <div class="search-result modal"> <div class="search-result__items"></div> <div class="search-result__message rte"> <div>No Results Found</div> <br /> <div>We couldn't find what you are looking for</div> </div> <button class="search-result__load-more button button--border">Load More</button> <template id="search-result-template"> <a class="search-result__item"> <div class="search-result__item__left"> <div class="search-result__item__icon"> <span class="material-icons"></span> </div> </div> <div class="search-result__item__right"> <div class="search-result__item__tag"></div> <div class="search-result__item__title"></div> <div class="search-result__item__content"></div> </div> </a> </template> </div> <main class="layout" id="main"> <nav aria-label="Breadcrumbs" class="header-breadcrumbs-wrap fixed" > <ol class="header-breadcrumbs"> <li class="header-breadcrumbs__item header-breadcrumbs__item--current"> <span class="material-icons" aria-hidden="true">chevron_left</span> <a href="/resources/trainings/multimedia-storytelling/">Multimedia Storytelling</a> </li> </ol> </nav> <div class="lesson__details " data-page-title="Google Historical Imagery: Google Earth Pro, Maps and Timelapse" data-media="images" data-lesson-num="1" data-section-count="9" data-lesson-count="5" data-course-id="6213" data-course-title="Multimedia Storytelling" data-lesson-id="5411809200701440" data-page-id="6232" data-translation-key="d7b4d98c-ef4e-4184-b6d5-8a2c56e386b2" data-course-translation-key="2deab379-1d4f-4e47-9afc-53c9b9b2dd84"> <div class="lesson__navigation"> <div class="lesson__navigation__inner"> <div class="lesson__navigation__label"> Lesson 2 of 5 </div> <div class="lesson__navigation__title">Google Historical Imagery: Google Earth Pro, Maps and Timelapse</div> </div> <div class="lesson__navigation__bar" style="width:0"></div> </div> <div class="lesson__sidebar__wrap initial"> <div class="lesson__sidebar"> <button class="material-icons lesson__sidebar__close">close</button> <button class="lesson__sidebar__open" aria-expanded="true"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/hamburger.330fc9693b30.svg" aria-hidden="false" alt="open sidebar" /> </button> <div class="lesson__sidebar__items__wrap"> <div class="lesson__sidebar__course-title">Multimedia Storytelling</div> <div class="lesson__sidebar__items" > <div class="lesson__sidebar__item" data-page-id="5016" data-item-translation-key="c8790338-35ef-46ba-9039-5cb7a489444e"> <span class="check-box check-box--checked" style="display: none;"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-1"> <span aria-hidden="true">check_box</span> </span> </span> <span class="check-box check-box--empty"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-1"> <span aria-hidden="true">check_box_outline_blank</span> </span> </span> <a id="lesson-link-1" href="/resources/trainings/multimedia-storytelling/permissions-source-google-data/"> Permissions: Source Google Data. </a> </div> </div> <div class="lesson__sidebar__items active" > <div class="lesson__sidebar__item" data-page-id="6232" data-item-translation-key="d7b4d98c-ef4e-4184-b6d5-8a2c56e386b2"> <span class="check-box check-box--checked" style="display: none;"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-2"> <span aria-hidden="true">check_box</span> </span> </span> <span class="check-box check-box--active"> <span class="material-icons-round md-8" role="checkbox" aria-describedby="lesson-link-2"> <span aria-hidden="true">square</span> </span> </span> <a id="lesson-link-2" href="/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/"> Google Historical Imagery: Google Earth Pro, Maps and Timelapse </a> </div> </div> <div class="lesson__sidebar__items" > <div class="lesson__sidebar__item" data-page-id="6251" data-item-translation-key="25275199-7927-4ba6-86ec-721740b071fd"> <span class="check-box check-box--checked" style="display: none;"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-3"> <span aria-hidden="true">check_box</span> </span> </span> <span class="check-box check-box--empty"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-3"> <span aria-hidden="true">check_box_outline_blank</span> </span> </span> <a id="lesson-link-3" href="/resources/trainings/multimedia-storytelling/youtube-a-storytelling-tool/"> YouTube: A storytelling tool. </a> </div> </div> <div class="lesson__sidebar__items" > <div class="lesson__sidebar__item" data-page-id="6270" data-item-translation-key="52f91f3d-7a3a-4326-bd96-47a9cb8627a5"> <span class="check-box check-box--checked" style="display: none;"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-4"> <span aria-hidden="true">check_box</span> </span> </span> <span class="check-box check-box--empty"> <span class="material-icons-outlined md-8" role="checkbox" aria-describedby="lesson-link-4"> <span aria-hidden="true">check_box_outline_blank</span> </span> </span> <a id="lesson-link-4" href="/resources/trainings/multimedia-storytelling/youtube-creator-academy-improve-your-youtube-skills/"> YouTube Creator Academy: Improving your YouTube skills </a> </div> </div> <!-- append the course level quiz --> <div class="lesson__sidebar__items" > <div class="lesson__sidebar__item" data-page-id="6289" data-item-translation-key="9c02592b-10bc-4501-8389-f5f1ea1f24f1"> <span class="check-box check-box--checked" style="display: none;"> <span class="material-icons-outlined md-8">check_box</span> </span> <span class="check-box check-box--empty"> <span class="material-icons-outlined md-8">check_box_outline_blank</span> </span> <a href="/resources/trainings/multimedia-storytelling/multimedia-storytelling-take-the-quiz/">Multimedia Storytelling: Take the Quiz</a> </div> </div> <div class="lesson__sidebar__certification"> <div class="lesson__sidebar__certification__title">Course</div> <div class="lesson__sidebar__certification__progress"> <span class="lesson__sidebar__certification__progress_title"> <span class="lesson__sidebar__certification__progress_percent">0%</span> complete </span> <div class="lesson__sidebar__certification__progress_indicator" style="width: 0%"></div> </div> </div> </div> </div> </div> <!-- intro section --> <section class="lesson__section__wrap" data-section-completed="False" id="lesson-section-0"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__label">15 minutes to complete</div> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h1 class="lesson__title lesson__title__desktop" role="heading">Google Historical Imagery: Google Earth Pro, Maps and Timelapse</h1> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <!-- image --> <img width="830" height="460" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_TitleCard.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_TitleCard.jpg" /> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"><p data-block-key="5woay">Find out where a photo was taken and when it was uploaded.</p></div> <!-- steps --> <div class="lesson__steps"> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <!-- image --> <img width="830" height="460" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_TitleCard.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_TitleCard.jpg" /> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap" data-section-completed="False" id="lesson-section-1"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">History tells a story.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <!-- image --> <img width="1080" height="1080" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card1_Image1.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_Card1_Image1.jpg" /> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="19ddq">Sometimes the best way to explain the present is to explore the past. Google Earth Pro, Google Maps and Google Landsat Timelapse all allow you to access years of satellite, aerial and Street View imagery, which are an effective tool for demonstrating the development of cities, damage from natural disasters and changes in landscape over time.</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <!-- image --> <img width="1080" height="1080" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card1_Image1.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_Card1_Image1.jpg" /> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-2"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Exploring history on Google Earth Pro.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image3.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="7znwo">Google Earth Pro’s Historical Imagery feature is an easy way to go back in time. Let’s say you want to show the history of renovations to Rio de Janeiro’s Maracanã Stadium:</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> Type the stadium’s name in the search window and fly to the location. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> You’ll first see the freshest or highest quality imagery available. Now click the clock icon in the top menu and a time slider will appear, displaying a notch for every piece of imagery available for this view. </p> <p class="lesson__step" data-step="3"> <label class="lesson__label"> Step 3 </label> <br /> Move the slider all the way to the right to see if any fresher imagery is available, and move it to the left to see imagery from the past. The day, month and year of each piece of imagery is displayed within the slider. Coverage and availability of images will vary depending on the location. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card2_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card2_Image3.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-3"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Exporting still images and video.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image3.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="4" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image4.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image4.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="jmatu">Google Earth also allows you to create and export HD tour videos for use in your stories. See our tutorials for Google Earth and Google Earth: Export High Resolution Images to learn more.</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> In Google Earth Pro, you can save and export high-resolution JPGs of these historical images by going to File > Save > Save Image. Buttons will appear above the map that allow you to choose the resolution of your images and keep or remove various elements on the map. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> Google Earth Pro also allows you to create and export HD tour videos for use in your stories. See our tutorials for Google Earth Pro and Google Earth Pro: Export High Resolution Images to learn more. </p> <p class="lesson__step" data-step="3"> <label class="lesson__label"> Step 3 </label> <br /> Then click Save image. </p> <p class="lesson__step" data-step="4"> <label class="lesson__label"> Step 4 </label> <br /> Finally, name your file and click Save. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image3.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="4" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card3_Image4.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card3_Image4.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-4"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">View streets of the past on Google Maps.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card4_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card4_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card4_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card4_Image2.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> Similar to historical satellite imagery in Google Earth, Google Maps for desktop allows you to access historical Street View panoramas gathered from Street View collections dating back to 2007. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> Let’s say you’re doing a story on the reconstruction of Onagawa, Japan after the 2011 earthquake and tsunami. First, type Onagawa in the search bar to fly there. Then, to enter Street View In Google Maps, grab the Pegman and drag him to one of the blue lines on the map (blue lines indicate where Street View is available on the map). When you first enter this mode, you’ll see the freshest, highest quality panorama available for that spot. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card4_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card4_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card4_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card4_Image2.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap" data-section-completed="False" id="lesson-section-5"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Moving through time.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <!-- image --> <img width="1080" height="1080" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card5_Image1.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_Card5_Image1.jpg" /> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="l3sdv">Now look for the clock icon in the upper left of the map, which indicates that historical panoramas are available (since coverage varies, you will not always see the clock). Use the slider to toggle on different panoramas, marked with the month and year each was collected.</p><p data-block-key="wfb1b"></p><p data-block-key="1rkna">To see a larger view of the selected panorama, click the magnifying glass icon.</p><p data-block-key="6mlgy"></p><p data-block-key="qp636">If you would like to use available imagery for your story, for example, in a photo slideshow, video, or GIF, use your computer’s screen capture feature to save the needed image. Remember to credit the imagery to Google Maps Street View (visit <a href="https://www.google.com/permissions/" target="_blank">google.com/permissions</a> or see our Permissions tutorial for details).</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <!-- image --> <img width="1080" height="1080" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card5_Image1.original.jpg" loading="lazy" alt="GO801_GNI_GoogleEarthPro_Card5_Image1.jpg" /> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-6"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Google Earth Engine: Landsat Timelapse.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image3.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="4" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image4.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image4.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="zh1hw">A Timelapse map can be a powerful accompaniment to coverage of local, environmental or science-related issues. Working closely with the USGS and NASA, Google released more than a quarter-century of images of Earth taken from space, compiled into an interactive time-lapse map that allows viewers to watch change across the entire planet’s surface beginning as early as 1984.</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> A time-lapse map can be a powerful accompaniment to coverage of local, environmental or science-related issues. Working closely with the USGS and NASA, Google released more than a quarter-century of images of Earth taken from space, compiled into an interactive time-lapse map that allows viewers to watch change across the entire planet’s surface beginning as early as 1984. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> Visit earthengine.google.org and scroll down to the thumbnails of phenomenon such as the sprouting of Dubai’s artificial Palm Islands, the retreat of Alaska’s Columbia Glacier, the deforestation of the Brazilian Amazon and urban growth in Las Vegas. </p> <p class="lesson__step" data-step="3"> <label class="lesson__label"> Step 3 </label> <br /> When viewing these areas, remember that Timelapse is an interactive map, so you can pan and zoom just as you would on Google Maps. </p> <p class="lesson__step" data-step="4"> <label class="lesson__label"> Step 4 </label> <br /> You can also use the map’s search bar to view a location other than those featured on the homepage. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image3.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="4" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card6_Image4.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card6_Image4.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-7"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Sharing a timelapse.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card7_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card7_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card7_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card7_Image2.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> The Share button below the map generates a link you can use to share the map and embed it on your website. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> The link and embed will take viewers to the same area of the map you were viewing when the Share button was clicked. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card7_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card7_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card7_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card7_Image2.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__section__wrap lesson__step__section" data-section-completed="False" id="lesson-section-8"> <div class="lesson__section"> <!-- time to finish, only on intro --> <div class="lesson__content"> <div class="lesson__info"> <!-- title --> <h2 class="lesson__title lesson__title__desktop" role="heading">Creating a custom timelapse.</h2> <div class="lesson__media lesson__media--mobile"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image3.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> <div class="lesson__description"> <div class="richtext-block__outer "> <div class="richtext-block__inner rte"> <p data-block-key="xdr0q">Instead of showing one static area through the years, you can customise your map to travel in various directions over time. Use<a href="http://timemachine.cmucreatelab.org/wiki/EarthEngineTourEditor" target="_blank"> this time-lapse editor</a>, developed by Carnegie Mellon’s CREATE Lab, which allows you to fly to the locations you want to highlight and add keyframes at each stop. Let’s say you’re doing a story on the effects of irrigation in Saudi Arabia, and you’d like to show the change and expansion of the landscape as more water is introduced.</p> </div> </div> </div> <!-- steps --> <div class="lesson__steps"> <p class="lesson__step" data-step="1"> <label class="lesson__label"> Step 1 </label> <br /> Start your tour above the irrigation fields, and add a keyframe. Now let’s go in closer and add another keyframe, and move north so the camera reveals additional irrigation fields and add one more keyframe. </p> <p class="lesson__step" data-step="2"> <label class="lesson__label"> Step 2 </label> <br /> Click Play Tour to see your finished map. You can set loop and duration information for each key frame in the transition panels. </p> <p class="lesson__step" data-step="3"> <label class="lesson__label"> Step 3 </label> <br /> When you’re ready to share or embed this tour on your website, just click the Share button. The link above includes more options for customization. </p> </div> <!-- download link, only on intro --> <div class="lesson__linklist"> </div> </div> <div class="lesson__media lesson__media--desktop"> <!-- image carousel --> <div class="carousel swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <img width="1080" height="1080" loading="lazy" data-step="1" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image1.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image1.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="2" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image2.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image2.jpg" class="swiper-slide" /> <img width="1080" height="1080" loading="lazy" data-step="3" src="https://storage.googleapis.com/media-newsinitiative/images/GO801_GNI_GoogleEarthPro_Card8_Image3.original.jpg" alt="GO801_GNI_GoogleEarthPro_Card8_Image3.jpg" class="swiper-slide" /> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <button class="swiper-button-prev" type="button" aria-label="Go to previous slide"></button> <button class="swiper-button-next" type="button" aria-label="Go to next slide"></button> </div> <!-- image --> <!-- video --> <!-- iframe --> </div> </div> </div> </section> <section class="lesson__recommendations__wrap"> <div class="lesson__recommendations"> <div class="lesson__recommendations__heading"> <span class="lesson__recommendations__heading__completed"> Congratulations! You've just finished </span> <span>Google Historical Imagery: Google Earth Pro, Maps and Timelapse</span> <span class="lesson__recommendations__heading__not-completed">in progress</span> </div> <div class="lesson__recommendations__title" role="heading">Recommended for you</div> <div class="lesson__recommendations__items-csat"> <ul class="card-container "> <li> <div class="resource-grid-item card" data-goals="increase-your-site-traffic,grow-reader-revenue" data-title="Promote your subscription" data-summary="Attract more subscribers on their first day" data-type="lesson" data-countries="" data-time="5" data-level="beginner" data-featured="False" data-published-date="2023-08-21, 20:48:14" data-topic="" data-component="resource-item" data-title="Promote your subscription" > <div class="card__header full-width"> <div class="card__header__image card__header__image--cover "> <a href="/resources/trainings/promote-subscription/" class="js-custom-event" data_event_name="lesson_click" data-event-label="Promote your subscription" data-event-url="newsinitiative.withgoogle.com/resources/trainings/promote-subscription/" data-event-resource-type="lesson" > <img data-src="https://storage.googleapis.com/media-newsinitiative/images/YouTube_Thumbnails_17.width-800.format-webp.webp" alt="YouTube Thumbnails (17)" /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon" style="display:none; "> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <a href="/resources/trainings/promote-subscription/" class="card__title__wrapper js-custom-event" data_event_name="lesson_click" data-event-label="Promote your subscription" data-event-url="newsinitiative.withgoogle.com/resources/trainings/promote-subscription/" data-event-resource-type="lesson" > <h3 class="card__title"> Promote your subscription </h3> </a> <div class="card__labels"> <span class="card__label"> Lesson </span> </div> <div class="card__content js-item-body"> Attract more subscribers on their first day </div> <div class="card__footer"> <div class="card__arrow mdc-icon-button" data-id="33289" data-translation-key="6771630a-49c1-4baa-adc2-164f40ed8649"> <a href="/resources/trainings/promote-subscription/" class="js-resource-item-cta js-custom-event" lesson aria-label="Open Promote your subscription" data-id="33289" data-translation-key="6771630a-49c1-4baa-adc2-164f40ed8649" data-type="item" data-link-text="" data_event_name="lesson_click" data-event-label="Promote your subscription" data-event-url="newsinitiative.withgoogle.com/resources/trainings/promote-subscription/" data-event-resource-type="lesson" > <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="resource-item-cta__text">Start</span> </a> </div> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="6771630a-49c1-4baa-adc2-164f40ed8649" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event" data-event-name="share_resource" data-event-label="/resources/trainings/promote-subscription/" data-link="/resources/trainings/promote-subscription/" aria-label="share this story"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></button> </div> </div> </div> <div class="card__pill-badge js-card-pill-badge" style="display:none; ">None</div> </div> </div> </li> <li> <div class="resource-grid-item card" data-goals="start-building-your-audience" data-title="Get started on Google News with Publisher Center" data-summary="Submit, manage, and monetize your news across Google" data-type="lesson" data-countries="" data-time="15" data-level="beginner" data-featured="False" data-published-date="2023-11-30, 20:44:40" data-topic="" data-component="resource-item" data-title="Get started on Google News with Publisher Center" > <div class="card__header full-width"> <div class="card__header__image card__header__image--cover "> <a href="/resources/trainings/get-started-on-google-news-with-publisher-center/" class="js-custom-event" data_event_name="lesson_click" data-event-label="Get started on Google News with Publisher Center" data-event-url="newsinitiative.withgoogle.com/resources/trainings/get-started-on-google-news-with-publisher-center/" data-event-resource-type="lesson" > <img data-src="https://storage.googleapis.com/media-newsinitiative/images/YouTube_Thumbnails_19.width-800.format-webp.webp" alt="YouTube Thumbnails (19)" /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon" style="display:none; "> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <a href="/resources/trainings/get-started-on-google-news-with-publisher-center/" class="card__title__wrapper js-custom-event" data_event_name="lesson_click" data-event-label="Get started on Google News with Publisher Center" data-event-url="newsinitiative.withgoogle.com/resources/trainings/get-started-on-google-news-with-publisher-center/" data-event-resource-type="lesson" > <h3 class="card__title"> Get started on Google News with Publisher Center </h3> </a> <div class="card__labels"> <span class="card__label"> Lesson </span> </div> <div class="card__content js-item-body"> Submit, manage, and monetize your news across Google </div> <div class="card__footer"> <div class="card__arrow mdc-icon-button" data-id="33505" data-translation-key="bad10753-c67d-474f-b6a6-93b576d45fcb"> <a href="/resources/trainings/get-started-on-google-news-with-publisher-center/" class="js-resource-item-cta js-custom-event" lesson aria-label="Open Get started on Google News with Publisher Center" data-id="33505" data-translation-key="bad10753-c67d-474f-b6a6-93b576d45fcb" data-type="item" data-link-text="" data_event_name="lesson_click" data-event-label="Get started on Google News with Publisher Center" data-event-url="newsinitiative.withgoogle.com/resources/trainings/get-started-on-google-news-with-publisher-center/" data-event-resource-type="lesson" > <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="resource-item-cta__text">Start</span> </a> </div> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="bad10753-c67d-474f-b6a6-93b576d45fcb" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event" data-event-name="share_resource" data-event-label="/resources/trainings/get-started-on-google-news-with-publisher-center/" data-link="/resources/trainings/get-started-on-google-news-with-publisher-center/" aria-label="share this story"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></button> </div> </div> </div> <div class="card__pill-badge js-card-pill-badge" style="display:none; ">None</div> </div> </div> </li> <li> <div class="resource-grid-item card" data-goals="increase-your-site-traffic,grow-digital-ad-revenue" data-title="Understand Ad Sizes and Formats" data-summary="Understand how ad sizes and formats affect pricing and revenue" data-type="lesson" data-countries="" data-time="5" data-level="beginner" data-featured="False" data-published-date="2023-08-21, 20:50:13" data-topic="" data-component="resource-item" data-title="Understand Ad Sizes and Formats" > <div class="card__header full-width"> <div class="card__header__image card__header__image--cover "> <a href="/resources/trainings/understand-ad-sizes-and-formats/" class="js-custom-event" data_event_name="lesson_click" data-event-label="Understand Ad Sizes and Formats" data-event-url="newsinitiative.withgoogle.com/resources/trainings/understand-ad-sizes-and-formats/" data-event-resource-type="lesson" > <img data-src="https://storage.googleapis.com/media-newsinitiative/images/gni_business_lesson_play_25.width-800.format-webp.webp" alt="gni_business_lesson_play_25" /> </a> </div> <span class="card__header__external-icon js-card-external-link-icon" style="display:none; "> <span class="material-symbols-outlined">open_in_new</span> </span> </div> <div class="card__inner"> <a href="/resources/trainings/understand-ad-sizes-and-formats/" class="card__title__wrapper js-custom-event" data_event_name="lesson_click" data-event-label="Understand Ad Sizes and Formats" data-event-url="newsinitiative.withgoogle.com/resources/trainings/understand-ad-sizes-and-formats/" data-event-resource-type="lesson" > <h3 class="card__title"> Understand Ad Sizes and Formats </h3> </a> <div class="card__labels"> <span class="card__label"> Lesson </span> </div> <div class="card__content js-item-body"> Understand how ad sizes and formats affect pricing and revenue </div> <div class="card__footer"> <div class="card__arrow mdc-icon-button" data-id="33292" data-translation-key="f866bd29-0da9-4d1f-8b79-4c2b598ac943"> <a href="/resources/trainings/understand-ad-sizes-and-formats/" class="js-resource-item-cta js-custom-event" lesson aria-label="Open Understand Ad Sizes and Formats" data-id="33292" data-translation-key="f866bd29-0da9-4d1f-8b79-4c2b598ac943" data-type="item" data-link-text="" data_event_name="lesson_click" data-event-label="Understand Ad Sizes and Formats" data-event-url="newsinitiative.withgoogle.com/resources/trainings/understand-ad-sizes-and-formats/" data-event-resource-type="lesson" > <span class="material-icons" aria-hidden="true">arrow_outward</span> <span class="resource-item-cta__text">Start</span> </a> </div> </div> <div class="card__icons"> <div class="card__icons__menu js-actions-menu"> <div class="card__bookmark"> <div class="bookmark-button-wrap"> <button type="button" class="bookmark-button" role="switch" aria-label="Toggle bookmark" data-component="bookmark" data-type="item" data-translation-key="f866bd29-0da9-4d1f-8b79-4c2b598ac943" > <span class="bookmark-button__icon bookmark-button__icon--active material-icons">bookmark</span> <span class="bookmark-button__icon bookmark-button__icon--inactive material-icons">bookmark_border</span> </button> <div class="bookmark-button-modal"> <div class="bookmark-button-modal__unsave">Remove from your account</div> <div class="bookmark-button-modal__save">Save to your account</div> </div> </div> </div> <div class="card__share"> <button class="case-study-block__card__share js-copy-to-share-button js-custom-event" data-event-name="share_resource" data-event-label="/resources/trainings/understand-ad-sizes-and-formats/" data-link="/resources/trainings/understand-ad-sizes-and-formats/" aria-label="share this story"><svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3333 19.9333L3.06665 11.6917L15.3333 3.45002" stroke="#4285F4" stroke-width="1.15"/> <circle cx="15.3333" cy="3.06667" r="3.06667" fill="#1A73E8"/> <circle cx="3.06667" cy="11.8833" r="3.06667" fill="#1A73E8"/> <circle cx="15.3333" cy="19.9333" r="3.06667" fill="#1A73E8"/> </svg></button> </div> </div> </div> <div class="card__pill-badge js-card-pill-badge" style="display:none; ">None</div> </div> </div> </li> </ul> <div class="lesson-csat"> <div class="lesson__csat"> <div class="lesson__csat__wrapper"> <button class="lesson__csat__close js-close-csat"> <span class="material-icons">close</span> </button> <div class="lesson__csat__content"> <div class="lesson__csat__img"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/thumbsup.32c2a5b2bee4.svg" alt="" /> </div> <div> <div class="lesson__csat__title" role="heading">How would you rate this lesson?</div> <div class="lesson__csat__text">Your feedback will help us continuously improve our lessons!</div> <div class="lesson__csat__stars" data-page-translation-key="d7b4d98c-ef4e-4184-b6d5-8a2c56e386b2" data-page-id=6232 data-page-title="Google Historical Imagery: Google Earth Pro, Maps and Timelapse"> <button data-star=" 1" aria-label="Rating: 1 out of 5"></button> <button data-star="2" aria-label="Rating: 2 out of 5"></button> <button data-star="3" aria-label="Rating: 3 out of 5"></button> <button data-star="4" aria-label="Rating: 4 out of 5"></button> <button data-star="5" aria-label="Rating: 5 out of 5"></button> </div> <path /> </svg> <button class="button button--round button--dark-blue js-button-csat-submit" disabled>Submit</button> </div> </div> </div> </div> </div> </div> </div> </section> <div class="lesson__snack-bar"> <aside class="mdc-snackbar" data-manual-init=""> <div class="mdc-snackbar__surface" role="status" aria-relevant="additions"> <div class="mdc-snackbar__label" aria-atomic="false">make sure you have visited all the steps before moving forward</div> <div class="mdc-snackbar__actions"> <button class="mdc-icon-button mdc-snackbar__dismiss material-icons" title="Dismiss">close</button> </div> </div> </aside> </div> </div> <div class="footer-signup-cta js-signup-module "> <div class="footer-signup-cta__inner"> <div class="footer-signup-cta__icon material-icons material-icons-outlined">mail</div> <div class="footer-signup-cta__title"> Sign up for the newsletter to get updates from the Google News Initiative </div> <div class="footer-signup-cta__buttons"> <a href="/newsletter/" target="_blank" class="footer-signup-cta__button button button--dark-blue js-newsletter" data-category="footer" data-label="newsletter">Get the newsletter</a> <a href="mailto:contactgni@google.com" class="footer-signup-cta__button button button--border">Contact us</a> </div> </div> </div> </main> <div class="copy-to-share-modal js-copy-to-share-modal" role="dialogue"> <div class="copy-to-share-modal__inner"> <label id="copy-to-share-modal__label">Copy the url and share</label> <div class="copy-to-share-modal__content"> <input type="text" class="copy-to-share-modal__input js-copy-to-share-modal-input" value="https://newsinitiative.withgoogle.com/resources/trainings/google-historical-imagery-google-earth-maps-and-timelapse/" disabled aria-labelledby="copy-to-share-modal-label" /> <button class="copy-to-share-modal__button button button--dark-blue" data-copied="false">Copy</button> <button class="copy-to-share-modal__button button button--dark-blue" data-copied="true">Copied</button> </div> <button class="copy-to-share-modal__close"> <span class="material-icons">close</span> </button> </div> <div class="copy-to-share-modal__scrim"></div> </div> <footer id="footer" class="footer " data-component="footer"> <div class="footer__inner"> <nav class="footer__links" aria-label="footer links"> <a href="https://google.com" target="_blank" rel="noopener noreferrer" class="footer__logo" aria-label="Google"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/google-logo-footer.8596c11e9c9a.svg" alt="Google" aria-hidden="true" /> </a> <a href="https://www.google.com/policies/privacy" target="_blank" rel="noopener noreferrer" class="footer__link">Privacy Policy</a> <a href="https://www.google.com/policies/terms" target="_blank" rel="noopener noreferrer" class="footer__link">Terms</a> </nav> <div class="footer__secondary"> <div> <div class="footer__share"> <a href="https://twitter.com/GoogleNewsInit" target="_blank" rel="noopener noreferrer" class="footer__link"> <div class="footer__share__item" data-share="twitter" aria-label="twitter share"> <img src="https://storage.googleapis.com/media-newsinitiative/static/images/icons/social/twitter.cce887419be8.svg" alt="twitter icon" /> </div> </a> </div> </div> <div class="footer__help-wrap"> <a href="https://newsinitiative.withgoogle.com/resources/faq/" target="_blank" rel="noopener noreferrer" class="footer__help"> <span class="material-icons" aria-hidden="true">help</span> <span>Help</span> </a> </div> <div> <button aria-hidden="true" class="glue-cookie-notification-bar-control">Cookies management controls test</button> </div> <div class="footer__locale"> <div class="locale-select mdc-select mdc-select--filled mdc-select--no-label"> <div class="mdc-select__anchor" role="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="locale-selected-footer"> <span class="mdc-select__ripple"></span> <span class="mdc-select__selected-text-container"> <span id="locale-selected-footer" class="mdc-select__selected-text"></span> </span> <span class="mdc-select__dropdown-icon"> <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5" focusable="false"> <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"> </polygon> <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15"></polygon> </svg> </span> <span class="mdc-line-ripple"></span> </div> <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth"> <ul class="mdc-list" role="listbox" aria-label="locale picker listbox"> <li class="mdc-list-item" aria-selected="false" data-value="/en-gb/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English (GB)</span> </li> <li class="mdc-list-item" aria-selected="true" data-value="/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">English</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ar-sa/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">العربيّة</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-fr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/fr-ca/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Français (Canada)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/de-de/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Deutsch</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/hi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">हिंदी</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/id/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Bahasa Indonesia</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/it-it/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Italiano</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ko-kr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">한국어</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/ja-jp/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">日本語</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pl-pl/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Polski</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-pt/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/pt-br/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Português (Brazil)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-mx/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español (LatAm)</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/es-es/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Español</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/th/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">ภาษาไทย</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/tr-tr/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Türkçe</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/zh-tw/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">繁體中文</span> </li> <li class="mdc-list-item" aria-selected="false" data-value="/vi/resources/trainings/multimedia-storytelling/google-historical-imagery-google-earth-maps-and-timelapse/" role="option"> <span class="mdc-list-item__ripple"></span> <span class="mdc-list-item__text">Tiếng việt</span> </li> </ul> </div> </div> </div> </div> </footer> <div id="youtube-modal" class="youtube-modal"> <div class="youtube-modal__start" tabindex="0"></div> <div class="youtube-modal__overlay"></div> <div class="youtube-modal__content"> <button aria-label="Close modal" class="youtube-modal__close"> <span class="material-icons">close</span> </button> <div class="youtube-modal__player" id="youtube-player"></div> <div class="youtube-modal__eyebrow"></div> <div class="youtube-modal__description"></div> </div> <div class="youtube-modal__end" tabindex="0"></div> </div> <div class="exit-progress"> <div class="exit-progress__inner"> <button class="exit-progress__close"> <span class="material-icons">close</span> </button> <div class="exit-progress__title">Leave and lose progress?</div> <div class="exit-progress__description"> By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress? </div> <div class="exit-progress__buttons"> <button class="exit-progress__button" data-type="secondary">Yes, Leave</button> <button class="exit-progress__button" data-type="primary">Go Back</button> </div> </div> </div> <script src="https://storage.googleapis.com/media-newsinitiative/static/bundles/js/main.bundle.680bd61427fa.js" async defer></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "", "url": "", "logo": "", "sameAs": [ "http://www.facebook.com/", "http://instagram.com/", "http://www.twitter.com/", "http://plus.google.com/", "http://youtube.com/" ] } </script> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-autoload="false"></script> <script nonce="21N/VB9veE/TtMsmmNS15Q=="> const cookieNotificationBar = new window.glue.CookieNotificationBar(document.body, { category: window.glue.CookieNotificationBar.category.TWO_A, siteId: 'newsinitiative.withgoogle.com', }); function glueCookieNotificationBarLoaded() { // Start GTM after Cookie consent ;(function (w, d, s, l, i) { w[l] = w[l] || [] w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }) var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '' j.async = true j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl f.parentNode.insertBefore(j, f) })(window, document, 'script', 'dataLayer', 'GTM-WDHXQ3X') } </script> </body> </html>