docs/html/design/index.jd

page.title=Design
header.hide=1
footer.hide=1
@jd:body
<style>
#butterbar-wrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
#butterbar {
  width:940px;
  margin:0 auto;
}
#butterbar-message {
  background-color:#f80;
  float:right;
  font-size:12px;
  font-weight:bold;
  padding:0 10px;
  border-radius: 0 0 5px 5px;
}
#butterbar-message a {color:#fff !important}
#butterbar-message a:hover {text-decoration:underline;}
</style>

 <div id="butterbar-wrapper" >
  <div id="butterbar" >
    <div id="butterbar-message">
<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/17EFbvdm4FYkocc83EcrKhyhP5Y6tbns_eiBSeQ6ojxU/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>