OLD | NEW |
1 <aside id="contact" class="section-accent"> | 1 <aside id="contact" class="section-accent"> |
2 <div class="container tablet-width"> | 2 <div class="container tablet-width"> |
3 | 3 |
4 <h2 class="h2 ta-center underlined"> | 4 <h2 class="h2 ta-center underlined"> |
5 {{contact-heading[heading] Still looking for help?}} | 5 {{contact-heading[heading] Still looking for help?}} |
6 </h2> | 6 </h2> |
7 | 7 |
8 <div class="row"> | 8 <div class="row"> |
9 <section class="column one-half section"> | 9 <section class="column one-half section"> |
10 <header class="underlined"> | 10 <header class="underlined"> |
11 <h3 class="h4"> | 11 <h3 class="h4"> |
12 {{contact-social[heading] Get in touch}} | 12 {{contact-social[heading] Get in touch}} |
13 </h3> | 13 </h3> |
14 <p> | 14 <p> |
15 {{contact-social-description[paragraph] Drop us a line on Twitter or
Facebook and get your question answered ASAP.}} | 15 {{contact-social-description[paragraph] Drop us a line on Twitter or
Facebook and get your question answered ASAP.}} |
16 </p> | 16 </p> |
17 </header> | 17 </header> |
18 <ul class="horizontal-list"> | 18 <ul class="horizontal-list"> |
19 <li> | 19 <li> |
20 <a href="https://www.facebook.com/adblockplus"> | 20 <a class="aside-icon-container" href="https://www.facebook.com/adblo
ckplus"> |
21 <img class="heading-icon" src="/img/png/logo-facebook.png" srcset=
"/img/svg/logo-facebook.svg 2x" | 21 <img src="/img/png/logo-facebook.png" srcset="/img/svg/logo-facebo
ok.svg 2x" |
22 alt="{{facebook-logo[Image alt text] Rounded blue square Face
book glyph}}"> | 22 alt="{{facebook-logo[Image alt text] Rounded blue square Face
book glyph}}"> |
23 {{facebook[Brand name] Facebook}} | 23 <span>{{facebook[Brand name] Facebook}}</span> |
24 </a> | 24 </a> |
25 </li> | 25 </li> |
26 <li> | 26 <li> |
27 <a href="https://twitter.com/AdblockPlus"> | 27 <a class="aside-icon-container" href="https://twitter.com/AdblockPlu
s"> |
28 <img class="heading-icon" src="/img/png/logo-twitter.png" srcset="
/img/svg/logo-twitter.svg 2x" | 28 <img src="/img/png/logo-twitter.png" srcset="/img/svg/logo-twitter
.svg 2x" |
29 alt="{{ftwitter-logo[Image alt text] Blue Twitter glyph}}"> | 29 alt="{{ftwitter-logo[Image alt text] Blue Twitter glyph}}"> |
30 {{twitter[Brand name] Twitter}} | 30 <span>{{twitter[Brand name] Twitter}}</span> |
31 </a> | 31 </a> |
32 </li> | 32 </li> |
33 <li> | 33 <li> |
34 <a href="mailto:support@adblockplus.org"> | 34 <a class="aside-icon-container" href="mailto:support@adblockplus.org
"> |
35 <img class="heading-icon" src="/img/png/email-icon.png" srcset="/i
mg/svg/email-icon.svg 2x" | 35 <img src="/img/png/email-icon.png" srcset="/img/svg/email-icon.svg
2x" |
36 alt="{{email-icon[Image alt text] Blue envelope}}"> | 36 alt="{{email-icon[Image alt text] Blue envelope}}"> |
37 {{email[Link text] Email}} | 37 <span>{{email[Link text] Email}}</span> |
38 </a> | 38 </a> |
39 </li> | 39 </li> |
40 </ul> | 40 </ul> |
41 </section> | 41 </section> |
42 <section class="column one-half section"> | 42 <section class="column one-half section"> |
43 <header class="underlined"> | 43 <header class="underlined"> |
44 <h3 class="h4"> | 44 <h3 class="h4"> |
45 {{contact-developer[heading] Looking for developer support?}} | 45 {{contact-developer[heading] Looking for developer support?}} |
46 </h3> | 46 </h3> |
47 <p> | 47 <p> |
48 {{contact-developer-description[paragraph] Find source code, release
notes, advanced documentation and more.}} | 48 {{contact-developer-description[paragraph] Find source code, release
notes, advanced documentation and more.}} |
49 </p> | 49 </p> |
50 </header> | 50 </header> |
51 <ul class="horizontal-list"> | 51 <ul class="horizontal-list"> |
52 <li> | 52 <li> |
53 <a href="https://adblockplus.org/forum"> | 53 <a href="https://adblockplus.org/forum"> |
54 {{contact-developer-support-link[link] Developer Support}} | 54 {{contact-developer-support-link[link] Developer Support}} |
55 </a> | 55 </a> |
56 </li> | 56 </li> |
57 </ul> | 57 </ul> |
58 </section> | 58 </section> |
59 </div> | 59 </div> |
60 | 60 |
61 </div><!-- .container --> | 61 </div><!-- .container --> |
62 </aside> | 62 </aside> |
OLD | NEW |