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> |