| LEFT | RIGHT | 
|---|
| (no file at all) |  | 
|  | 1 <aside id="contact" class="section-accent"> | 
|  | 2   <div class="container tablet-width"> | 
|  | 3 | 
|  | 4     <h2 class="h2 ta-center underlined"> | 
|  | 5       {{ "Still looking for help?" | translate("contact-heading", "Heading") }} | 
|  | 6     </h2> | 
|  | 7 | 
|  | 8     <div class="row"> | 
|  | 9       <section class="column one-half section"> | 
|  | 10         <header class="underlined"> | 
|  | 11           <h3 class="h4"> | 
|  | 12             {{ "Get in touch" | translate("contact-social", "Heading" )}} | 
|  | 13           </h3> | 
|  | 14           <p> | 
|  | 15             {{ "Drop us a line on Twitter or Facebook and get your question answ
    ered ASAP." | translate("contact-social-description", "Paragraph") }} | 
|  | 16           </p> | 
|  | 17         </header> | 
|  | 18         <ul class="horizontal-list"> | 
|  | 19           <li> | 
|  | 20             <a class="has-pre-icon" href="https://www.facebook.com/adblockplus"> | 
|  | 21               <span class="pre-icon" style="{{ get_inline_bg('logo-facebook') }}
    "></span> | 
|  | 22               {{ "Facebook" | translate("facebook", "Brand Name") }} | 
|  | 23             </a> | 
|  | 24           </li> | 
|  | 25           <li> | 
|  | 26             <a class="has-pre-icon" href="https://twitter.com/AdblockPlus"> | 
|  | 27               <span class="pre-icon" style="{{ get_inline_bg('logo-twitter') }}"
    ></span> | 
|  | 28               {{ "Twitter" | translate("twitter", "Brand Name") }} | 
|  | 29             </a> | 
|  | 30           </li> | 
|  | 31           <li> | 
|  | 32             <a class="has-pre-icon" href="mailto:support@adblockplus.org"> | 
|  | 33               <span class="pre-icon" style="{{ get_inline_bg('email-icon') }}"><
    /span> | 
|  | 34               {{ "Email" | translate("email", "Link text") }} | 
|  | 35             </a> | 
|  | 36           </li> | 
|  | 37         </ul> | 
|  | 38       </section> | 
|  | 39       <section class="column one-half section"> | 
|  | 40         <header class="underlined"> | 
|  | 41           <h3 class="h4"> | 
|  | 42             {{ "Looking for developer support?" | translate("contact-developer",
     "Heading") }} | 
|  | 43           </h3> | 
|  | 44           <p> | 
|  | 45             {{ "Find source code, release notes, advanced documentation and more
    ." | translate("contact-developer-description", "Paragraph") }} | 
|  | 46           </p> | 
|  | 47         </header> | 
|  | 48         <ul class="horizontal-list"> | 
|  | 49           <li> | 
|  | 50             <a href="https://adblockplus.org/forum"> | 
|  | 51               {{ "Developer Support" | translate("contact-developer-support-link
    ", "Link text") }} | 
|  | 52             </a> | 
|  | 53           </li> | 
|  | 54         </ul> | 
|  | 55       </section> | 
|  | 56     </div> | 
|  | 57 | 
|  | 58   </div><!-- .container --> | 
|  | 59 </aside> | 
| LEFT | RIGHT | 
|---|