docs/html/index.jd

   1 fullpage=true
   2 page.viewport_width=970
   3 excludeFromSuggestions=true
   4 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
   5 page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
   6
   7 @jd:body
   8
   9 <div class="home-new-carousel-1">
  10   <div class="fullscreen-carousel-content">
  11     <div class="vcenter">
  12       <div class="wrap clearfix">
  13
  14         <div class="static resource-flow-layout wrap col-16">
  15           <div class="resource resource-card resource-card-18x6">
  16
  17       <div class="landing-section-header">
  18             <div class="col-10"><img src="{@docRoot}images/home/l-hero_2x.png"
  19                  srcset="{@docRoot}images/home/l-hero.png 1x, {@docRoot}images/home/l-hero_2x.png 2x"
  20                  width="510" style="margin:20px 30px 0 30px"></div>
  21             <div class="col-5" style=" margin-top:70px ">
  22             <h3 stye="font-weight:300;">Android 5.0 Lollipop</h3>
  23             <p>The Android 5.0 update adds a variety of new
  24             features for your apps, such as notifications on the lock screen, an all-new camera API,
  25             OpenGL ES 3.1, the new Material design interface, and much more.</p>
  26             <a href="{@docRoot}about/versions/lollipop.html" class="landing-button landing-primary">Learn More</a>
  27             </div>
  28           </div>
  29           </div>
  30         </div>
  31        <h2>&nbsp;</h2>
  32         <div style="margin-top:20px;height:115px" class="resource-widget resource-flow-layout wrap col-16
  33         no-section" data-query="collection:index/primary" data-resourcestyle="card"
  34         data-sortorder="-timestamp" data-maxresults="3" data-cardsizes="6x2,6x2,6x2"></div> <!-- end .resource-widget -->
  35       </div> <!-- end .wrap -->
  36     </div> <!-- end .vcenter -->
  37   </div> <!-- end .fullscreen-carousel-content -->
  38 </div> <!-- end .fullscreen-carousel -->
  39
  40 <div class="actions-bar" style="margin-top:20px">
  41   <div class="wrap">
  42     <div class="actions">
  43       <div><a href="{@docRoot}sdk/index.html">Get the SDK</a></div>
  44       <div><a href="{@docRoot}samples/index.html">Browse Samples</a></div>
  45       <div><a href="//www.youtube.com/user/androiddevelopers">Watch Videos</a></div>
  46       <div><a href="{@docRoot}distribute/googleplay/developer-console.html">Manage Your Apps</a></div>
  47     </div><!-- end .actions -->
  48   </div><!-- end .wrap -->
  49 </div><!-- end .actions-bar -->
  50
  51
  52
  53 <div class="landing-rest-of-page">
  54   <div class="landing-section">
  55     <div class="wrap">
  56       <div class="landing-section-header">
  57
  58             <div class="landing-h1" style="margin-top:0px">Build for a Multi-Screen World</div>
  59         <div class="landing-subhead" style="margin-top: 20px;">
  60           Android runs on hundreds of millions of handheld devices around the world, <br>
  61           and it now supports these exciting, new form-factors.
  62         </div>
  63       </div>
  64       <div class="landing-body" style="margin-top: 50px;">
  65         <div class="landing-breakout cols">
  66           <div class="col-3-wide">
  67               <img src="{@docRoot}images/home/wear-wordmark.png">
  68               <img src="{@docRoot}images/home/wear.png">
  69               <p class="landing-small">
  70                 Provide information on-the-go for your users, whenever they need it.
  71             </p>
  72             <p class="landing-small">
  73               <a href="{@docRoot}wear/index.html">Learn about Android Wear</a>
  74             </p>
  75           </div>
  76           <div class="col-3-wide">
  77               <img src="{@docRoot}images/home/tv-wordmark.png">
  78              <img src="{@docRoot}images/home/tv.png">
  79               <p class="landing-small">
  80                 Build your apps for the big screen and bring your content to life.
  81               </p>
  82             <p class="landing-small">
  83               <a href="{@docRoot}tv/index.html">Learn about Android TV</a>
  84
  85             </p>
  86           </div>
  87           <div class="col-3-wide">
  88               <img src="{@docRoot}images/home/auto-wordmark.png">
  89               <img src="{@docRoot}images/home/auto.png">
  90               <p class="landing-small">
  91                 Extend your music apps to automobile
  92                 entertainment systems.
  93              </p>
  94             <p class="landing-small">
  95               <a href="{@docRoot}auto/index.html">Learn about Android Auto</a>
  96             </p>
  97           </div>
  98         </div>
  99       </div>
 100     </div>  <!-- end .wrap -->
 101   </div> <!-- end .landing-section -->