<div class="np-card spacing-clear">
  <div class="np-card-container padding-spacing-8">
    <div class="row np-certificate-metadata-row">
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-title" >
          {% t .learner %}
        </p>
      </div>
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-value">
          {{certificate.learner_name}}
        </p>
      </div>
    </div>
    <div class="line"></div>

    {% if certificate.issuer_name_enabled? %}
      <div class="row  np-certificate-metadata-row">
        <div class="col-xs-6 col-md-6">
          <p class="np-certificate-metadata-title">
            {% t .issued_by %}
          </p>
        </div>
        <div class="col-xs-6 col-md-6">
          <p class="np-certificate-metadata-value">
            {{ certificate.issuer_name }}
          </p>
        </div>
      </div>
      <div class="line"></div>
    {% endif %}

    <div class="row np-certificate-metadata-row">
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-title" >
          {% t .issued_on %}
        </p>
      </div>
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-value">
          {{ certificate.issue_date }}
        </p>
      </div>
    </div>
    <div class="line"></div>
    <div class="row np-certificate-metadata-row">
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-title" >
          {% t .expires_on %}
        </p>
      </div>
      <div class="col-xs-6 col-md-6">
        <p class="np-certificate-metadata-value">
          {{ certificate.expiration_date_translation }}
        </p>
      </div>
    </div>
  </div>
</div>
<style>
  .bqUfwS{
  display:none !important;
  }
  </style>