docs/html/index.jd

fullpage=true
excludeFromSuggestions=true
page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />

@jd:body

<script>
  $(document).ready(function() {
    if (useUpdatedTemplates) {
      $("#useUpdatedTemplates").css("display","block");
    } else {
      $("#useOldTemplates").css("display","block");
    }
  })
</script>

<!-- <div class="dac-hero-carousel" data-carousel-query="collection:index/carousel">
</div> -->
<section class="dac-hero-carousel">

<!-- <article class="dac-expand dac-hero dac-invert active" style="background-color: rgb(38, 50, 56);"> -->
<article class="dac-expand dac-hero dac-invert dac-darken mprev active" style="background-color: #75d1ff;">
<a href="about/versions/marshmallow/index.html">
  <div class="wrap" style="max-width:1100px;margin-top:0">
    <div class="cols dac-hero-content">
      <div class="col-8of16 col-push-6of16 dac-hero-figure mprev">
      </div>
      <div class="col-8of16 col-pull-7of16">
        <div class="dac-hero-tag"></div>

        <h1 class="dac-hero-title" style="white-space:nowrap;">Android 6.0 Marshmallow</h1>
        </div>
        <div class="col-6of16 col-push-1of16">
        <p class="dac-hero-description" style="color:white"><strong>The
        official Android 6.0 SDK is now available!</strong>
        Explore&nbsp;what's&nbsp;new &mdash; runtime permissions,
        Doze and App Standby power-saving features, new
        assist technology, and more.</p>

        <a class="dac-hero-cta" href="{@docRoot}about/versions/marshmallow/index.html">
          <span class="dac-sprite dac-auto-chevron"></span>
          Learn more
        </a><br>
      </div>
      </div>
    </div>
  </div>
</a>
</article></section>

<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
  <div class="wrap dac-offset-parent">
    <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
      <i class="dac-sprite dac-arrow-down-gray"></i>
    </a>
    <ul class="dac-actions">
      <li class="dac-action">
        <a class="dac-action-link" href="{@docRoot}sdk/index.html">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          Get the SDK
        </a>
      </li>
      <li class="dac-action">
        <a class="dac-action-link" href="{@docRoot}samples/index.html">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          Browse sample code
        </a>
      </li>
      <li class="dac-action">
        <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          Watch stories
        </a>
      </li>
    </ul>
  </div><!-- end .wrap -->
</div><!-- end .dac-actions -->

<div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
  <div class="wrap dac-offset-parent">
    <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
      <i class="dac-sprite dac-arrow-down-gray"></i>
    </a>
    <div class="actions">
      <div><a href="{@docRoot}sdk/index.html">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        Get the SDK
      </a></div>
      <div><a href="{@docRoot}samples/index.html">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        Browse Samples
      </a></div>
      <div><a href="{@docRoot}distribute/stories/index.html">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        Watch Stories
      </a></div>
    </div><!-- end .actions -->
  </div><!-- end .wrap -->
</div>

<section class="dac-section dac-light" id="build-apps"><div class="wrap">
  <h1 class="dac-section-title">Build Beautiful Apps</h1>
  <div class="dac-section-subtitle">
    Resources to get you started with designing and developing for Android.
  </div>
  <div class="resource-widget resource-flow-layout col-16"
       data-query="collection:index/primary"
       data-cardSizes="6x6"
       data-maxResults="3"></div>
</div></section>

<div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
</div>

<section class="dac-section dac-gray"><div class="wrap">
  <div class="cols"><div class="col-10of12 col-push-1of12">
    <h1 class="dac-section-title">Build for a Multi-Screen World</h1>
    <div class="dac-section-subtitle">
      Android runs on billions of handheld devices around the world,
      and it now supports these exciting, new form-factors.
    </div>
  </div></div>
  <div class="resource-widget resource-flow-layout col-16"
       data-query="collection:index/multiscreen"
       data-cardSizes="6x6"
       data-maxResults="3"></div>
</div></section>