<!--<div class="col-sm-4 col-md-4 col-lg-4 testblock progress " (click)="evaluatingskill = 'Primary Skill Evaluation'"  >

  <div [class.active]="evaluatingskill == 'Primary Skill Evaluation'">

    <h4>Primary Skill Evaluation</h4>

    <div class="image">
      <img *ngIf="evaluatingskill == 'Primary Skill Evaluation'; else primary" src="{{img_path + 'MettleTest_icon.png'}}"/>
      <ng-template #primary>
        <img src="{{img_path + 'MettleTest_icon.png'}}"/>
      </ng-template>
    </div>
    <div class="score"><h2>20</h2></div>t


  </div>

</div>-->

<button class="col-sm-4 col-md-4 col-lg-4 wizard_button {{classTitle}}"  [disabled]="classTitle == 'disabled'"  >

  <h4 class="wizard_title">{{eventName}} </h4>

  <img class="wizard_image" src="{{imgPath}}"/>

  <h2 class="wizard_score">{{score}}</h2>


</button>
