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 jhiTranslate="global.footer.privacy" routerLink="/datapolicy" routerLinkActive="active">Privacy</a></li>
            </ul>
          </div>
           <div style="float: right; font-size: 50%;padding-top: 15px;" *ngIf="applicationInfoService.getDeploymentInfo().branch">{{applicationInfoService.getDeploymentInfo().branch}}/{{applicationInfoService.getDeploymentInfo().commitId}} ({{applicationInfoService.getDeploymentInfo().deploymentDate}})</div>
      </div>
    </div>
  </div>
</div>