1page.title=Android devices
2page.viewport_width=970
3section.landing=true
4header.hide=1
5footer.hide=1
6page.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