docs/html/design/index.jd

page.title=Design
header.hide=1
footer.hide=1
@jd:body
<div id="butterbar-wrapper" >
  <div id="butterbar" >
    <div id="butterbar-message">
<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/1EHLPGqhbxj2HungHRRN4_0K9TGpc-Izy-u46vBDgS8Q/viewform">
      Take the Android Developer Survey</a>
    </div>
  </div>
</div>

<style>
#landing-graphic-container {
  position: relative;
}

#text-overlay {
  position: absolute;
  left: 0;
  top: 472px;
  width: 280px;
}
</style>

<div id="landing-graphic-container">
  <div id="text-overlay">
    Welcome to <strong>Android Design</strong>, your place for learning how to design exceptional Android apps.
    <br><br>
    <a href="{@docRoot}design/get-started/creative-vision.html" class="landing-page-link">Creative Vision</a>
  </div>

  <a href="{@docRoot}design/get-started/creative-vision.html">
    <img src="{@docRoot}design/media/index_landing_page.png">
  </a>
</div>