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