1fullpage=true
2excludeFromSuggestions=true
3page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
4page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
5
6@jd:body
7
8<script>
9  $(document).ready(function() {
10    if (useUpdatedTemplates) {
11      $("#useUpdatedTemplates").css("display","block");
12    } else {
13      $("#useOldTemplates").css("display","block");
14    }
15  })
16</script>
17
18<section class="dac-expand dac-hero dac-invert" style="background-color:#455A64">
19  <div class="wrap" style="max-width:1100px;margin-top:0">
20    <div class="col-7of16 col-push-9of16" style="padding-left:2em;">
21      <a href="{@docRoot}preview/index.html">
22        <h1 class="dac-hero-title">Android N Developer Preview</h1>
23        <p class="dac-hero-description">
24          Get ready for the next version of Android!
25          <strong>Test your apps</strong> on Nexus and other devices. Support new system
26          behaviors to <strong>save power and memory</strong>.
27          Extend your apps with <strong>multi-window UI</strong>,
28          <strong>direct reply notifications</strong> and more.
29        </p>
30        <a class="dac-hero-cta" href="/preview/index.html">
31          <span class="dac-sprite dac-auto-chevron"></span>
32          Learn more
33        </a><!--<br>
34        <a class="dac-hero-cta" href="/preview/support.html">
35          <span class="dac-sprite dac-auto-chevron"></span>
36          Update to Developer Preview (final SDK)
37        </a><br>-->
38      </a>
39    </div>
40    <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:0em;padding-right:1.5em;">
41      <a href="{@docRoot}preview/index.html">
42        <img style="" class="dac-hero-image" src="/images/home/n-preview-hero.png"
43             srcset="/images/home/n-preview-hero.png 1x,
44             /images/home/n-preview-hero_2x.png 2x">
45        </a>
46    </div>
47  </div>
48</section>
49
50<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
51  <div class="wrap dac-offset-parent">
52    <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
53      <i class="dac-sprite dac-arrow-down-gray"></i>
54    </a>
55    <ul class="dac-actions">
56      <li class="dac-action">
57        <a class="dac-action-link" href="{@docRoot}sdk/index.html">
58          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
59          Get the SDK
60        </a>
61      </li>
62      <li class="dac-action">
63        <a class="dac-action-link" href="{@docRoot}samples/index.html">
64          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
65          Browse sample code
66        </a>
67      </li>
68      <li class="dac-action">
69        <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
70          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
71          Watch stories
72        </a>
73      </li>
74    </ul>
75  </div><!-- end .wrap -->
76</div><!-- end .dac-actions -->
77
78<div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
79  <div class="wrap dac-offset-parent">
80    <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
81      <i class="dac-sprite dac-arrow-down-gray"></i>
82    </a>
83    <div class="actions">
84      <div><a href="{@docRoot}sdk/index.html">
85        <span class="dac-sprite dac-auto-chevron-large"></span>
86        Get the SDK
87      </a></div>
88      <div><a href="{@docRoot}samples/index.html">
89        <span class="dac-sprite dac-auto-chevron-large"></span>
90        Browse Samples
91      </a></div>
92      <div><a href="{@docRoot}distribute/stories/index.html">
93        <span class="dac-sprite dac-auto-chevron-large"></span>
94        Watch Stories
95      </a></div>
96    </div><!-- end .actions -->
97  </div><!-- end .wrap -->
98</div>
99
100<section class="dac-section dac-light" id="build-apps"><div class="wrap">
101  <h1 class="dac-section-title">Build Beautiful Apps</h1>
102  <div class="dac-section-subtitle">
103    Resources to get you started with designing and developing for Android.
104  </div>
105  <div class="resource-widget resource-flow-layout col-16"
106       data-query="collection:index/primary"
107       data-cardSizes="6x6"
108       data-maxResults="3"></div>
109</div></section>
110
111<div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
112</div>
113
114<section class="dac-section dac-gray"><div class="wrap">
115  <div class="cols"><div class="col-10of12 col-push-1of12">
116    <h1 class="dac-section-title">멀티스크린 월드에 맞게 만들기</h1>
117    <div class="dac-section-subtitle">
118      Android는 전 세계 수억 개의 휴대 기기에서 구동되고 있으며, <br>
119          이제 이 흥미진진하고 새로운 폼팩터를 지원합니다.
120    </div>
121  </div></div>
122  <div class="resource-widget resource-flow-layout col-16"
123       data-query="collection:index/multiscreen"
124       data-cardSizes="6x6"
125       data-maxResults="3"></div>
126</div></section>
127