49 lines
1.5 KiB
Plaintext
49 lines
1.5 KiB
Plaintext
page.title=Design
|
|
page.viewport_width=970
|
|
section.landing=true
|
|
meta.tags="beautifulapps, design, ux, patterns, holo, appquality, landing"
|
|
header.hide=1
|
|
footer.hide=1
|
|
@jd:body
|
|
|
|
<style>
|
|
#landing-graphic-container {
|
|
position: relative;
|
|
}
|
|
|
|
#text-overlay {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 42px;
|
|
width: 266px;
|
|
|
|
}
|
|
#hero-image {
|
|
padding-left:68px;
|
|
}
|
|
</style>
|
|
|
|
<div id="landing-graphic-container">
|
|
<div id="text-overlay">
|
|
<span itemprop="description">Welcome to <strong>Android Design</strong>, your place for
|
|
learning how to design exceptional Android apps.</span>
|
|
<br><br>
|
|
Want to know what <strong>Android 5.0</strong> has for designers? See <a href="{@docRoot}design/patterns/new.html">New in Android</a>.<br><br>
|
|
<a href="/design/get-started/creative-vision.html" class="landing-page-link">Creative Vision</a>
|
|
</div>
|
|
<a id="hero-image" href="/design/get-started/creative-vision.html">
|
|
<img src="{@docRoot}design/media/index_landing_page.png" width="760" height="600" alt=""
|
|
srcset="{@docRoot}design/media/index_landing_page_2x.png 2x"/>
|
|
</a>
|
|
|
|
<div style="background: hsl(8, 70%, 54%); margin: 0; padding: 20px 20px 10px 20px;color: #fff; position: absolute;top: 255px;width: 179px;">
|
|
<h2 style="color: #fff;margin:0 0 10px; font-size:18px" class="norule">Material Design</h2>
|
|
<p>Android 5.0 introduces a design
|
|
metaphor inspired by paper and ink that provides a reassuring sense of tactility.
|
|
</p>
|
|
<p><a class="white" href="{@docRoot}design/material/index.html">Learn more</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
|