<!DOCTYPE html> <html data-locale-code="ALL" itemscope itemtype="http://schema.org/Product" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.google.com/search/about/","20161017000407","https://web.archive.org/","web","/_static/", "1476662647"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <base href="/web/20161017000407/https://www.google.com/search/about/"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui" name="viewport"> <meta content="no" name="mobile-web-app-capable"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <link href="sitemap.xml" rel="sitemap" title="Sitemap" type="application/xml"> <title data-home-title="The Google app - Download the app for Android and iPhone" data-learnmore-title="Learn More - The Google app" data-learnmorelanding-title="Learn More - The Google app" data-learnmorenow-title="Now Cards – The Google app" data-learnmorenowontap-title="Now on Tap - Google" data-learnmorepartners-title="Partners – The Google app" data-learnmoresearch-title="Rich Answers – The Google app" data-learnmoresearchinyourapps-title="In Apps - Google" data-learnmorevoice-title="Voice Search – The Google app" data-playground-title="Search Playground - The Google app"> The Google app - Download the app for Android and iPhone </title> <meta content="Download The Google Search App and get the best answers and assistance using voice search. Available on Android and iPhone. Get the mobile app today." name="description"> <meta content="The Google app" property="og:site_name"> <meta content="The Google app" property="og:title"> <meta content="https://web.archive.org/web/20161017000407/https://www.google.com/search/about/" property="og:url"> <meta content="Download The Google Search App and get the best answers and assistance using voice search. Available on Android and iPhone. Get the mobile app today." property="og:description"> <meta content="website" property="og:type"> <meta content="https://web.archive.org/web/20161017000407im_/https://www.google.com/search/about/img/share/social-share-1200x630.png" property="og:image"> <meta content="The Google app" itemprop="name"> <meta content="Download The Google Search App and get the best answers and assistance using voice search. Available on Android and iPhone. Get the mobile app today." itemprop="description"> <meta content="https://web.archive.org/web/20161017000407im_/https://www.google.com/search/about/img/share/social-share-506x303.png" itemprop="image"> <meta content="The Google app" name="twitter:site"> <meta content="The Google app" name="twitter:title"> <meta content="Download The Google Search App and get the best answers and assistance using voice search. Available on Android and iPhone. Get the mobile app today." name="twitter:description"> <meta content="https://web.archive.org/web/20161017000407im_/https://www.google.com/search/about/" name="twitter:url"> <meta content="https://web.archive.org/web/20161017000407im_/https://www.google.com/search/about/img/share/social-share-600x330.png" name="twitter:image"> <meta content="600" name="twitter:image:width"> <meta content="330" name="twitter:image:height"> <meta content="summary_large_image" name="twitter:card"> <link href="features/01/" rel="next"> <link href="//web.archive.org/web/20161017000407cs_/https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&lang=en" rel="stylesheet"> <link href="/web/20161017000407cs_/https://www.google.com/search/about/css/loader.v2.min.css" rel="stylesheet"> <link href="/web/20161017000407cs_/https://www.google.com/search/about/css/default.v2.min.css" rel="stylesheet"> <link href="//web.archive.org/web/20161017000407im_/https://www.google.com/images/branding/product/ico/googleg_alldp.ico" rel="icon"> <script async src="//web.archive.org/web/20161017000407js_/https://www.google-analytics.com/analytics.js"> </script> <script> // window.ga_debug = {trace: true}; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-22442000-4', 'auto'); // Creates a tracker. </script> <style> iframe.c1 {display:none;visibility:hidden} </style> </head> <body class="show-header site-loading" data-locale="en"> <noscript><iframe class="c1" height="0" src="//web.archive.org/web/20161017000407if_/https://www.googletagmanager.com/ns.html?id=GTM-W924MJ" width="0"></iframe></noscript> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//web.archive.org/web/20161017000407/https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W924MJ'); </script> <div id="slider-holder" role="main"> <div class="page-slider" id="slider-home"> <div class="page" id="home" role="region"> <div id="sections"> <section class="section-holder" id="landing"> <div aria-hidden="true" class="image-slider image-slider-landing desktop-only"></div> <div id="landing-video"> <div class="landing-vert-holder"> <div class="landing-vert-cell"> <div class="landing-video-overlay"> <div class="landing-headline-copy"> <h1> Meet the<br class="mobile-only"> Google app. </h1> </div><button class="overlay-play-icon hidden">Watch the video</button> <div class="landing-download-buttons desktop-only"> <a class="download-badge badge-ios hide-text" data-trackevent="e-downloadpage-1" href="//web.archive.org/web/20161017000407/https://itunes.apple.com/app/apple-store/id284815942?pt=9008&ct=all-us-all-search-site-header&mt=8" target="itunes_store">Download on the App Store</a> <a class="download-badge badge-android hide-text" data-trackevent="e-downloadpage-2" href="//web.archive.org/web/20161017000407/https://play.google.com/store/apps/details?id=com.google.android.googlequicksearchbox&amp;hl=en" target="_blank">Android App on Google Play</a> </div> </div> </div> </div> <div class="hero-wrapper"> <div class="landing-hero"> <div class="phone"> <img alt="Mobile device" class="device-image" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/phone.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/phone.png"> <div class="screen"> <img alt="Screen wallpaper" class="wallpaper" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/wallpaper.jpg" data-src-mobile="/search/about/img/components/landing/hero/mobile/wallpaper.jpg"> <div class="slide"> <div class="search"> <img alt="Search app background" class="search-background" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/search-background.jpg" data-src-mobile="/search/about/img/components/landing/hero/mobile/search-background.jpg"> <img alt="Search app cards" class="search-cards" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/search-cards.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/search-cards.png"> <div class="blackout"></div> <div class="search-bar-app-container"> <img alt="Search app text" class="search-bar-app-text" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/text-say-ok-google.jpg" data-src-mobile="/search/about/img/components/landing/hero/mobile/text-say-ok-google.jpg"> <img alt="Search app background" class="search-bar-app" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/search-bar-app.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/search-bar-app.png"> </div> </div> <div class="app-icons"> <img alt="Search app top" class="search-bar-top" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/search-bar-top.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/search-bar-top.png"> <img alt="App icons" class="app-icons-top" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/app-icons-top.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/app-icons-top.png"> <img alt="App icons" class="app-icons-bottom" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/app-icons-bottom.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/app-icons-bottom.png"> </div> <div class="icon"> <div class="icon-highlight"></div> </div> </div> <div class="search-bar"> <img alt="Search app bottom" class="search-bar-bottom" data-src="" data-src-desktop="/search/about/img/components/landing/hero/desktop/search-bar-bottom.png" data-src-mobile="/search/about/img/components/landing/hero/mobile/search-bar-bottom.png"> </div> <div class="nlogo"></div> </div> </div> </div> </div> </div> <div id="video-complete-container"> <div class="resolve-vert-holder"> <div class="resolve-logo"></div> <h1> The Google app </h1><a class="download-badge badge-ios hide-text" data-trackevent="e-global-8" href="//web.archive.org/web/20161017000407/https://itunes.apple.com/app/apple-store/id284815942?pt=9008&ct=all-us-all-search-site-header&mt=8" target="itunes_store">Download on the App Store</a> <a class="download-badge badge-android hide-text" data-trackevent="e-global-9" href="//web.archive.org/web/20161017000407/https://play.google.com/store/apps/details?id=com.google.android.googlequicksearchbox&amp;hl=en" target="_blank">Android App on Google Play</a> <div class="btn-watch-again"> Watch Again </div> </div> </div> </section> <section aria-hidden="true" class="section-holder section-feature section-holder1 animate-feature instant" data-feature-id="feature-01-voice-search" id="feature-01"> <div class="section-slider"> <article class="section section1-1"> <div class="section-content"> <div class="section-card" role="article"> <div class="color-bar"></div> <div aria-hidden="true" class="peek mobile-only"> <h4> See what you can do in the app. </h4> </div> <h1> Just say<br> what you need. </h1> <h2> Talk instead of type to get what you want. Ask follow-up questions too. </h2> <h3> Not all features are available on iPhone®. </h3><br class="desktop-only"> <div class="bottom-link"> <div class="label"> See things you can ask </div> <div class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </article> <article class="section section-example section1-2 query" data-example-id="01-okay-google"> <h4> Say “OK Google” to start a voice search with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="Listening... | Listening... | Listening... | Listening... | <span class="gray">how</span> | <span class="gray">house</span> | <span class="gray">house by</span> | <span class="gray">how spice</span> | <span class="gray">how spicy</span> | <span class="gray">how spicy is</span> | how <span class="gray">spicy is a</span> | how spicy <span class="gray">is a</span> | how spicy <span class="gray">is a go</span> | how spicy <span class="gray">is a ghost</span> | how spicy is <span class="gray">a ghost</span> | how spicy is a <span class="gray">ghost</span> | how spicy is a <span class="gray">ghost pepper</span> | how spicy is a ghost <span class="gray">pepper</span> | how spicy is a ghost pepper | how spicy is a ghost pepper" data-device-type="android" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Ok Google, how spicy is a ghost pepper?" class="results results-1-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-01-okay-google.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> Listening... </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-01-okay-google</span> <span class="time">10:48</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-01-okay-google</span> <span class="time">10:48</span> </div><img alt="Ok Google, how spicy is a ghost pepper?" class="results results-1-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-01-okay-google.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> Listening... </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-1-1 results-first" data-src="/search/about/img/pages/home/features/cards/mobile/01-voice-search-01-okay-google.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section1-3 query" data-example-id="02-conversational-search"> <h4> Speak naturally, and the Google app will understand you. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="I'm looking for <span class="gray">curls</span> | I'm looking for <span class="gray">Curra's Grill</span> | I'm looking for <span class="gray">Curra's Grill</span> | I'm looking for Curra's Grill | I'm looking for Curra's Grill" data-device-type="android" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="I’m looking for Curra's Grill." class="results results-1-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-02-conversational-search.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> I'm looking <span class="gray">for</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-02-conversational-search</span> <span class="time">11:01</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-02-conversational-search</span> <span class="time">11:01</span> </div><img alt="I’m looking for Curra's Grill." class="results results-1-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-02-conversational-search.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> I'm looking <span class="gray">for</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-1-2" data-src="/search/about/img/pages/home/features/cards/mobile/01-voice-search-02-conversational-search.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section1-4 query" data-example-id="03-followup-questions"> <h4> You can ask follow up questions to your queries. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="show me the <span class="gray">menu</span> | show me the <span class="gray">menu</span> | Curra's Grill menu | Curra's Grill menu" data-device-type="android" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Show me the menu." class="results results-1-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-03-followup-questions.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> show me the <span class="gray">menu</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-03-followup-questions</span> <span class="time">11:27</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-03-followup-questions</span> <span class="time">11:27</span> </div><img alt="Show me the menu." class="results results-1-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-03-followup-questions.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> show me the <span class="gray">menu</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-1-3" data-src="/search/about/img/pages/home/features/cards/mobile/01-voice-search-03-followup-questions.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section1-5 query" data-example-id="04-translate"> <h4> You can have the app translate back to you </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="how do you say my mouth is on fire <span class="gray">in</span> | how do you say my mouth is on fire <span class="gray">in Spanish</span> | how do you say my mouth is on fire in Spanish | how do you say my mouth is on fire in Spanish" data-device-type="android" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="How do you say ‘my mouth is on fire’ in Spanish?" class="results results-1-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-04-translate.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> how do you say my mouth is on fire <span class="gray">in</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-04-translate</span> <span class="time">12:21</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-04-translate</span> <span class="time">12:21</span> </div><img alt="How do you say ‘my mouth is on fire’ in Spanish?" class="results results-1-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-04-translate.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> how do you say my mouth is on fire <span class="gray">in</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-1-4" data-src="/search/about/img/pages/home/features/cards/mobile/01-voice-search-04-translate.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section1-6 command" data-example-id="05-curiosity-play-music"> <h4> Use voice commands to control your mobile device with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="play gonna <span class="gray">make</span> | play gonna make <span class="gray">you sweat</span> | play gonna make you sweat | play gonna make you sweat | play gonna make you sweat" data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Play ‘Gonna Make You Sweat.’" class="results results-1-5 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-05-curiosity-play-music.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> play gonna <span class="gray">make</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-05-curiosity-play-music</span> <span class="time">12:22</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">01-voice-search-05-curiosity-play-music</span> <span class="time">12:22</span> </div><img alt="Play ‘Gonna Make You Sweat.’" class="results results-1-5 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/01-voice-search-05-curiosity-play-music.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> play gonna <span class="gray">make</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-1-5" data-src="/search/about/img/pages/home/features/cards/mobile/01-voice-search-05-curiosity-play-music.jpg" width="300"> </div> </div> </div> </div> </article> </div> <div class="ex-menu"> <div class="ex-menu-option emo0 mobile-only"></div> <div class="ex-menu-option emo1"></div> <div class="ex-menu-option emo2"></div> <div class="ex-menu-option emo3"></div> <div class="ex-menu-option emo4"></div> <div class="ex-menu-option emo5"></div> </div> <div aria-hidden="true" class="example-left desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="example-right desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="peek desktop-only"> <h4> Just say what you need. </h4> </div> <div aria-hidden="true" class="example-close"> <div class="icon"></div> </div> <div aria-hidden="true" class="peek-icon mobile-only"></div> <div class="image-slider desktop-only"> <div class="image-holder image-holder1-1"> <img alt="" class="image1-1 feature-cover-image" data-src="/search/about/img/sections/1-retina/01-voice-search-01-okay-google.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-01-okay-google.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-01-okay-google.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-01-okay-google.jpg"> </div> <div class="image-holder image-holder1-2"> <img alt="" class="image1-2" data-src="/search/about/img/sections/1-retina/01-voice-search-02-conversational-search.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-02-conversational-search.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-02-conversational-search.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-02-conversational-search.jpg"> </div> <div class="image-holder image-holder1-3"> <img alt="" class="image1-3" data-src="/search/about/img/sections/1-retina/01-voice-search-03-followup-questions.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-03-followup-questions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-03-followup-questions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-03-followup-questions.jpg"> </div> <div class="image-holder image-holder1-4"> <img alt="" class="image1-4" data-src="/search/about/img/sections/1-retina/01-voice-search-04-translate.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-04-translate.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-04-translate.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-04-translate.jpg"> </div> <div class="image-holder image-holder1-5"> <img alt="" class="image1-5" data-src="/search/about/img/sections/1-retina/01-voice-search-05-curiosity-play-music.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-05-curiosity-play-music.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-05-curiosity-play-music.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-05-curiosity-play-music.jpg"> </div> </div> </section> <section aria-hidden="true" class="section-holder section-feature section-holder2 animate-feature instant" data-feature-id="feature-02-find-things" id="feature-02"> <div class="section-slider"> <article class="section section2-1"> <div class="section-content"> <div class="section-card" role="article"> <div class="color-bar"></div> <h1> Find things<br> around you. </h1> <h2> Discover great restaurants, cool things to do, and the best ways to get there. </h2><br class="desktop-only"> <div class="bottom-link"> <div class="label"> See what you can find </div> <div class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </article> <article class="section section-example section2-2 query" data-example-id="01-reviews"> <h4> Use the mobile app to find locations near you based on proximity. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="Listening... | Listening... | Listening... | <span class="gray">are</span> | are <span class="gray">there</span> | are there <span class="gray">rocks</span> | are there <span class="gray">rock</span> | are there <span class="gray">rock climbing</span> | are there <span class="gray">rock climbing</span> | are there rock climbing <span class="gray">gyms</span> | are there rock climbing <span class="gray">gyms</span> | are there rock climbing gyms <span class="gray">near</span> | are there rock climbing gyms <span class="gray">near</span> | are there rock climbing gyms near <span class="gray">me</span> | are there rock climbing gyms near me | are there rock climbing gyms near me | are there rock climbing gyms near me | are there rock climbing gyms near me" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Are there rock climbing gyms near me?" class="results results-2-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-01-reviews.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> Listening... </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">02-find-things-01-reviews</span> <span class="time">9:07</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">02-find-things-01-reviews</span> <span class="time">9:07 AM</span> </div><img alt="Are there rock climbing gyms near me?" class="results results-2-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-01-reviews.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> Listening... </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-2-1 results-first" data-src="/search/about/img/pages/home/features/cards/mobile/02-find-things-01-reviews.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/02-find-things-01-reviews.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section2-3 query" data-example-id="02-directions"> <h4> Get accurate directions with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="how do I get to <span class="gray">planet</span> | how do I get to <span class="gray">Planet Granite</span> | how do I get to Planet Granite | how do I get to Planet Granite" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="How do I get to Planet Granite?" class="results results-2-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-02-directions.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> how do I get to <span class="gray">planet</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">02-find-things-02-directions</span> <span class="time">9:23</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">02-find-things-02-directions</span> <span class="time">9:23 AM</span> </div><img alt="How do I get to Planet Granite?" class="results results-2-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-02-directions.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> how do I get to <span class="gray">planet</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-2-2" data-src="/search/about/img/pages/home/features/cards/mobile/02-find-things-02-directions.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/02-find-things-02-directions.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section2-4 query" data-example-id="03-curiosity-answers"> <h4> Use the app perform a mobile search and feed your curiosity. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="how tall is <span class="gray">a</span> | how tall is <span class="gray">El Capitan</span> | how tall is <span class="gray">El Capitan</span> | how tall is El Capitan | how tall is El Capitan" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="How tall is El Capitan?" class="results results-2-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-04-curiosity-answers.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> how tall is <span class="gray">a</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">02-find-things-03-curiosity-answers</span> <span class="time">12:55</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">02-find-things-03-curiosity-answers</span> <span class="time">12:55 PM</span> </div><img alt="How tall is El Capitan?" class="results results-2-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-04-curiosity-answers.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> how tall is <span class="gray">a</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-2-3" data-src="/search/about/img/pages/home/features/cards/mobile/02-find-things-04-curiosity-answers.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/02-find-things-04-curiosity-answers.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section2-5 query" data-example-id="04-business-hours"> <h4> Check open or closing hours for a business with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="how late is <span class="gray">sidewalk</span> | how late is <span class="gray">Sidewalk Juice</span> | how late is Sidewalk Juice <span class="gray">open</span> | how late is Sidewalk Juice open | how late is Sidewalk Juice open" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="How late is Sidewalk Juice open?" class="results results-2-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-03-business-hours.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> how late is <span class="gray">sidewalk</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">02-find-things-04-business-hours</span> <span class="time">9:52</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">02-find-things-04-business-hours</span> <span class="time">9:52 AM</span> </div><img alt="How late is Sidewalk Juice open?" class="results results-2-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/02-find-things-03-business-hours.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> how late is <span class="gray">sidewalk</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-2-4" data-src="/search/about/img/pages/home/features/cards/mobile/02-find-things-03-business-hours.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/02-find-things-03-business-hours.jpg" width="300"> </div> </div> </div> </div> </article> </div> <div class="ex-menu"> <div class="ex-menu-option emo0 mobile-only"></div> <div class="ex-menu-option emo1"></div> <div class="ex-menu-option emo2"></div> <div class="ex-menu-option emo3"></div> <div class="ex-menu-option emo4"></div> </div> <div aria-hidden="true" class="example-left desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="example-right desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="peek desktop-only"> <h4> Find things around you. </h4> </div> <div aria-hidden="true" class="example-close"> <div class="icon"></div> </div> <div aria-hidden="true" class="peek-icon mobile-only"></div> <div class="image-slider desktop-only"> <div class="image-holder image-holder2-1"> <img alt="" class="image2-1 feature-cover-image" data-src="/search/about/img/sections/1-retina/02-find-things-01-reviews.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-01-reviews.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-01-reviews.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-01-reviews.jpg"> </div> <div class="image-holder image-holder2-2"> <img alt="" class="image2-2" data-src="/search/about/img/sections/1-retina/02-find-things-02-directions.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-02-directions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-02-directions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-02-directions.jpg"> </div> <div class="image-holder image-holder2-3"> <img alt="" class="image2-3" data-src="/search/about/img/sections/1-retina/02-find-things-04-curiosity-answers.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-04-curiosity-answers.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-04-curiosity-answers.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-04-curiosity-answers.jpg"> </div> <div class="image-holder image-holder2-4"> <img alt="" class="image2-4" data-src="/search/about/img/sections/1-retina/02-find-things-03-business-hours.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-03-business-hours.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-03-business-hours.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-03-business-hours.jpg"> </div> </div> </section> <section aria-hidden="true" class="section-holder section-feature section-holder3 animate-feature instant" data-feature-id="feature-03-take-action" id="feature-03"> <div class="section-slider"> <article class="section section3-1"> <div class="section-content"> <div class="section-card" role="article"> <div class="color-bar"></div> <h1> Let the<br> Google app<br> help you. </h1> <h2> Set reminders, send texts and emails, make calls, and more. </h2> <h3> Not all features are available on iPhone®. </h3><br class="desktop-only"> <div class="bottom-link"> <div class="label"> See what you can do </div> <div class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </article> <article class="section section-example section3-2 command" data-example-id="01-send-txt"> <h4> Use voice commands to send a text or email someone. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="Listening... | Listening... | Listening... | <span class="gray">text</span> | <span class="gray">text Alex</span> | text Alex <span class="gray">what</span> | text Alex <span class="gray">what was</span> | text Alex what <span class="gray">was</span> | text Alex what was <span class="gray">that</span> | text Alex what was <span class="gray">that son</span> | text Alex what was that <span class="gray">song</span> | text Alex what was that song <span class="gray">I</span> | text Alex what was that song <span class="gray">I asked</span> | text Alex what was that song I <span class="gray">asked</span> | text Alex what was that song I asked <span class="gray">you</span> | text Alex what was that song I asked you <span class="gray">about</span> | text Alex what was that song I asked you about | text Alex what was that song I asked you about | text Alex what was that song I asked you about" data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Text Alex – what was that song I asked you about?" class="results results-3-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-01-send-text.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> Listening... </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">03-take-action-01-send-txt</span> <span class="time">10:48</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">03-take-action-01-send-txt</span> <span class="time">10:48</span> </div><img alt="Text Alex – what was that song I asked you about?" class="results results-3-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-01-send-text.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> Listening... </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-3-1 results-first" data-src="/search/about/img/pages/home/features/cards/mobile/03-take-action-01-send-text.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section3-3 command" data-example-id="02-play-music"> <h4> Say “Ok Google” and launch a task. Try opening an app or playing music & movies. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="play <span class="gray">the</span> | play the <span class="gray">song</span> | play the <span class="gray">shins</span> | play the shins | play the shins | play the shins" data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Play The Shins." class="results results-3-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-05-play-music.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> play <span class="gray">the</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">03-take-action-02-play-music</span> <span class="time">12:04</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">03-take-action-02-play-music</span> <span class="time">12:04</span> </div><img alt="Play The Shins." class="results results-3-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-05-play-music.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> play <span class="gray">the</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-3-2" data-src="/search/about/img/pages/home/features/cards/mobile/03-take-action-05-play-music.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section3-4 command" data-example-id="03-call-someone"> <h4> Voice command your phone to call a contact or business. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="call <span class="gray">Kat</span> | call <span class="gray">Academy</span> | call Academy <span class="gray">rec</span> | call Academy <span class="gray">Records</span> | call Academy Records | call Academy Records" data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Call Academy Records." class="results results-3-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-02-call-someone.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> call <span class="gray">Kat</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">03-take-action-03-call-someone</span> <span class="time">12:41</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">03-take-action-03-call-someone</span> <span class="time">12:41</span> </div><img alt="Call Academy Records." class="results results-3-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-02-call-someone.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> call <span class="gray">Kat</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-3-3" data-src="/search/about/img/pages/home/features/cards/mobile/03-take-action-02-call-someone.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section3-5 command" data-example-id="04-create-event"> <h4> Create an event on your Google calendar with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="create an event open mic night <span class="gray">June</span> | create an event open mic night June <span class="gray">twenty</span> | create an event open mic night June <span class="gray">22nd</span> | create an event open mic night June 22nd | create an event open mic night June 22nd" data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Create an event: open mic night on June 22nd." class="results results-3-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-03-create-event.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> create an event open mic night <span class="gray">June</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">03-take-action-04-create-event</span> <span class="time">3:46</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">03-take-action-04-create-event</span> <span class="time">3:46</span> </div><img alt="Create an event: open mic night on June 22nd." class="results results-3-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-03-create-event.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> create an event open mic night <span class="gray">June</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-3-4" data-src="/search/about/img/pages/home/features/cards/mobile/03-take-action-03-create-event.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section3-6 command" data-example-id="05-curiosity-reminder"> <h4> Set time, location, or time-based reminders. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="set a reminder to practice guitar <span class="gray">everyday at</span> | set a reminder to practice guitar everyday at <span class="gray">6 p.m.</span> | set a reminder to practice guitar everyday at 6 p.m. | set a reminder to practice guitar everyday at 6 p.m." data-device-type="android" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Set a reminder to practice guitar every day at 6:00pm." class="results results-3-5 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-06-curiosity-reminder.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> set a reminder to practice guitar <span class="gray">everyday at</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">03-take-action-05-curiosity-reminder</span> <span class="time">6:14</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">03-take-action-05-curiosity-reminder</span> <span class="time">6:14</span> </div><img alt="Set a reminder to practice guitar every day at 6:00pm." class="results results-3-5 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/03-take-action-06-curiosity-reminder.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> set a reminder to practice guitar <span class="gray">everyday at</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-3-5" data-src="/search/about/img/pages/home/features/cards/mobile/03-take-action-06-curiosity-reminder.jpg" width="300"> </div> </div> </div> </div> </article> </div> <div class="ex-menu"> <div class="ex-menu-option emo0 mobile-only"></div> <div class="ex-menu-option emo1"></div> <div class="ex-menu-option emo2"></div> <div class="ex-menu-option emo3"></div> <div class="ex-menu-option emo4"></div> <div class="ex-menu-option emo5"></div> </div> <div aria-hidden="true" class="example-left desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="example-right desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="peek desktop-only"> <h4> Let the Google app help you. </h4> </div> <div aria-hidden="true" class="example-close"> <div class="icon"></div> </div> <div aria-hidden="true" class="peek-icon mobile-only"></div> <div class="image-slider desktop-only"> <div class="image-holder image-holder3-1"> <img alt="" class="image3-1 feature-cover-image" data-src="/search/about/img/sections/1-retina/03-take-action-01-send-text.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-01-send-text.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-01-send-text.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-01-send-text.jpg"> </div> <div class="image-holder image-holder3-2"> <img alt="" class="image3-2" data-src="/search/about/img/sections/1-retina/03-take-action-05-play-music.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-05-play-music.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-05-play-music.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-05-play-music.jpg"> </div> <div class="image-holder image-holder3-3"> <img alt="" class="image3-3" data-src="/search/about/img/sections/1-retina/03-take-action-02-call-someone.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-02-call-someone.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-02-call-someone.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-02-call-someone.jpg"> </div> <div class="image-holder image-holder3-4"> <img alt="" class="image3-4" data-src="/search/about/img/sections/1-retina/03-take-action-03-create-event.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-03-create-event.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-03-create-event.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-03-create-event.jpg"> </div> <div class="image-holder image-holder3-5"> <img alt="" class="image3-5" data-src="/search/about/img/sections/1-retina/03-take-action-06-curiosity-reminder.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-06-curiosity-reminder.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-06-curiosity-reminder.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-06-curiosity-reminder.jpg"> </div> </div> </section> <section aria-hidden="true" class="section-holder section-feature section-holder4 animate-feature instant" data-feature-id="feature-04-my-stuff" id="feature-04"> <div class="section-slider"> <article class="section section4-1"> <div class="section-content"> <div class="section-card" role="article"> <div class="color-bar"></div> <h1> Find your stuff. </h1> <h2> Boarding passes, packages, event tickets and more—all in one place. </h2><br class="desktop-only"> <div class="bottom-link"> <div class="label"> See things you can find </div> <div class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </article> <article class="section section-example section4-2 query" data-example-id="01-gplus-pictures"> <h4> The Google app can retrieve pictures from your G+ account. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="Listening... | Listening... | Listening... | Listening... | <span class="gray">show</span> | <span class="gray">show me</span> | show me <span class="gray">my</span> | show me my <span class="gray">pictures</span> | show me my pictures <span class="gray">from</span> | show me my pictures from <span class="gray">Bali</span> | show me my pictures from Bali | show me my pictures from Bali | show me my pictures from Bali | show me my pictures from Bali | show me my pictures from Bali | show me my pictures from Bali" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Show me my pictures from Bali." class="results results-4-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-01-gplus-pictures.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> Listening... </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-01-gplus-pictures</span> <span class="time">10:05</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-01-gplus-pictures</span> <span class="time">10:05 AM</span> </div><img alt="Show me my pictures from Bali." class="results results-4-1 results-first desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-01-gplus-pictures.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> Listening... </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-4-1 results-first" data-src="/search/about/img/pages/home/features/cards/mobile/04-my-stuff-01-gplus-pictures.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/04-my-stuff-01-gplus-pictures.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section4-3 query" data-example-id="02-packages"> <h4> Use the Google app to search for the delivery status of your packages. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="when will my <span class="gray">pay</span> | when will my <span class="gray">package</span> | when will my package <span class="gray">arrive</span> | when will my package arrive | when will my package arrive" data-device-type="iphone" data-example-type="query" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="When will my package arrive?" class="results results-4-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-02-packages.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top query"> <div class="menu-toggle"></div> <div class="sprite"></div> <div class="web-bar"></div> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> when will my <span class="gray">pay</span> </div> <div class="text-final"></div> <div class="mag-glass"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-02-packages</span> <span class="time">10:39</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-02-packages</span> <span class="time">10:39 AM</span> </div><img alt="When will my package arrive?" class="results results-4-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-02-packages.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> when will my <span class="gray">pay</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-4-2" data-src="/search/about/img/pages/home/features/cards/mobile/04-my-stuff-02-packages.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/04-my-stuff-02-packages.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section4-4 command" data-example-id="03-flight-status"> <h4> Use the Google app to check the status of your flights. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="show me my <span class="gray">flight</span> | show me my flight <span class="gray">to</span> | show me my flight to <span class="gray">Amsterdam</span> | show me my flight to Amsterdam | show me my flight to Amsterdam" data-device-type="iphone" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Show me my flight to Amsterdam." class="results results-4-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-03-flight-status.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> show me my <span class="gray">flight</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-03-flight-status</span> <span class="time">11:18</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-03-flight-status</span> <span class="time">11:18 AM</span> </div><img alt="Show me my flight to Amsterdam." class="results results-4-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-03-flight-status.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> show me my <span class="gray">flight</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-4-3" data-src="/search/about/img/pages/home/features/cards/mobile/04-my-stuff-03-flight-status.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/04-my-stuff-03-flight-status.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section4-5 command" data-example-id="04-events"> <h4> Search for events in your Google Calendar with the Google app. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="show me my events for the <span class="gray">bucket list</span> | show me my events for the bucket list <span class="gray">trip</span> | show me my events for the bucket list trip | show me my events for the bucket list trip" data-device-type="iphone" data-example-type="command" data-has-now-cards="false"> <div aria-hidden="true" class="example-device ndroid"> <div class="screen"> <div class="screen-bottom desktop-only"> <img alt="Show me my events for the bucket list trip." class="results results-4-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-04-google-agenda.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="screen-top command"> <div class="background"></div> <div class="nlogo"></div> <div class="text-typing"> show me my events for the <span class="gray">bucket list</span> </div> <div class="text-final"></div> <div class="gtoggle"></div> <div class="mic"></div> </div> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-04-events</span> <span class="time">12:00</span> </div><img alt="Android screen (bottom)" class="screen-default-bottom desktop-only" data-src="/search/about/img/pages/home/features/animations/android-screen-bottom.png" height="43" width="320"> </div> </div> <div aria-hidden="true" class="example-device iphone"> <div class="screen"> <div class="screen-bottom desktop-only"> <div class="status-bar desktop-only"> <span class="hide">04-my-stuff-04-events</span> <span class="time">12:00 PM</span> </div><img alt="Show me my events for the bucket list trip." class="results results-4-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/04-my-stuff-04-google-agenda.jpg" height="568" width="320"> <div class="blackout"></div> </div> <div class="final-search mobile-only"> <div class="text-final"></div><img alt="Close Icon" class="ios-close" data-src="/search/about/img/components/device-timelines/ios-close.png" height="17" width="17"> </div> <div class="screen-top-wrapper"> <div class="screen-top"> <div class="close"></div> <div class="globe"></div> <div class="nlogo"></div> <div class="text-typing-wrapper"> <div class="text-typing"> show me my events for the <span class="gray">bucket list</span> </div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-4-4" data-src="/search/about/img/pages/home/features/cards/mobile/04-my-stuff-04-google-agenda.jpg" data-src-mobile-android="/search/about/img/pages/home/features/cards/mobile/android-only/04-my-stuff-04-google-agenda.jpg" width="300"> </div> </div> </div> </div> </article> </div> <div class="ex-menu"> <div class="ex-menu-option emo0 mobile-only"></div> <div class="ex-menu-option emo1"></div> <div class="ex-menu-option emo2"></div> <div class="ex-menu-option emo3"></div> <div class="ex-menu-option emo4"></div> </div> <div aria-hidden="true" class="example-left desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="example-right desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="peek desktop-only"> <h4> Find your stuff. </h4> </div> <div aria-hidden="true" class="example-close"> <div class="icon"></div> </div> <div aria-hidden="true" class="peek-icon mobile-only"></div> <div class="image-slider desktop-only"> <div class="image-holder image-holder4-1"> <img alt="" class="image4-1 feature-cover-image" data-src="/search/about/img/sections/1-retina/04-my-stuff-01-gplus-pictures.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-01-gplus-pictures.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-01-gplus-pictures.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-01-gplus-pictures.jpg"> </div> <div class="image-holder image-holder4-2"> <img alt="" class="image4-2" data-src="/search/about/img/sections/1-retina/04-my-stuff-02-packages.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-02-packages.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-02-packages.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-02-packages.jpg"> </div> <div class="image-holder image-holder4-3"> <img alt="" class="image4-3" data-src="/search/about/img/sections/1-retina/04-my-stuff-03-flight-status.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-03-flight-status.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-03-flight-status.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-03-flight-status.jpg"> </div> <div class="image-holder image-holder4-4"> <img alt="" class="image4-4" data-src="/search/about/img/sections/1-retina/04-my-stuff-04-google-agenda.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-04-google-agenda.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-04-google-agenda.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-04-google-agenda.jpg"> </div> </div> </section> <section aria-hidden="true" class="section-holder section-feature section-holder5 animate-feature instant" data-feature-id="feature-05-now-cards" id="feature-05"> <div class="section-slider"> <article class="section section5-1"> <div class="section-content"> <div class="section-card" role="article"> <div class="color-bar"></div> <h1> What you need, before you ask. </h1> <h2> Stay a step ahead with Now cards about traffic for your commute, news, birthdays, scores and more. </h2> <h3> Not all features are available on iPhone®. </h3><br class="desktop-only"> <div class="bottom-link"> <div class="label"> Stay on top of it all </div> <div class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </article> <article class="section section-example section5-2 section-now-card query" data-example-id="01-example-set"> <h4> Information is served to you at just the right time from Google and your favorite partner apps. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div aria-hidden="true" class="example-device ndroid now"> <div class="screen"> <div class="status-bar desktop-only"> <span class="hide">05-now-cards-01-example-set</span> <span class="time">10:23</span> </div> <div class="screen-top desktop-only"> <div class="card-wrapper"> <div class="card-holder"> <div class="card-shadow"> <div class="now-card card-1"></div> </div> <div class="card-shadow"> <div class="now-card card-2"></div> </div> <div class="card-shadow"> <div class="now-card card-3"></div> </div> <div class="card-shadow"> <div class="now-card card-4"></div> </div> <div class="card-shadow"> <div class="now-card card-5"></div> </div> </div> </div> <div class="interface"></div> </div> <div class="screen-bottom"> <h2 class="category desktop-only slide-1"> Updates for you </h2> </div> <div class="screen-top mobile-only"> <div class="card-wrapper"> <div class="card-holder"> <div class="now-card card-1"></div> <div class="now-card card-2"></div> <div class="now-card card-3"></div> <div class="now-card card-4"></div> <div class="now-card card-5"></div> </div> </div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-5-1 results-first" data-src="/search/about/img/pages/home/features/cards/mobile/05-now-cards-01-example-set.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section5-3 section-now-card query" data-example-id="03-when-to-leave"> <h4> Don’t be late for your flight. The Google app monitors traffic and notifies you when to leave for the airport. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div aria-hidden="true" class="example-device ndroid now"> <div class="screen desktop-only"> <div class="status-bar desktop-only"> <span class="hide">05-now-cards-03-when-to-leave</span> <span class="time">11:45</span> </div> <div class="screen-top"> <div class="interface"></div> </div> <div class="screen-bottom"> <h2 class="category desktop-only slide-2"> Upcoming </h2><img alt="Know when to leave so you arrive on time." class="results results-5-2 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/05-now-cards-02-when-to-leave.jpg" width="320"> <div class="blackout"></div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-5-2" data-src="/search/about/img/pages/home/features/cards/mobile/05-now-cards-02-when-to-leave.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section5-4 section-now-card query" data-example-id="02-parking-lot"> <h4> The Google app keeps track of where you’re parked. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div aria-hidden="true" class="example-device ndroid now"> <div class="screen desktop-only"> <div class="status-bar desktop-only"> <span class="hide">05-now-cards-02-parking-lot</span> <span class="time">1:10</span> </div> <div class="screen-top"> <div class="interface"></div> </div> <div class="screen-bottom"> <h2 class="category desktop-only slide-3"> Around you </h2><img alt="Never forget where you parked." class="results results-5-3 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/05-now-cards-04-parking-lot.jpg" width="320"> <div class="blackout"></div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-5-3" data-src="/search/about/img/pages/home/features/cards/mobile/05-now-cards-04-parking-lot.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section5-5 section-now-card query" data-example-id="04-sports-scores"> <h4> Now Cards keep you updated on your favorite sports and teams. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div aria-hidden="true" class="example-device ndroid now"> <div class="screen desktop-only"> <div class="status-bar desktop-only"> <span class="hide">05-now-cards-04-sports-scores</span> <span class="time">12:15</span> </div> <div class="screen-top"> <div class="interface"></div> </div> <div class="screen-bottom"> <h2 class="category desktop-only slide-4"> Miami Heat </h2><img alt="Keep track of your favorite sports teams." class="results results-5-4 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/05-now-cards-03-sports-scores.jpg" width="320"> <div class="blackout"></div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-5-4" data-src="/search/about/img/pages/home/features/cards/mobile/05-now-cards-03-sports-scores.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section5-6 section-now-card query" data-example-id="05-nearby-attractions"> <h4> Now Cards tell you what attractions are nearby. </h4> <div class="section-content"> <div class="section-example-content" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div aria-hidden="true" class="example-device ndroid now"> <div class="screen desktop-only"> <div class="status-bar desktop-only"> <span class="hide">05-now-cards-05-nearby-attractions</span> <span class="time">7:39</span> </div> <div class="screen-top"> <div class="interface"></div> </div> <div class="screen-bottom"> <h2 class="category desktop-only slide-5"> Around you </h2><img alt="Discover cool stuff happening nearby." class="results results-5-5 desktop-only" data-src="/search/about/img/pages/home/features/cards/desktop/05-now-cards-05-nearby-attractions.jpg" width="320"> <div class="blackout"></div> </div> </div> </div> <div class="results-frame mobile-only"> <img alt="" class="mobile-only results results-5-5" data-src="/search/about/img/pages/home/features/cards/mobile/05-now-cards-05-nearby-attractions.jpg" width="300"> </div> </div> </div> </div> </article> <article class="section section-example section5-7 section-now-card query" data-example-id="06-curiosity-now-cards"> <div class="section-content"> <div class="section-example-content now-subsection" role="article"> <div class="device-wrapper" data-animation-text="" data-device-type="android" data-example-type="query" data-has-now-cards="true"> <div class="example-cta now"> <h1> Still curious? </h1><a data-tracklabel="feat_final_explore_cta" href="./learn-more/now">Explore Now Cards</a> </div> </div> </div> </div> </article> </div> <div class="ex-menu"> <div class="ex-menu-option emo0 mobile-only"></div> <div class="ex-menu-option emo1"></div> <div class="ex-menu-option emo2"></div> <div class="ex-menu-option emo3"></div> <div class="ex-menu-option emo4"></div> <div class="ex-menu-option emo5"></div> <div class="ex-menu-option emo6"></div> </div> <div aria-hidden="true" class="example-left desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="example-right desktop-only"> <div class="arrow"></div> </div> <div aria-hidden="true" class="peek desktop-only"> <h4> What you need, before you ask. </h4> </div> <div aria-hidden="true" class="example-close"> <div class="icon"></div> </div> <div aria-hidden="true" class="peek-icon mobile-only"></div> <div class="image-slider desktop-only"> <div class="image-holder image-holder5-1"> <img alt="" class="image5-1 feature-cover-image" data-src="/search/about/img/sections/1-retina/05-now-cards-01-example-set.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-01-example-set.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-01-example-set.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-01-example-set.jpg"> </div> <div class="image-holder image-holder5-2"> <img alt="" class="image5-2" data-src="/search/about/img/sections/1-retina/05-now-cards-02-when-to-leave.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-02-when-to-leave.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-02-when-to-leave.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-02-when-to-leave.jpg"> </div> <div class="image-holder image-holder5-3"> <img alt="" class="image5-3" data-src="/search/about/img/sections/1-retina/05-now-cards-04-parking-lot.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-04-parking-lot.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-04-parking-lot.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-04-parking-lot.jpg"> </div> <div class="image-holder image-holder5-4"> <img alt="" class="image5-4" data-src="/search/about/img/sections/1-retina/05-now-cards-03-sports-scores.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-03-sports-scores.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-03-sports-scores.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-03-sports-scores.jpg"> </div> <div class="image-holder image-holder5-5"> <img alt="" class="image5-5" data-src="/search/about/img/sections/1-retina/05-now-cards-05-nearby-attractions.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-05-nearby-attractions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-05-nearby-attractions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-05-nearby-attractions.jpg"> </div> <div class="image-holder image-holder5-6"> <img alt="" class="image5-6" data-src="/search/about/img/sections/1-retina/05-now-cards-06-final-slide.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-06-final-slide.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-06-final-slide.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-06-final-slide.jpg"> </div> </div> </section> <section class="section-holder" data-feature-id="download" id="explore" role="region"> <div class="explore-content"> <div class="explore-top"> <img alt="iPhone" class="explore-phone" data-src="" data-src-desktop="/search/about/img/components/explore/phone-desktop.png" data-src-mobile="/search/about/img/components/explore/phone-desktop.png" data-src-tablet-desktop="/search/about/img/components/explore/phone-desktop.png" data-src-tablet-mobile="/search/about/img/components/explore/phone-desktop.png"> <div class="explore-top-copy"> <h2 class="mobile-only ios-only"> Get the<br> Google app </h2> <h2 class="mobile-only ndroid-only"> Try the<br> Google app </h2> <h2 class="desktop-only no-tablet"> Get the<br> mobile app </h2><a class="download-badge badge-ios hide-text" data-trackevent="e-downloadpage-1" href="//web.archive.org/web/20161017000407/https://itunes.apple.com/app/apple-store/id284815942?pt=9008&ct=all-us-all-search-site-footer&mt=8" target="itunes_store">Download on the App Store</a> <a class="download-badge badge-android hide-text" data-trackevent="e-downloadpage-2" href="//web.archive.org/web/20161017000407/https://play.google.com/store/apps/details?id=com.google.android.googlequicksearchbox&amp;hl=en" target="_blank">Android App on Google Play</a> </div> </div> <div class="explore-bottom"> <div class="explore-bottom-upper"> <h2 class="explore-bottom-h2"> Explore what else you can do<br> with the Google app. </h2> <div class="explore-see-more-cta"> <div class="explore-see-more-cta-hit-area"> <div class="label"> See more ways to use the app </div> <div aria-hidden="true" class="arrow"> <span class="arrow-base-layer"></span> </div> </div> </div> </div> </div> </div> </section> <footer class="footer" data-feature-id="footer" role="contentinfo"> <div aria-hidden="true" class="footer-back-to-top"> <a class="back-to-top-link" href="">Back to Top</a> </div> <div class="footer-bottom"> <a class="footer-item footer-link footer-google hide-text" href="https://web.archive.org/web/20161017000407/https://www.google.com/" target="_blank">Google</a> <div class="footer-social"> <div class="footer-social-contents"> <span class="footer-social-prompt">Follow us on:</span> <div class="footer-social-cell"> <a class="hide-text google-plus" data-trackevent="e-global-12" href="//web.archive.org/web/20161017000407/https://plus.google.com/+google" target="_blank">Google+</a> </div> <div class="footer-social-cell"> <a class="hide-text blogger" data-trackevent="e-global-13" href="https://web.archive.org/web/20161017000407/http://insidesearch.blogspot.com/" target="_blank">Blogger</a> </div> <div class="footer-social-cell"> <a class="hide-text twitter" data-trackevent="e-global-14" href="//web.archive.org/web/20161017000407/https://twitter.com/google" target="_blank">Tumblr</a> </div> <div class="footer-social-cell"> <a class="hide-text youtube" data-trackevent="e-global-15" href="//web.archive.org/web/20161017000407/https://youtube.com/google" target="_blank">YouTube</a> </div> </div> </div> <div class="footer-links"> <a class="footer-item footer-link footer-help" data-trackevent="" href="https://web.archive.org/web/20161017000407/https://support.google.com/websearch/?hl=en#topic=3378866" target="_blank">Help</a> <a class="footer-item footer-link" data-trackevent="e-global-16" href="https://web.archive.org/web/20161017000407/http://www.google.com/policies/" target="_blank">Privacy & Terms</a> <select class="footer-item lang-select mobile-only"> <option selected value="/search/about/"> English </option> <option value="/intl/de_ALL/search/about/"> Deutsch </option> <option value="/intl/en_au/search/about/"> English (Australia) </option> <option value="/intl/en_uk/search/about/"> English (United Kingdom) </option> <option value="/intl/en_in/search/about/"> English (India) </option> <option value="/intl/fr_ALL/search/about/"> français </option> <option value="/intl/ja_ALL/search/about/"> 日本語 </option> <option value="/intl/pt-BR_ALL/search/about/"> português (Brasil) </option> <option value="/intl/ru_ALL/search/about/"> русский </option> </select> <div aria-hidden="true" class="footer-item footer-link ui-dd-menu desktop-only" data-selected="english"> <div aria-hidden="true" class="ui-dd-menu-control"> <div class="ui-label"> English </div> <div class="ui-arrow"></div> </div> <div class="ui-menu"> <div class="ui-menu-item selected ui-item-selected" data-payload="/search/about/"> English </div> <div class="ui-menu-item" data-payload="/intl/de_ALL/search/about/"> Deutsch </div> <div class="ui-menu-item" data-payload="/intl/en_au/search/about/"> English (Australia) </div> <div class="ui-menu-item" data-payload="/intl/en_uk/search/about/"> English (United Kingdom) </div> <div class="ui-menu-item" data-payload="/intl/en_in/search/about/"> English (India) </div> <div class="ui-menu-item" data-payload="/intl/fr_ALL/search/about/"> français </div> <div class="ui-menu-item" data-payload="/intl/ja_ALL/search/about/"> 日本語 </div> <div class="ui-menu-item" data-payload="/intl/pt-BR_ALL/search/about/"> português (Brasil) </div> <div class="ui-menu-item" data-payload="/intl/ru_ALL/search/about/"> русский </div> </div> </div> </div> </div> <div class="ios-disclaimer"> Not all features are available on iOS.<br class="mobile-only"> <br class="mobile-only"> Apple, the Apple logo and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. </div> </footer> </div> <div aria-hidden="true" class="mobile-only" id="images"> <div class="image-slider image-slider-landing"></div> <div class="image-slider image-slider1"> <img alt="" class="image1-1 feature-cover-image scale-up" data-src="/search/about/img/sections/1-retina/01-voice-search-01-okay-google.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-01-okay-google.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-01-okay-google.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-01-okay-google.jpg"> <img alt="" class="image1-2" data-src="/search/about/img/sections/1-retina/01-voice-search-02-conversational-search.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-02-conversational-search.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-02-conversational-search.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-02-conversational-search.jpg"> <img alt="" class="image1-3" data-src="/search/about/img/sections/1-retina/01-voice-search-03-followup-questions.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-03-followup-questions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-03-followup-questions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-03-followup-questions.jpg"> <img alt="" class="image1-4" data-src="/search/about/img/sections/1-retina/01-voice-search-04-translate.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-04-translate.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-04-translate.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-04-translate.jpg"> <img alt="" class="image1-5" data-src="/search/about/img/sections/1-retina/01-voice-search-05-curiosity-play-music.jpg" data-src-mobile="/search/about/img/sections/2-regular/01-voice-search-05-curiosity-play-music.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/01-voice-search-05-curiosity-play-music.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/01-voice-search-05-curiosity-play-music.jpg"> </div> <div class="image-slider image-slider2"> <img alt="" class="image2-1 feature-cover-image scale-up" data-src="/search/about/img/sections/1-retina/02-find-things-01-reviews.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-01-reviews.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-01-reviews.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-01-reviews.jpg"> <img alt="" class="image2-2" data-src="/search/about/img/sections/1-retina/02-find-things-02-directions.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-02-directions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-02-directions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-02-directions.jpg"> <img alt="" class="image2-3" data-src="/search/about/img/sections/1-retina/02-find-things-04-curiosity-answers.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-04-curiosity-answers.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-04-curiosity-answers.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-04-curiosity-answers.jpg"> <img alt="" class="image2-4" data-src="/search/about/img/sections/1-retina/02-find-things-03-business-hours.jpg" data-src-mobile="/search/about/img/sections/2-regular/02-find-things-03-business-hours.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/02-find-things-03-business-hours.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/02-find-things-03-business-hours.jpg"> </div> <div class="image-slider image-slider3"> <img alt="" class="image3-1 feature-cover-image scale-up" data-src="/search/about/img/sections/1-retina/03-take-action-01-send-text.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-01-send-text.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-01-send-text.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-01-send-text.jpg"> <img alt="" class="image3-2" data-src="/search/about/img/sections/1-retina/03-take-action-05-play-music.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-05-play-music.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-05-play-music.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-05-play-music.jpg"> <img alt="" class="image3-3" data-src="/search/about/img/sections/1-retina/03-take-action-02-call-someone.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-02-call-someone.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-02-call-someone.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-02-call-someone.jpg"> <img alt="" class="image3-4" data-src="/search/about/img/sections/1-retina/03-take-action-03-create-event.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-03-create-event.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-03-create-event.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-03-create-event.jpg"> <img alt="" class="image3-5" data-src="/search/about/img/sections/1-retina/03-take-action-06-curiosity-reminder.jpg" data-src-mobile="/search/about/img/sections/2-regular/03-take-action-06-curiosity-reminder.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/03-take-action-06-curiosity-reminder.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/03-take-action-06-curiosity-reminder.jpg"> </div> <div class="image-slider image-slider4"> <img alt="" class="image4-1 feature-cover-image scale-up" data-src="/search/about/img/sections/1-retina/04-my-stuff-01-gplus-pictures.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-01-gplus-pictures.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-01-gplus-pictures.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-01-gplus-pictures.jpg"> <img alt="" class="image4-2" data-src="/search/about/img/sections/1-retina/04-my-stuff-02-packages.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-02-packages.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-02-packages.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-02-packages.jpg"> <img alt="" class="image4-3" data-src="/search/about/img/sections/1-retina/04-my-stuff-03-flight-status.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-03-flight-status.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-03-flight-status.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-03-flight-status.jpg"> <img alt="" class="image4-4" data-src="/search/about/img/sections/1-retina/04-my-stuff-04-google-agenda.jpg" data-src-mobile="/search/about/img/sections/2-regular/04-my-stuff-04-google-agenda.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/04-my-stuff-04-google-agenda.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/04-my-stuff-04-google-agenda.jpg"> </div> <div class="image-slider image-slider5"> <img alt="" class="image5-1 feature-cover-image scale-up" data-src="/search/about/img/sections/1-retina/05-now-cards-01-example-set.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-01-example-set.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-01-example-set.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-01-example-set.jpg"> <img alt="" class="image5-2" data-src="/search/about/img/sections/1-retina/05-now-cards-02-when-to-leave.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-02-when-to-leave.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-02-when-to-leave.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-02-when-to-leave.jpg"> <img alt="" class="image5-3" data-src="/search/about/img/sections/1-retina/05-now-cards-04-parking-lot.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-04-parking-lot.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-04-parking-lot.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-04-parking-lot.jpg"> <img alt="" class="image5-4" data-src="/search/about/img/sections/1-retina/05-now-cards-03-sports-scores.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-03-sports-scores.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-03-sports-scores.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-03-sports-scores.jpg"> <img alt="" class="image5-5" data-src="/search/about/img/sections/1-retina/05-now-cards-05-nearby-attractions.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-05-nearby-attractions.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-05-nearby-attractions.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-05-nearby-attractions.jpg"> <img alt="" class="image5-6" data-src="/search/about/img/sections/1-retina/05-now-cards-06-final-slide.jpg" data-src-mobile="/search/about/img/sections/2-regular/05-now-cards-06-final-slide.jpg" data-src-tablet-desktop="/search/about/img/sections/tablet-desktop/05-now-cards-06-final-slide.jpg" data-src-tablet-mobile="/search/about/img/sections/tablet-mobile/05-now-cards-06-final-slide.jpg"> </div> </div> <div aria-hidden="true" class="peek-icon" id="blue-cta"></div> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> <script id="partners-list-item" type="text/template"> <li id="partner-%%id%%" class="%%classes%%" style="background-image: url('%%icon_path%%');"> <div class="partner-wrapper"><div class="partner-center"> <h3 class="partner-name">%%name%%</h3> <div class="partner-description">%%description%%</div> </div></div> </li> </script> <script id="learn-more-card-template" type="text/template"> <div class="grid-card button-base%%classes%%"> <div class="bar"></div> <div class="content"> <div class="table-wrapper"> <div class="text">%%text%%</div> <div class="image shadow-enabled"> <img src="%%cover_img_url%%" alt="Mobile device with Google Search listening screen"> </div> </div> </div> </div> </script> <script id="learn-more-dropdown-option-template" type="text/template"> <option value="%%value%%">%%label%%</option> </script> <script id="learn-more-filter-menu-item-template" type="text/template"> <div class="filter-menu-item button-base" data-payload="%%value%%" title="%%label%%"><div class="icon"></div></div> </script> <script id="learn-more-carousel-template" type="text/template"> <div class="carousel-slide slide-index-%%slide_index%%"> <div class="image-container slide-half"> <div class="image-holder"> <div class="device-outer mobile-only"></div> <img class="image-still mobile-only"> <img class="image-anim"> </div> </div> <div class="text-container slide-half"> <div class="text-wrapper"> <h1 class="title">%%title%%</h1> <p class="subtitle">%%description%%</p> <a data-trackevent="%%slug%%" class="carousel-cta" href="%%link%%"> <div class="label">%%link_text%%</div> <div class="arrow" aria-hidden="true"> <span class="arrow-base-layer"></span> </div> </a> </div> </div> </div> </script> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more"> <div class="page" id="learn-more" role="region"> <div class="learn-more hero"> <div class="hero-image-holder"> <img alt="Learn More" class="hero-image" data-src="/search/about/img/pages/learn-more/base/desktop/learn-more-header.jpg" data-src-mobile="/search/about/img/pages/learn-more/base/mobile/learn-more-header.jpg" data-src-tablet-desktop="/search/about/img/pages/learn-more/base/tablet-desktop/learn-more-header.jpg" data-src-tablet-mobile="/search/about/img/pages/learn-more/base/tablet-mobile/learn-more-header.jpg"> </div> <div class="center-wrapper hero-content"> <h1 class="hero-title"> Discover<br> the Google app. </h1> <p class="hero-subtitle"> Use your voice to get more from your search.<br> Explore Now cards and connect to your favorite apps. </p> </div> </div> <div class="page-content"> <section class="block now" role="article"> <div class="block-content"> <div class="block-image mobile-only"> <div class="pan pan0"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/mobile/anim-02-now/now-00.png" height="102" width="235"> </div> <div class="pan pan1"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/mobile/anim-02-now/now-01.png" height="163" width="235"> </div> <div class="pan pan2"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/mobile/anim-02-now/now-02.png" height="86" width="235"> </div> </div> <div class="block-text"> <div class="text-wrapper"> <h3 class="block-title"> What you need,<br class="desktop-only"> before you ask. </h3> <p class="block-subtitle"> Now cards keep you a step ahead with the<br class="desktop-only"> information you care about. </p><a class="block-cta landing-cta" data-trackevent="e-learnmore-6" href="./learn-more/now/"> <div class="cta-hit-area"> <div class="label"> EXPLORE NOW CARDS </div> <div aria-hidden="true" class="arrow"> <span class="arrow-base-layer"></span> </div> </div></a> <p class="block-subtitle"> Now on Tap gives you instant information<br class="desktop-only"> about what's on your screen. </p><a class="block-cta landing-cta" data-trackevent="e-learnmore-6b" href="./learn-more/now-on-tap/"> <div class="cta-hit-area"> <div class="label"> EXPLORE NOW ON TAP </div> <div aria-hidden="true" class="arrow"> <span class="arrow-base-layer"></span> </div> </div></a> </div> </div> <div class="block-image desktop-only"> <div class="pan pan0"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-00.png"> </div> <div class="pan pan1"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-01.png"> </div> <div class="pan pan2"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-02.png"> </div> <div class="pan pan3"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-03.png"> </div> <div class="pan pan4"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-04.png"> </div> <div class="pan pan5"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-05.png"> </div> <div class="pan pan6"> <img alt="Now card" data-src="/search/about/img/pages/learn-more/base/desktop/anim-02-now/now-06.png"> </div> </div> </div> </section> <section class="block answers" role="article"> <div class="block-content text-right"> <div class="block-image desktop-only"> <div class="pan pan0"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/desktop/anim-03-answers/answers-01.png" height="192" width="200"> </div> <div class="pan pan1"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/desktop/anim-03-answers/answers-02.png" height="282" width="200"> </div> <div class="pan pan2"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/desktop/anim-03-answers/answers-00.png" height="312" width="200"> </div> </div> <div class="block-image mobile-only"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/mobile/anim-03-answers/search-00.png" height="157" width="235"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/mobile/anim-03-answers/search-01.png" height="163" width="235"> <img alt="Search results" data-src="/search/about/img/pages/learn-more/base/mobile/anim-03-answers/search-02.png" height="127" width="235"> </div> <div class="block-text"> <div class="text-wrapper"> <h3 class="block-title"> Get more<br class="desktop-only no-tablet"> from your search. </h3> <p class="block-subtitle"> Get rich answers from Google while on the go. Discover cool things around you, calculate the right tip, and even translate conversations real-time. </p><a class="block-cta landing-cta" data-trackevent="e-learnmore-7" href="./learn-more/answers/"> <div class="cta-hit-area"> <div class="label"> LEARN MORE </div> <div aria-hidden="true" class="arrow"> <span class="arrow-base-layer"></span> </div> </div></a> </div> </div> </div> </section> <section class="block newest" role="article"> <div class="rule desktop-only"></div> <div class="block-content sub-block"> <h4 class="sub-block-title"> Newest features </h4> <div class="carousel page-top"> <div class="carousel-background desktop-only"></div> <div class="carousel-device desktop-only"> <div class="device"></div> </div> <div class="carousel-container"></div> <div class="carousel-arrow left"></div> <div class="carousel-arrow right"></div> <div class="carousel-dots"></div> </div> </div> </section> <section class="block partners" role="article"> <div class="block-content sub-block"> <h4 class="sub-block-title"> The Google app works with hundreds of Android apps </h4> <ul class="partners-grid" id="sample-partners-list"></ul> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a class="landing-cta" data-trackevent="e-learnmore-11" href="./learn-more/works-with-google/">EXPLORE ALL THE APPS</a> </div> </div> </div> </section> <nav class="learn-more-bottom-nav button-base"> <div class="prev hidden"></div> <div class="next"> <span class="label">Next</span> <a href="./learn-more/answers/">Rich Answers</a> </div> </nav> </div> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more-search"> <div class="page grid" id="learn-more-search" role="region"> <div class="page-center"> <div class="carousel page-top"> <div class="carousel-background desktop-only"></div> <div class="carousel-device desktop-only"> <div class="device"></div> </div> <div class="carousel-container"></div> <div class="carousel-arrow left"></div> <div class="carousel-arrow right"></div> <div class="carousel-dots"></div> </div> <div class="filter-wrapper"> <div class="title mobile-only" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div><select class="filter-menu mobile-only"> <option selected value="all"> All Platforms </option> </select> <div class="filter-menu desktop-only"> <div class="title filter-half" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div> <div class="filters filter-half"> <div class="label"> Filter by Platform: </div> </div> </div> </div> <div class="page-content"> <div class="grid-wrapper"></div> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a data-tracklabel="" href="#" target="_blank">SHOW MORE</a> </div> </div> </div> <nav class="learn-more-bottom-nav button-base"> <div class="prev"> <span class="label">Previous</span> <a href="./learn-more/">Discover the Google app</a> </div> <div class="next"> <span class="label">Next</span> <a href="./learn-more/now/">Now cards</a> </div> </nav> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more-now"> <div class="page grid" id="learn-more-now" role="region"> <div class="page-center"> <div class="carousel page-top"> <div class="carousel-background desktop-only"></div> <div class="carousel-device desktop-only"> <div class="device"></div> </div> <div class="carousel-container"></div> <div class="carousel-arrow left"></div> <div class="carousel-arrow right"></div> <div class="carousel-dots"></div> </div> <div class="filter-wrapper"> <div class="title mobile-only" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div><select class="filter-menu mobile-only"> <option selected value="all"> All Platforms </option> </select> <div class="filter-menu desktop-only"> <div class="title filter-half" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div> <div class="filters filter-half"> <div class="label"> Filter by Platform: </div> </div> </div> </div> <div class="page-content"> <div class="grid-wrapper"></div> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a data-tracklabel="" href="#" target="_blank">SHOW MORE</a> </div> </div> </div> <nav class="learn-more-bottom-nav button-base"> <div class="prev"> <span class="label">Previous</span> <a href="./learn-more/answers/">Rich Answers</a> </div> <div class="next"> <span class="label">Next</span> <a href="./learn-more/now-on-tap/">Now on Tap</a> </div> </nav> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more-now-on-tap"> <div class="page grid" id="learn-more-now-on-tap" role="region"> <div class="page-center"> <div class="carousel page-top"> <div class="carousel-background desktop-only"></div> <div class="carousel-device desktop-only"> <div class="device"></div> </div> <div class="carousel-container"></div> <div class="carousel-arrow left"></div> <div class="carousel-arrow right"></div> <div class="carousel-dots"></div> </div> <div class="filter-wrapper"> <div class="title mobile-only" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div><select class="filter-menu mobile-only"> <option selected value="all"> All Platforms </option> </select> <div class="filter-menu desktop-only"> <div class="title filter-half" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div> <div class="filters filter-half"> <div class="label"> Filter by Platform: </div> </div> </div> </div> <div class="page-content"> <div class="grid-wrapper"></div> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a data-tracklabel="" href="#" target="_blank">SHOW MORE</a> </div> </div> </div> <nav class="learn-more-bottom-nav button-base"> <div class="prev"> <span class="label">Previous</span> <a href="./learn-more/now/">Now cards</a> </div> <div class="next"> <span class="label">Next</span> <a href="./learn-more/in-apps/">Search across your apps</a> </div> </nav> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more-search-in-your-apps"> <div class="page grid" id="learn-more-search-in-your-apps" role="region"> <div class="page-center"> <div class="carousel page-top"> <div class="carousel-background desktop-only"></div> <div class="carousel-device desktop-only"> <div class="device"></div> </div> <div class="carousel-container"></div> <div class="carousel-arrow left"></div> <div class="carousel-arrow right"></div> <div class="carousel-dots"></div> </div> <div class="filter-wrapper"> <div class="title mobile-only" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div><select class="filter-menu mobile-only"> <option selected value="all"> All Platforms </option> </select> <div class="filter-menu desktop-only"> <div class="title filter-half" data-default-text="Things you can ask" data-now-on-tap-text="Use Now on Tap for quick info on:" data-now-text="Featured Now Cards" data-search-in-your-apps-text="Things you can find" data-search-text="Featured Results"></div> <div class="filters filter-half"> <div class="label"> Filter by Platform: </div> </div> </div> </div> <div class="page-content"> <div class="grid-wrapper"></div> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a data-tracklabel="" href="#" target="_blank">SHOW MORE</a> </div> </div> </div> <nav class="learn-more-bottom-nav button-base"> <div class="prev"> <span class="label">Previous</span> <a href="./learn-more/now-on-tap/">Now on Tap</a> </div> <div class="next"> <span class="label">Next</span> <a class="desktop-only" href="./learn-more/works-with-google/">Apps that work with the Google app</a> <a class="mobile-only no-tablet" href="./learn-more/works-with-google/">Works with Google</a> </div> </nav> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-learn-more-partners"> <div class="page show-more-enabled" id="learn-more-partners" role="region"> <div class="page-center"> <div class="hero"> <div class="center-wrapper"> <h1> Google works with your favorite Android apps. </h1><a class="integrate-cta" href="https://web.archive.org/web/20161017000407/https://developers.google.com/search/" target="_blank"> <div class="label"> INTEGRATE YOUR APP WITH GOOGLE </div> <div aria-hidden="true" class="arrow"> <span class="arrow-base-layer"></span> </div></a> <form action="#" id="partners-search" method="post" name="partners-search"> <legend><svg height="18" viewbox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <path class="fill-color" d="M13.002 11h-.794l-.275-.274C12.908 9.59 13.5 8.116 13.5 6.5 13.5 2.91 10.59 0 7 0S.5 2.91.5 6.5 3.41 13 7 13c1.614 0 3.088-.592 4.225-1.567l.276.275v.792l5 4.99L17.99 16l-4.988-5zM7 11c-2.485 0-4.5-2.015-4.5-4.5S4.515 2 7 2s4.5 2.015 4.5 4.5S9.485 11 7 11z" fill="#fff"></path> <path d="M-2.5-3h24v24h-24z"></path> </g></svg></legend> <label>Search:</label> <input autocapitalize="off" autocorrect="off" id="partners-search-terms" name="partners-search-terms" placeholder="Search app by name" tabindex="1" type="text"> <button id="partners-search-reset" type="reset" value="Clear"><svg focusable="false" height="18" viewbox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h18v18h-18zm0 0h18v18h-18z" fill="none"></path> <path class="fill-color" d="M14.53 4.53l-1.06-1.06-4.47 4.47-4.47-4.47-1.06 1.06 4.47 4.47-4.47 4.47 1.06 1.06 4.47-4.47 4.47 4.47 1.06-1.06-4.47-4.47z" fill="#fff" opacity="1"></path></svg></button> </form> </div> </div> <div class="page-content"> <ul class="partners-grid" id="partners-list"></ul> </div> <div class="cta-wrapper"> <div class="show-more-cta ready button-base"> <a data-tracklabel="" href="#" target="_blank">SHOW MORE</a> </div> </div> </div> <nav class="learn-more-bottom-nav button-base"> <div class="prev"> <span class="label">Previous</span> <a href="./learn-more/in-apps/">Search across your apps</a> </div> <div class="next hidden"></div> </nav> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> <div class="page-slider top-hidden bottom-hidden" id="slider-playground"> <div class="page" id="playground" role="region"> <div class="page-center"> <div class="playground hero"> <div class="hero-image-holder"> <img alt="Playground" class="hero-image" data-src="/search/about/img/pages/playground/desktop/playground-header.jpg" data-src-mobile="/search/about/img/pages/playground/mobile/playground-header.jpg" data-src-tablet-desktop="/search/about/img/pages/playground/tablet-desktop/playground-header.jpg" data-src-tablet-mobile="/search/about/img/pages/playground/tablet-mobile/playground-header.jpg"> </div> <div class="center-wrapper hero-content"> <h1 class="hero-title"> The Playground </h1> <p class="hero-subtitle"> Feed your curiosity and explore the world of Google. </p> </div> </div> <div class="page-content"> <section class="playground card" role="article"> <div class="playground card-top"> <img alt="Doodles" data-src="/search/about/img/pages/playground/playground-features-doodles.jpg"> </div> <h2> Doodles </h2> <p> Charlie Chaplin's birthday. Thanksgiving. Beijing Olympics. Find your favorite homepage doodles in our interactive doodle gallery and check back to see new ones. </p><a class="learn-more" data-trackevent="01-doodles" href="https://web.archive.org/web/20161017000407/http://www.google.com/doodles/" target="_blank" title="Learn More">Learn More</a> </section> <section class="playground card" role="article"> <div class="playground card-top"> <img alt="Trends" data-src="/search/about/img/pages/playground/playground-features-trends.jpg"> </div> <h2> Trends </h2> <p> Discover what searches are trending right now. Track the popularity of different searches. See what searches are popular in different locations. </p><a class="learn-more" data-trackevent="02-trends" href="https://web.archive.org/web/20161017000407/http://www.google.com/trends/" target="_blank" title="Learn More">Learn More</a> </section> <section class="playground card" role="article"> <div class="playground card-top"> <img alt="How Search Works" data-src="/search/about/img/pages/playground/playground-features-how-search-works.jpg"> </div> <h2> How Search Works </h2> <p> Search. It happens billions of times a day in the blink of an eye. Explore the art and science that makes it possible. </p><a class="learn-more" data-trackevent="03-how-search-works" href="https://web.archive.org/web/20161017000407/http://www.google.com/insidesearch/howsearchworks/thestory/index.html" target="_blank" title="Learn More">Learn More</a> </section> </div> </div> <footer class="footer" data-feature-id="footer" role="contentinfo"></footer> </div> <div aria-hidden="true" class="app-whiteout"></div> </div> </div> <div class="video-player" id="video-player"> <div aria-hidden="true" class="youtube-holder"></div><a class="vid-close hide-text" href="./">Close</a> <div class="vid-controls hide-controls"> <button class="vid-play-pause is-paused hide-text">Play/Pause</button> <button class="vid-mute is-not-muted hide-text">Mute</button> <button class="vid-captions is-caption hide-text">CC</button> <div class="progress-holder"> <div class="progress-track"> <div class="progress-value"></div> </div> </div> </div> </div> <div aria-hidden="true" class="iframe-blocker blocker1 hide-text">   </div> <div aria-hidden="true" class="iframe-blocker blocker2 hide-text">   </div> <div aria-hidden="true" class="iframe-blocker blocker3 hide-text">   </div> <div aria-hidden="true" class="iframe-blocker blocker4 hide-text">   </div> <div aria-hidden="true" id="home-next-hit"></div> <nav aria-hidden="true" class="hide-menu" id="menu"> <button class="menu-close-btn hide-text">Close</button> <ul class="menu-ul"> <li class="big-nav button-base"> <a data-trackevent="e-global-1" href="./">Google app</a> </li> <li class="big-nav button-base"> <a data-trackevent="e-global-2" href="./features">Things you Can Do</a> </li> <li class="big-nav button-base no-start"> <a data-trackevent="e-global-3" href="./learn-more">Learn More</a> </li> <li class="big-nav button-base no-start"> <a data-trackevent="e-global-4" href="./playground">Playground</a> </li> </ul> </nav> <header id="site-header" role="banner"> <div class="header-side header-side-left"> <div class="header-side-content"> <div aria-hidden="true" class="header-toggle hamburger-base"> <button class="hamburger-base-icon"><span class="hamburger-base-layer"></span></button> </div> <h1 class="header-logo"> <a class="hide-text" data-trackevent="e-global-11" href="./">Google</a> </h1> <ul id="site-header-items" role="navigation"> <li> <a class="header-page-link" data-section="home" data-trackevent="e-global-1" href="./">Google app</a> </li> <li class="ui-dd-menu-control features"> <a class="header-page-link" data-section="features" data-trackevent="e-global-2" href="./features/01">Things You Can Do</a> <div class="ui-menu features"> <a class="ui-menu-item" data-feature-section="01" href="./features/01">Just say what you need</a> <a class="ui-menu-item" data-feature-section="02" href="./features/02">Find things around you</a> <a class="ui-menu-item" data-feature-section="03" href="./features/03">Let the Google app help you</a> <a class="ui-menu-item" data-feature-section="04" href="./features/04">Find your stuff</a> <a class="ui-menu-item" data-feature-section="05" href="./features/05">What you need, before you ask</a> </div> </li> <li class="ui-dd-menu-control learn-more"> <a class="header-page-link" data-section="ask" data-trackevent="e-global-3" href="./learn-more">Learn More</a> <div class="ui-menu learn-more"> <a class="ui-menu-item" data-trackevent="e-learnmore-21" href="./learn-more/answers">Rich answers</a> <a class="ui-menu-item" data-trackevent="e-learnmore-20" href="./learn-more/now">Now cards</a> <a class="ui-menu-item" data-trackevent="e-learnmore-23" href="./learn-more/now-on-tap">Now on Tap</a> <a class="ui-menu-item" data-trackevent="e-learnmore-24" href="./learn-more/in-apps">Search across your apps</a> <a class="ui-menu-item" data-trackevent="e-learnmore-22" href="./learn-more/works-with-google">Apps that work with the Google app</a> </div> </li> <li> <a class="header-page-link" data-section="playground" data-trackevent="e-global-4" href="./playground">Playground</a> </li> </ul> </div> </div> <div class="header-side header-side-right"> <div class="header-side-content"> <div class="header-download button-base"> <a data-trackevent="e-global-7" href="./download">Download</a> </div> </div> </div> </header> <div id="card-modal-container"> <div aria-hidden="true" id="card-modal-wrapper"> <div class="card-modal-nav" id="card-modal-prev"> <a class="card-modal-nav-button hide-text" href="#">Previous card</a> </div> <div class="card-modal" id="card-modal"> <div class="card-modal-inside"></div> </div> <div class="card-modal-nav" id="card-modal-next"> <a class="card-modal-nav-button hide-text" href="#">Next card</a> </div> </div> </div> <script id="card-modal-template" type="text/template"> <div class="card-modal-content %%cardClasses%%"> <div class="header"> <div class="card-modal-cover-image-container"> <img src="%%coverImageUrl%%" width="%%coverImageWidth%%" height="%%coverImageHeight%%" alt="%%title%%"> </div> <h1>%%title%%</h1> <button id="card-modal-close" class="hide-text">Close</button> </div> <div class="body"> <p>%%description%%</p> <a id="card-modal-expand-examples-button" href="#" data-open-copy="See things you can ask" data-close-copy="Hide examples">See things you can ask</a> </div> <div class="card-modal-examples closed"> <h2 class="headline-voice">Try saying:</h2> <h2 class="headline-search-in-app">Try searching:</h2> %%examples%% </div> <div class="card-modal-footer"> <ul class="card-platforms %%platformClasses%%"> <li class="platform-android hide-text">Android</li> <li class="platform-ios hide-text">iOS</li> <li class="platform-desktop hide-text">Desktop</li> <li class="platform-wear hide-text">Wear</li> </ul> </div> </div> </script> <div aria-hidden="true" id="site-loader"> <div aria-hidden="true" class="spinner"> <div class="spinner-inner"> <div class="spinner-left"> <div class="spinner-half-circle"></div> </div> <div class="spinner-right"> <div class="spinner-half-circle"></div> </div> <div class="spinner-seam"></div> </div> </div> </div> <div aria-hidden="true" class="hidden" id="roadblock"> <div class="roadblock-content"> <div class="roadblock-icon"></div> <p class="roadblock-copy-video-prompt"> To continue your experience,<br> please rotate your device. </p> <p class="roadblock-copy"> Please rotate your device. </p> </div> </div> <script src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/modernizr/modernizr.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/historyapi/history.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/plugins/BezierPlugin.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/plugins/CSSPlugin.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/plugins/RoundPropsPlugin.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/easing/EasePack.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/TweenLite.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/gsap/v1_16_1/TimelineLite.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/hammerjs/hammer.min.js"> </script> <script async src="//web.archive.org/web/20161017000407js_/https://www.gstatic.com/external_hosted/visionmedia/page.min.js"> </script> <script> var newLearnMoreLangs = ["en"]; </script> <script src="/web/20161017000407js_/https://www.google.com/search/about/js/main.v2.min.js"> </script> </body> </html>

CINXE.COM