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