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