Index: includes/abb-cross-promotion.tmpl |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/includes/abb-cross-promotion.tmpl |
@@ -0,0 +1,38 @@ |
+<section id="abb-cross-promotion" class="bg-secondary"> |
+ <div class="container phablet-width content text-center"> |
+ <h2 class="h1"> |
+ {{ "Want to block ads and disable tracking on <span class='avoid-wrap'>mobile devices?</span>" | translate("abb-cross-promotion-heading", "Heading") }} |
+ </h2> |
+ |
+ <figure> |
+ <img src="/img/abb-logo.png" |
+ alt="{{ "Adblock Browser icon against a shield" | translate("abb-full-logo-alt", "Alt text") }}" |
+ id="abb-logo"> |
+ <figcaption> |
+ <h3> |
+ {{ "Adblock Browser App" | translate("abb-cross-promotion-subheading", "Heading") }} |
+ </h3> |
+ <p> |
+ {{ "From the team behind Adblock Plus, the most popular ad blocker for desktop browsers, Adblock Browser is now available for your Android and iOS devices." | translate("abb-cross-promotion-description", "Paragraph") }} |
+ </p> |
+ </figcaption> |
+ </figure> |
+ |
+ <div id="abb-app-store-badges" class="row"> |
+ <a href="https://eyeo.to/adblockbrowser/ios/abp-website" |
+ title="{{ "Get Adblock Browser on iOS" | translate("abb-ios-link-title", "Link title") }}" |
+ class="column one-half"> |
+ <img src="{% if page != "poland" %}/{% endif %}img/apple-app-store-badge.png" |
+ srcset="{% if page != "poland" %}/{% endif %}img/apple-app-store-badge.svg 2x" |
+ alt="{{ "Download Adblock Browser on the App Store" | translate("abb-ios-badge-alt", "Alt text") }}"> |
+ </a> |
+ <a href="https://eyeo.to/adblockbrowser/android/abp-website" |
+ title="{{ "Get Adblock Browser on Android" | translate("abb-android-link-title", "Link title") }}" |
+ class="column one-half"> |
+ <img src="{% if page != "poland" %}/{% endif %}img/google-play-badge.png" |
+ {% if page != "poland" %}srcset="/img/google-play-badge.svg 2x"{% endif %} |
+ alt="{{ "Download Adblock Browser on Google Play" | translate("abb-android-badge-alt", "Alt text") }}"> |
+ </a> |
+ </div> |
+ </div> |
+</section> |