Issue 5534 - Create Contact Section for help.eyeo.com

includes/contact.html

Index: includes/contact.html
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/contact.html
@@ -0,0 +1,62 @@
+<aside id="contact" class="section-accent">
+  <div class="container tablet-width">
+
+    <h2 class="h2 ta-center underlined">
+      {{contact-heading[heading] Still looking for help?}}
+    </h2>
+
+    <div class="row">
+      <section class="column one-half section">
+        <header class="underlined">
+          <h3 class="h4">
+            {{contact-social[heading] Get in touch}}
+          </h3>
+          <p>
+            {{contact-social-description[paragraph] Drop us a line on Twitter or Facebook and get your question answered ASAP.}}
+          </p>
+        </header>
+        <ul class="horizontal-list">
+          <li>
+            <a href="https://www.facebook.com/adblockplus">
+              <img class="heading-icon" src="/img/png/logo-facebook.png" srcset="/img/svg/logo-facebook.svg 2x" 
+                   alt="{{facebook-logo[Image alt text] Rounded blue square Facebook glyph}}">
+              {{facebook[Brand name] Facebook}}
+            </a>
+          </li>
+          <li>
+            <a href="https://twitter.com/AdblockPlus">
+              <img class="heading-icon" src="/img/png/logo-twitter.png" srcset="/img/svg/logo-twitter.svg 2x" 
+                   alt="{{ftwitter-logo[Image alt text] Blue Twitter glyph}}">
+              {{twitter[Brand name] Twitter}}
+            </a>
+          </li>
+          <li>
+            <a href="mailto:support@adblockplus.org">
+              <img class="heading-icon" src="/img/png/email-icon.png" srcset="/img/svg/email-icon.svg 2x" 
+                   alt="{{email-icon[Image alt text] Blue envelope}}">
+              {{email[Link text] Email}}
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section class="column one-half section">
+        <header class="underlined">
+          <h3 class="h4">
+            {{contact-developer[heading] Looking for developer support?}}
+          </h3>
+          <p>
+            {{contact-developer-description[paragraph] Find source code, release notes, advanced documentation and more.}}
+          </p>
+        </header>
+        <ul class="horizontal-list">
+          <li>
+            <a href="https://adblockplus.org/forum">
+              {{contact-developer-support-link[link] Developer Support}}
+            </a>
+          </li>
+        </ul>
+      </section>
+    </div>
+    
+  </div><!-- .container -->
+</aside>