| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <div id="hero-download" class="container content"> | 
|  | 2   <div class="row"> | 
|  | 3     <header class="column one-half content hide-on-maxthon"> | 
|  | 4       <h1>{{ surf-the-web-heading[heading] <span class="avoid-wrap">SURF THE WEB
    </span> <span class="avoid-wrap">WITH NO ANNOYING ADS</span> }}</h1> | 
|  | 5       <ul> | 
|  | 6         <li>{{ surf-the-web-item-1[list item] Experience a cleaner, faster web a
    nd block annoying ads }}</li> | 
|  | 7         <li>{{ surf-the-web-item-2[list item] Acceptable Ads are allowed by defa
    ult to support websites <span class="small avoid-wrap">(<a href="acceptable-ads"
    >learn more</a>) <sup>[<a href="#footnote">1</a>]</sup></span> }}</li> | 
|  | 8         <li>{{ surf-the-web-item-3[list item] Adblock Plus is free and open sour
    ce <span class="small">(<a href="https://www.gnu.org/licenses/gpl.html">GPLv3+</
    a>)</span> }}</li> | 
|  | 9       </ul> | 
|  | 10       <p id="hero-download-tos"> | 
|  | 11         <small>{{ hero-download-tos[terms of service] By clicking the Agree and 
    Install button below, you agree to our <a href="terms">Terms of Use</a>. }}</sma
    ll> | 
|  | 12       </p> | 
|  | 13       <div> | 
|  | 14         <a | 
|  | 15           id="hero-download-button" | 
|  | 16           class="button" | 
|  | 17           href="download"> | 
|  | 18           {{ hero-download-label[button label] Install }} | 
|  | 19         </a> | 
|  | 20         <p id="hero-download-alternate"> | 
|  | 21           <a href="download">{{ download-another-browser[link] Download Adblock 
    Plus for another browser }}.</a> | 
|  | 22         </p> | 
|  | 23       </div> | 
|  | 24     </header> | 
|  | 25     <header class="column one-half content show-on-maxthon"> | 
|  | 26       <h1>{{ abp-and-maxthon-heading[heading] ADBLOCK PLUS IS ALREADY PART OF YO
    UR MAXTHON BROWSER }}</h1> | 
|  | 27       <p>{{ abp-and-maxthon-body Together, Maxthon and Adblock Plus allow you to
     experience a faster, cleaner web by eliminating annoying and malicious ads, dis
    abling tracking and more. To help keep the web sustainable, support websites wit
    h <a href="https://acceptableads.com/">Acceptable Ads</a> (enabled by default). 
    }}</p> | 
|  | 28     </header> | 
|  | 29     <aside class="column one-half"> | 
|  | 30       <div id="hero-download-video" class="video-parent"> | 
|  | 31         <a class="video-link" target="_blank" href="https://www.youtube-nocookie
    .com/embed/PAfHJNv-a7I?html5=1&autohide=1&enablejsapi=1&controls=2&a
    mp;fs=1&modestbranding=1&rel=0&showinfo=0&theme=light&autopl
    ay=1"> | 
|  | 32           <img class="video-thumbnail" src="/img/hero-video.jpg" srcset="/img/he
    ro-video-2x.jpg 2x" alt="{{ video-alt-text[alt text] Introduction to Adblock Plu
    s video thumbnail }}"> | 
|  | 33           <img class="video-play" src="/img/video-external.png" alt="{{ video-pl
    ay-alt-text[alt text] Play Video }}"> | 
|  | 34         </a> | 
|  | 35         <p class="video-disclaimer"> | 
|  | 36           {{ video-disclaimer Click to play this video. Please note that this vi
    deo is hosted by YouTube. When this video is played, some personal data is trans
    ferred to YouTube. For more information, please review YouTube's <a href='https:
    //www.google.com/intl/en/policies/privacy/' target='_blank'>privacy policy</a>. 
    }} | 
|  | 37         </p> | 
|  | 38       </div> | 
|  | 39     </aside> | 
|  | 40   </div> | 
|  | 41   <? include hero-download-conditional ?> | 
|  | 42 </div> | 
| OLD | NEW | 
|---|