Home | History | Annotate | Download | only in design 
      1 page.title=Android devices
      2 section.landing=true
      3 footer.hide=1
      4 page.image=images/cards/android-devices_2x.jpg
      5 @jd:body
      6 
      7 <style>
      8 #landing-graphic-container {
      9   position: relative;
     10 }
     11 
     12 #text-overlay {
     13   position: absolute;
     14   left: 0;
     15   top: 410px;
     16   width: 340px;
     17 
     18 }
     19 #hero-image {
     20 }
     21 </style>
     22 
     23 <div id="landing-graphic-container">
     24   <div id="text-overlay">
     25     <p itemprop="description">The device-centric UI principles, overviews, and detailed guidelines
     26       described here build on the core <a href="{@docRoot}design/get-started/principles.html">Android Design Principles</a>
     27       to provide more specific design guidance for different form factors.
     28     </p>
     29     <p>
     30     <a href="{@docRoot}design/handhelds/index.html" class="landing-page-link">Phones &amp; Tablets</a></p>
     31   </div>
     32   <a id="hero-image" href="{@docRoot}design/handhelds/index.html">
     33     <img src="{@docRoot}design/media/device_family.png">
     34   </a>
     35 </div>
     36 
     37