| Index: includes/contact.tmpl | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/includes/contact.tmpl | 
| @@ -0,0 +1,59 @@ | 
| +<aside id="contact" class="section-accent"> | 
| +  <div class="container tablet-width"> | 
| + | 
| +    <h2 class="h2 ta-center underlined"> | 
| +      {{ "Still looking for help?" | translate("contact-heading", "Heading") }} | 
| +    </h2> | 
| + | 
| +    <div class="row"> | 
| +      <section class="column one-half section"> | 
| +        <header class="underlined"> | 
| +          <h3 class="h4"> | 
| +            {{ "Get in touch" | translate("contact-social", "Heading" )}} | 
| +          </h3> | 
| +          <p> | 
| +            {{ "Drop us a line on Twitter or Facebook and get your question answered ASAP." | translate("contact-social-description", "Paragraph") }} | 
| +          </p> | 
| +        </header> | 
| +        <ul class="horizontal-list"> | 
| +          <li> | 
| +            <a class="has-pre-icon" href="https://www.facebook.com/adblockplus"> | 
| +              <span class="pre-icon" style="{{ get_inline_bg('logo-facebook') }}"></span> | 
| +              {{ "Facebook" | translate("facebook", "Brand Name") }} | 
| +            </a> | 
| +          </li> | 
| +          <li> | 
| +            <a class="has-pre-icon" href="https://twitter.com/AdblockPlus"> | 
| +              <span class="pre-icon" style="{{ get_inline_bg('logo-twitter') }}"></span> | 
| +              {{ "Twitter" | translate("twitter", "Brand Name") }} | 
| +            </a> | 
| +          </li> | 
| +          <li> | 
| +            <a class="has-pre-icon" href="mailto:support@adblockplus.org"> | 
| +              <span class="pre-icon" style="{{ get_inline_bg('email-icon') }}"></span> | 
| +              {{ "Email" | translate("email", "Link text") }} | 
| +            </a> | 
| +          </li> | 
| +        </ul> | 
| +      </section> | 
| +      <section class="column one-half section"> | 
| +        <header class="underlined"> | 
| +          <h3 class="h4"> | 
| +            {{ "Looking for developer support?" | translate("contact-developer", "Heading") }} | 
| +          </h3> | 
| +          <p> | 
| +            {{ "Find source code, release notes, advanced documentation and more." | translate("contact-developer-description", "Paragraph") }} | 
| +          </p> | 
| +        </header> | 
| +        <ul class="horizontal-list"> | 
| +          <li> | 
| +            <a href="https://adblockplus.org/forum"> | 
| +              {{ "Developer Support" | translate("contact-developer-support-link", "Link text") }} | 
| +            </a> | 
| +          </li> | 
| +        </ul> | 
| +      </section> | 
| +    </div> | 
| + | 
| +  </div><!-- .container --> | 
| +</aside> | 
|  |