<div class="container">
  <div class="row">
    <div class="col s6 m3">
      <a href="https://www.dfg.de/">
        <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}">
      </a>
    </div>
    <div class="col s6 m3 offset-m1 center-align">
      <a href="https://www.uni-bielefeld.de/sfb1288/">
        <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_sfb_1288.png') }}">
      </a>
    </div>
    <div class="col s12 m3 offset-m1">
      <h5 class="white-text">Legal Notice</h5>
      <ul>
        <li><a class="grey-text text-lighten-3" href="https://www.uni-bielefeld.de/(en)/impressum/">Legal Notice</a></li>
        <li><a class="grey-text text-lighten-3" href="{{ url_for('main.privacy_policy') }}">Privacy statement (GDPR)</a></li>
        <li><a class="grey-text text-lighten-3" href="{{ url_for('main.terms_of_use') }}">Terms of use</a></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>
<div class="footer-copyright">
  <div class="container">
    <div class="row" style="margin-bottom: 0;">
      <div class="col s12 m3">
        <span>© 2020 Bielefeld University</span>
      </div>
      <div class="col s12 m2">
        <span class="right"><b>Version {{ config.NOPAQUE_VERSION }}</b></span>
      </div>
      <div class="col s12 m7 right-align">
        <a class="btn-small waves-effect waves-light" href="{{ url_for('main.faq') }}"><i class="left material-icons">info_outline</i>Frequently Asked Questions</a>
        <a class="btn-small waves-effect waves-light" href="mailto:{{ config.NOPAQUE_SERVICE_DESK }}"><i class="left material-icons">mail</i>Report an issue</a>
        <a class="btn-small waves-effect waves-light" href="https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque" target="_blank"><i class="left material-icons">code</i>GitLab</a>
      </div>
    </div>
  </div>
</div>