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>