opt-cc/static/src/app/login/signup.component.html

<form class="form-signin" (ngSubmit)="signup(userName.value, password.value, secret.value)">

  <div class="row" style="position: absolute;width: 500px;left: 40%;">
    <h2 style="text-align: center;" class="form-signin-heading">{{'signup.headline' | translate}}</h2>

    <p [innerHtml]="'signup.description' | translate"></p>

    <label for="inputEmail" class="sr-only">{{'signup.username' | translate}}</label>
    <input #userName id="inputEmail" class="form-control" placeholder="{{'signup.username' | translate}}" required="" autofocus="">

    <label for="inputPassword" class="sr-only">{{'signup.password' | translate}}</label>
    <input #password type="password" id="inputPassword" class="form-control" placeholder="{{'signup.password' | translate}}" required="">

    <label for="inputSecret" class="sr-only">{{'signup.secret' | translate}}</label>
    <input #secret type="text" id="inputSecret" class="form-control" placeholder="{{'signup.secret.placeholder' | translate}}"
           required="">

    <div class="form-group">
      <button type="submit" class="btn btn-lg btn-block btn-primary">
        <span *ngIf="!loading">{{'signup.submit' | translate}}</span>
        <span *ngIf="loading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
      </button>
    </div>
  </div>
</form>