footer.component.html

<div class="footer">
    <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="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 class="row" *ngIf="applicationInfoService.getDeploymentInfo().branch">
        {{applicationInfoService.getDeploymentInfo().branch}} {{applicationInfoService.getDeploymentInfo().commitId}}
    </div>
    
  </div>
</div>