page.title=M Developer Preview
page.tags=preview
meta.tags="preview"
fullpage=true
page.viewport_width=970
section.landing=true
header.hide=1
footer.hide=1
@jd:body

<section class="dac-expand dac-hero dac-light">
  <div class="wrap">
    <div class="cols dac-hero-content">
      <div class="col-1of2 col-push-1of2 dac-hero-figure">
        <img class="dac-hero-image" src="/design/media/hero-material-design.png">
      </div>
      <div class="col-1of2 col-pull-1of2">
        <h1 class="dac-hero-title">M Developer Preview</h1>
        <p class="dac-hero-description">
          Get ready for the next official release of the platform. The preview program gives
          you an advance look at new APIs, features, and behaviors coming to Android.
          Test your apps and give us feedback!
        </p>

        <a class="dac-hero-cta" href="{@docRoot}preview/setup-sdk.html">
          <span class="dac-sprite dac-auto-chevron"></span>
          Get started
        </a><br>

      </div>
    </div>

    <div class="dac-section dac-small">
      <div class="resource-widget resource-flow-layout col-16"
           data-query="collection:preview/landing/resources"
           data-cardSizes="6x2"
           data-maxResults="3"></div>
    </div>
  </div>
</section>
<div class="wrap dac-offset-parent">
  <a class="dac-fab dac-scroll-button" data-scroll-button href="#latest">
    <i class="dac-sprite dac-arrow-down-gray"></i>
  </a>
</div>

<section class="dac-section dac-gray dac-small dac-invert" id="latest"><div class="wrap">
  <h2 class="norule">Latest</h2>
  <div class="resource-widget resource-flow-layout col-16"
       data-query="type:blog+tag:featured+tag:preview"
       data-cardSizes="6x6"
       data-maxResults="3"></div>
</div></section>