docs/html/design/devices.jd


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

page.title=Android devices
page.viewport_width=970
section.landing=true
header.hide=1
footer.hide=1
page.image=images/cards/android-devices_2x.jpg
@jd:body

<style>
#landing-graphic-container {
  position: relative;
}

#text-overlay {
  position: absolute;
  left: 0;
  top: 410px;
  width: 340px;

}
#hero-image {
}
</style>

<div id="landing-graphic-container">
  <div id="text-overlay">
    <p itemprop="description">The device-centric UI principles, overviews, and detailed guidelines
      described here build on the core <a href="{@docRoot}design/get-started/principles.html">Android Design Principles</a>
      to provide more specific design guidance for different form factors.
    </p>
    <p>
    <a href="{@docRoot}design/handhelds/index.html" class="landing-page-link">Phones &amp; Tablets</a></p>
  </div>
  <a id="hero-image" href="{@docRoot}design/handhelds/index.html">
    <img src="{@docRoot}design/media/device_family.png">
  </a>
</div>