footer.component.html

<div class="footer">
<!--
    <p jhiTranslate="footer">More information can be found <a href="https://sharing-codeability.uibk.ac.at/static/SharingCodeAbility.html">here</a>!</p>
     -->
    <div class="container-fluid">
      <div class="row">
        <div class="col-4">
          <div class="logo-container">
            <img style="padding-left: 25px; padding-top: 15px; float: left;" src="/content/img/logo-footer.png" alt="logoFooter" width="128" height="auto">
          </div>
        </div>
        <div class="col-8">
          <div style="float: left; padding-top: 15px;">
            <ul>
              <li><a href="https://codeability.uibk.ac.at/" jhiTranslate="global.footer.about">About codeAbility</a></li>
            </ul>
          </div>
          <!--
          <div style="float: left; padding-top: 15px;">
            <ul>
              <li><a href="#">About this platform</a></li>
            </ul>
          </div>
          <div style="float: left; padding-top: 15px;">
            <ul>
              <li><a href="https://artemis.codeability.uibk.ac.at/#/datenschutz">Data Protection</a></li>
            </ul>
          </div>
          -->
          <div style="float: left; padding-top: 15px;">
            <ul>
              <li><a href="https://www.uibk.ac.at/informatik/"  jhiTranslate="global.footer.imprint">Imprint</a></li>
            </ul>
          </div>
          <div style="float: left; padding-top: 15px;">
            <ul>
              <li><a href="https://artemis.codeability.uibk.ac.at/#/datenschutz"  jhiTranslate="global.footer.privacy">Privacy</a></li>
            </ul>
          </div>
      </div>
    </div>
  </div>
</div>