Issue 5406 - Create Site Footer Component for Help Center

includes/layout/footer.tmpl

-{#
- # This file is part of help.eyeo.com.
- # Copyright (C) 2016 Eyeo GmbH
- #
- # help.eyeo.com is free software: you can redistribute it and/or modify
- # it under the terms of the GNU General Public License as published by
- # the Free Software Foundation, either version 3 of the License, or
- # (at your option) any later version.
- #
- # help.eyeo.com is distributed in the hope that it will be useful,
- # but WITHOUT ANY WARRANTY; without even the implied warranty of
- # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- # GNU General Public License for more details.
- #
- # You should have received a copy of the GNU General Public License
- # along with help.eyeo.com.  If not, see <http://www.gnu.org/licenses/>.
- #}
-
 <footer id="site-footer" class="navbar">
   <div class="navbar-wrapper row">
-    <div class="column one-fourth">
+    <div id="site-footer-locales" class="column one-fourth">
       <div class="custom-select">
-        <button class="custom-select-selected" aria-expanded="false" aria-controls="language-options">
-          {{config.get("langnames", locale)}}
+        <button class="custom-select-selected" aria-expanded="false" aria-haspopup="true">
+          {{ config.get("langnames", locale) }}
         </button>
-        <ul id="language-options" class="custom-select-options" aria-hidden="true">
-          {% for lang in available_locales %}
-          <li>
-            {{page|linkify(lang)}}
-              {{config.get("langnames", lang)}}
-            </a>
+        <ul class="custom-select-options" aria-label="{{ "Select Language" | translate("language-options-label", "Label") }}" role="menu" tabindex="-1">
+          {% for available_locale in available_locales %}
+          <li role="none">
+            {{ page | linkify(available_locale) }}{{ config.get("langnames", available_locale) }}</a>
           </li>
           {% endfor %}
         </ul>
       </div>
     </div>
-    <div class="column three-fourths">
-      <nav id="site-footer-nav">
-        <ul>
-          <li><a href="">Legal</a></li>
-          <li><a href="https://adblockplus.org/privacy">Privacy Policy</a></li>
+    <div id="site-footer-nav" class="column three-fourths">
+      <nav>
+        <ul class="horizontal-list">
+          <li><a href="">{{ "Legal" | translate("footer-nav-link-1", "Navigation link") }}</a></li>
+          <li><a href="https://adblockplus.org/privacy">{{ "Privacy Policy" | translate("footer-nav-link-2", "Navigation link") }}</a></li>
         </ul>
       </nav>
-      <small class="color-muted"><a href="https://adblockplus.org">Adblock Plus</a> is a registered trademark of <a href="https://eyeo.com">eyeo GmbH</a></small>
+      <small class="muted">
+        {{ "<a href=\"https://adblockplus.org\">Adblock Plus</a> is a registered trademark of <a href=\"https://eyeo.com\">eyeo GmbH</a>" | translate("footer-trademark-notice", "Paragraph") }}
+      </small>
     </div>
   </div>
-</header>
+</footer>