<footer class="page-footer font-small pt-1" id="footer-style">
  <div class="container text-center text-md-left">
    <div class="row">
      <div class="col-md-6 mx-auto">
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4">TecnoAgora</h5>
        <p><%= strings['footer']['footer_descripcio'][lang] %></p>
      </div>
      <hr class="clearfix w-100 d-md-none">
      <div class="col-md-3 mx-auto">
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4"><%= strings['footer']['enllaÃ§_rapid'][lang] %></h5>
        <ul class="list-unstyled">
          <li><a href="/termsAndConditions"><%= strings['menu']['terms'][lang] %></a></li>
          <li><a href="/cookiePolicy"><%= strings['menu']['cookie_policy'][lang] %></a></li>
          <li><a href="/shop"><%= strings['botiga']['support'][lang] %></a></li
        </ul>
      </div>
      <hr class="clearfix w-100 d-md-none">
      <div class="col-md-3 mx-auto">
        <h5 class="font-weight-bold text-uppercase mt-3 mb-4"><%= strings['footer']['informacio'][lang] %></h5>
        <ul class="list-unstyled">
          <li><a href="/faqs"><%= strings['footer']['faqs'][lang] %></a></li>
          <li><a href="/contact"><%= strings['footer']['contacte'][lang] %></a></li>
          <li>
            <a href="https://twitter.com/tecnoagora_org">
              <img height="45" src="/src/imgs/twitter_logo.png"></img>
            </a>
            <a href="https://ko-fi.com/cuctrosi">
              <img height="35" src="/src/imgs/ko-fi_logo.png"></img>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="footer-copyright text-center py-3">
    <a href="https://tecnoagora.com/"> TecnoAgora</a>, <%= strings['general']['projecte_OS'][lang] %>
    <span>
      <a href="https://github.com/xampla/tecnoagora">
        <img height="30" src="/src/imgs/github_logo.png"></img>
      </a>
    </span>
  </div>
</footer>
