unserver-unify/src/app/additional/qrcertificate.html

<style type="text/css">
@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url('assets/css/fonts/HelveticaNeueLTStd-Bd.eot');
  src: url('assets/css/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
    url('assets/css/fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
    url('assets/css/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
    url('assets/css/fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
    url('assets/css/fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
  font-weight: bold;
  font-style: normal;
}
</style>
<div class="panel panel-body tst_asnt exam_result" ng-controller="QRCertController as ctrl">
  <div class="show_print">
    <img ng-src="{{ ctrl.logoUrl }}" style="width:20%"/>
    <h2 class="text-right" style="width:60%; float: right;">
      Certificate
    </h2>
    <div class="clearfix">
    </div>
    <div class="score_result text-right" style="width:60%; float: right;">
      {{ 'Your Score' | translate }}: {{ ctrl.score }} / {{ 'Total Score' | translate }}: {{ ctrl.totalscore }}
    </div>
    <div class="clearfix">
    </div>
    <hr>
      <div class="clearfix">
      </div>
    </hr>
  </div>
  <div class="exam_title hide_print">
    <h2 translate="" style="color: #fff;">
      Certificate
    </h2>
  </div>
  <div class="clearfix">
  </div>
  <div>
    <div class="certificate">
      <canvas height="1055" id="canvas">
      </canvas>
    </div>
    
    <div class="col-lg-2 pull-right" ng-if="ctrl.showCert">
      <a class="btn btn-u btn-sm btn-success pull-right" id="downloadbtn" ng-click="ctrl.DownloadCertificate()">
        <i class="fa fa-download">
        </i>
        {{'Download Certificate'|translate}}
      </a>
    </div>
  </div>
</div>