Home | History | Annotate | Download | only in html
      1 fullpage=true
      2 excludeFromSuggestions=true
      3 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
      4 page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
      5 nonavpage=true
      6 
      7 @jd:body
      8 
      9 <script>
     10   $(document).ready(function() {
     11     if (useUpdatedTemplates) {
     12       $("#useUpdatedTemplates").css("display","block");
     13     } else {
     14       $("#useOldTemplates").css("display","block");
     15     }
     16   })
     17 </script>
     18 
     19 <section class="dac-expand dac-hero" style="background-color:#b2dfdb;">
     20   <div class="wrap" style="max-width:1000px;margin-top:0">
     21     <div class="col-7of16 col-push-8of16">
     22       <a href="{@docRoot}about/versions/nougat/index.html">
     23         <h1 class="dac-hero-title" style="color:#004d40">Android 7.0 Nougat!</h1>
     24         <p class="dac-hero-description" style="color:#004d40">
     25           <strong>Android 7.0 Nougat is here!</strong>
     26           Get your apps ready for the latest version of Android, with new system
     27           behaviors to <strong>save battery and memory</strong>.
     28           Extend your apps with <strong>multi-window UI</strong>,
     29           <strong>direct reply notifications</strong> and more.
     30         </p>
     31         <a class="dac-hero-cta" href="{@docRoot}about/versions/nougat/index.html" style="color:#004d40">
     32           <span class="dac-sprite dac-auto-chevron" style="background-color:#b2dfdb"></span>
     33           Learn more
     34         </a>
     35         </a>
     36       </a>
     37     </div>
     38     <div class="col-6of16 col-pull-6of16 dac-hero-figure" style="padding-left:1em;padding-top:1em;">
     39       <a href="{@docRoot}about/versions/nougat/index.html">
     40         <img class="dac-hero-image" src="{@docRoot}images/home/nougat_bg.jpg"
     41              srcset="{@docRoot}images/home/nougat_bg.jpg 1x,
     42              {@docRoot}images/home/nougat_bg_2x.jpg 2x">
     43         </a>
     44     </div>
     45   </div>
     46 </section>
     47 
     48 <div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
     49   <div class="wrap dac-offset-parent">
     50     <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
     51       <i class="dac-sprite dac-arrow-down-gray"></i>
     52     </a>
     53     <ul class="dac-actions">
     54       <li class="dac-action">
     55         <a class="dac-action-link" href="{@docRoot}studio/index.html">
     56           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     57           Get Android Studio
     58         </a>
     59       </li>
     60       <li class="dac-action">
     61         <a class="dac-action-link" href="{@docRoot}samples/index.html">
     62           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     63           Browse sample code
     64         </a>
     65       </li>
     66       <li class="dac-action">
     67         <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
     68           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     69           Watch stories
     70         </a>
     71       </li>
     72     </ul>
     73   </div><!-- end .wrap -->
     74 </div><!-- end .dac-actions -->
     75 
     76 <div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
     77   <div class="wrap dac-offset-parent">
     78     <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
     79       <i class="dac-sprite dac-arrow-down-gray"></i>
     80     </a>
     81     <div class="actions">
     82       <div><a href="{@docRoot}studio/index.html">
     83         <span class="dac-sprite dac-auto-chevron-large"></span>
     84         Get Android Studio
     85       </a></div>
     86       <div><a href="{@docRoot}samples/index.html">
     87         <span class="dac-sprite dac-auto-chevron-large"></span>
     88         Browse Samples
     89       </a></div>
     90       <div><a href="{@docRoot}distribute/stories/index.html">
     91         <span class="dac-sprite dac-auto-chevron-large"></span>
     92         Watch Stories
     93       </a></div>
     94     </div><!-- end .actions -->
     95   </div><!-- end .wrap -->
     96 </div>
     97 
     98 <section class="dac-section dac-light" id="build-apps"><div class="wrap">
     99   <h1 class="dac-section-title">Build Beautiful Apps</h1>
    100   <div class="dac-section-subtitle">
    101     Resources to get you started with designing and developing for Android.
    102   </div>
    103   <div class="resource-widget resource-flow-layout col-16"
    104        data-query="collection:index/primary"
    105        data-cardSizes="6x6"
    106        data-maxResults="3"></div>
    107 </div></section>
    108 
    109 <div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
    110 </div>
    111 
    112 <section class="dac-section dac-gray"><div class="wrap">
    113   <div class="cols"><div class="col-10of12 col-push-1of12">
    114     <h1 class="dac-section-title">Build for a Multi-Screen World</h1>
    115     <div class="dac-section-subtitle">
    116       Android runs on billions of handheld devices around the world,
    117       and it now supports these exciting, new form-factors.
    118     </div>
    119   </div></div>
    120   <div class="resource-widget resource-flow-layout col-16"
    121        data-query="collection:index/multiscreen"
    122        data-cardSizes="6x6"
    123        data-maxResults="3"></div>
    124 </div></section>
    125