<div class="container">
  <div class="row">
    <div class="col-12">
        <p style="text-align: center; font-weight: 600; font-size: 25px;">{{'Certificate type' | translate}}</p>
        <p style="font-size: 18px;">{{'Please select type of certificate you want to view and download.' | translate}}</p>
    </div>  
  </div>
  <div class="row">
    <div class="col-12">
        <div class="12" style="text-align: center; width: 100%; margin: 20px auto 30px auto">
            <button style="background-color: #484848;color:#fdfdfd;margin-right: 10px" class="btn btn-primary w3-button/" md-raised-button
              (click)="basic()">{{'BASIC PDF' | translate}}</button>
            <button id="cmd" style="background-color: #d81111;color:#fdfdfd;" class="btn btn-primary w3-button/"
              md-raised-button (click)="advance()">{{'ADVANCE PDF' | translate}}</button>
          </div>

    </div>

  </div>
</div>