footer.cs revision 056478d28b535cb6a7f48aacb679caae0d62c18f
1<div class="wrap">
2  <div class="dac-footer<?cs if:fullpage ?> dac-landing<?cs /if ?>">
3    <div class="cols dac-footer-main">
4      <div class="col-1of2">
5        <a class="dac-footer-getnews" data-modal-toggle="newsletter" href="javascript:;">Get news &amp; tips <span
6          class="dac-fab dac-primary"><i class="dac-sprite dac-mail"></i></span></a>
7      </div>
8      <div class="col-1of2 dac-footer-reachout">
9        <div class="dac-footer-contact">
10          <a class="dac-footer-contact-link" href="//android-developers.blogspot.com/">Blog</a>
11          <a class="dac-footer-contact-link" href="/support.html">Support</a>
12        </div>
13        <div class="dac-footer-social">
14          <a class="dac-fab dac-footer-social-link" href="https://www.youtube.com/user/androiddevelopers"><i class="dac-sprite dac-youtube"></i></a>
15          <a class="dac-fab dac-footer-social-link" href="https://plus.google.com/+AndroidDevelopers"><i class="dac-sprite dac-gplus"></i></a>
16          <a class="dac-fab dac-footer-social-link" href="https://twitter.com/AndroidDev"><i class="dac-sprite dac-twitter"></i></a>
17        </div>
18      </div>
19    </div>
20
21    <hr class="dac-footer-separator"/>
22
23    <?cs if:reference ?>
24      <p class="dac-footer-copyright">
25        <?cs call:custom_copyright() ?>
26      </p>
27      <p class="dac-footer-build">
28        <?cs call:custom_buildinfo() ?>
29      </p>
30    <?cs elif:!hide_license_footer ?>
31      <p class="dac-footer-copyright">
32        <?cs call:custom_cc_copyright() ?>
33      </p>
34    <?cs /if ?>
35
36    <p class="dac-footer-links">
37      <a href="/about/index.html">About Android</a>
38      <a href="/auto/index.html">Auto</a>
39      <a href="/tv/index.html">TV</a>
40      <a href="/wear/index.html">Wear</a>
41      <a href="/legal.html">Legal</a>
42
43      <span id="language" class="locales">
44        <select name="language" onchange="changeLangPref(this.value, true)">
45          <option value="en" selected="selected">English</option>
46          <option value="es">Español</option>
47          <option value="ja">日本語</option>
48          <option value="ko">한국어</option>
49          <option value="pt-br">Português Brasileiro</option>
50          <option value="ru">Русский</option>
51          <option value="zh-cn">中文(简体)</option>
52          <option value="zh-tw">中文(繁體)</option>
53        </select>
54      </span>
55    </p>
56  </div>
57</div> <!-- end footer -->
58
59<div data-modal="newsletter" data-newsletter data-swap class="dac-modal newsletter">
60  <div class="dac-modal-container">
61    <div class="dac-modal-window">
62      <header class="dac-modal-header">
63        <button class="dac-modal-header-close" data-modal-toggle><i class="dac-sprite dac-close"></i></button>
64        <div class="dac-swap" data-swap-container>
65          <section class="dac-swap-section dac-active dac-down">
66            <h2 class="norule dac-modal-header-title">Get the latest Android developer news and tips that will help you find success on Google Play.</h2>
67            <p class="dac-modal-header-subtitle">&#42; Required Fields</p>
68          </section>
69          <section class="dac-swap-section dac-up">
70            <h2 class="norule dac-modal-header-title">Hooray!</h2>
71          </section>
72        </div>
73      </header>
74      <div class="dac-swap" data-swap-container>
75        <section class="dac-swap-section dac-active dac-left">
76          <form action="https://docs.google.com/forms/d/1QgnkzbEJIDu9lMEea0mxqWrXUJu0oBCLD7ar23V0Yys/formResponse" class="dac-form" method="post" target="dac-newsletter-iframe">
77            <section class="dac-modal-content">
78              <fieldset class="dac-form-fieldset">
79                <div class="cols">
80                  <div class="col-1of2 newsletter-leftCol">
81                    <div class="dac-form-input-group">
82                      <label for="newsletter-full-name" class="dac-form-floatlabel">Full name</label>
83                      <input type="text" class="dac-form-input" name="entry.1357890476" id="newsletter-full-name" required>
84                      <span class="dac-form-required">*</span>
85                    </div>
86                    <div class="dac-form-input-group">
87                      <label for="newsletter-email" class="dac-form-floatlabel">Email address</label>
88                      <input type="email" class="dac-form-input" name="entry.472100832" id="newsletter-email" required>
89                      <span class="dac-form-required">*</span>
90                    </div>
91                  </div>
92                  <div class="col-1of2 newsletter-rightCol">
93                    <div class="dac-form-input-group">
94                      <label for="newsletter-company" class="dac-form-floatlabel">Company / developer name</label>
95                      <input type="text" class="dac-form-input" name="entry.1664780309" id="newsletter-company">
96                    </div>
97                    <div class="dac-form-input-group">
98                      <label for="newsletter-play-store" class="dac-form-floatlabel">One of your Play Store app URLs</label>
99                      <input type="url" class="dac-form-input" name="entry.47013838" id="newsletter-play-store" required>
100                      <span class="dac-form-required">*</span>
101                    </div>
102                  </div>
103                </div>
104              </fieldset>
105              <fieldset class="dac-form-fieldset">
106                <div class="cols">
107                  <div class="col-1of2 newsletter-leftCol">
108                    <legend class="dac-form-legend">Which best describes your business:<span class="dac-form-required">*</span>
109                    </legend>
110                    <div class="dac-form-radio-group">
111                      <input type="radio" value="Apps" class="dac-form-radio" name="entry.1796324055" id="newsletter-business-type-app" required>
112                      <label for="newsletter-business-type-app" class="dac-form-radio-button"></label>
113                      <label for="newsletter-business-type-app" class="dac-form-label">Apps</label>
114                    </div>
115                    <div class="dac-form-radio-group">
116                      <input type="radio" value="Games" class="dac-form-radio" name="entry.1796324055" id="newsletter-business-type-games" required>
117                      <label for="newsletter-business-type-games" class="dac-form-radio-button"></label>
118                      <label for="newsletter-business-type-games" class="dac-form-label">Games</label>
119                    </div>
120                    <div class="dac-form-radio-group">
121                      <input type="radio" value="Apps and Games" class="dac-form-radio" name="entry.1796324055" id="newsletter-business-type-appsgames" required>
122                      <label for="newsletter-business-type-appsgames" class="dac-form-radio-button"></label>
123                      <label for="newsletter-business-type-appsgames" class="dac-form-label">Apps &amp; Games</label>
124                    </div>
125                  </div>
126                  <div class="col-1of2 newsletter-rightCol newsletter-checkboxes">
127                    <div class="dac-form-radio-group">
128                      <div class="dac-media">
129                        <div class="dac-media-figure">
130                          <input type="checkbox" class="dac-form-checkbox" name="entry.732309842" id="newsletter-add" required value="Add me to the mailing list for the monthly newsletter and occasional emails about development and Google Play opportunities.">
131                          <label for="newsletter-add" class="dac-form-checkbox-button"></label>
132                        </div>
133                        <div class="dac-media-body">
134                          <label for="newsletter-add" class="dac-form-label dac-form-aside">Add me to the mailing list for the monthly newsletter and occasional emails about development and Google Play opportunities.<span class="dac-form-required">*</span></label>
135                        </div>
136                      </div>
137                    </div>
138                    <div class="dac-form-radio-group">
139                      <div class="dac-media">
140                        <div class="dac-media-figure">
141                          <input type="checkbox" class="dac-form-checkbox" name="entry.2045036090" id="newsletter-terms" required value="I acknowledge that the information provided in this form will be subject to Google's privacy policy (https://www.google.com/policies/privacy/).">
142                          <label for="newsletter-terms" class="dac-form-checkbox-button"></label>
143                        </div>
144                        <div class="dac-media-body">
145                          <label for="newsletter-terms" class="dac-form-label dac-form-aside">I acknowledge that the information provided in this form will be subject to <a href="https://www.google.com/policies/privacy/">Google's privacy policy</a>.<span class="dac-form-required">*</span></label>
146                        </div>
147                      </div>
148                    </div>
149                  </div>
150                </div>
151              </fieldset>
152            </section>
153            <footer class="dac-modal-footer">
154              <div class="cols">
155                <div class="col-2of5">
156                </div>
157              </div>
158              <button type="submit" value="Submit" class="dac-fab dac-primary dac-large dac-modal-action"><i class="dac-sprite dac-arrow-right"></i></button>
159            </footer>
160          </form>
161        </section>
162        <section class="dac-swap-section dac-right">
163          <div class="dac-modal-content">
164            <p class="newsletter-success-message">
165              You have successfully signed up for the latest Android developer news and tips.
166            </p>
167          </div>
168        </section>
169      </div>
170    </div>
171  </div>
172</div> <!-- end footer -->
173