<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/605323607/Card%20Learn%20Hub.png?api=v2" alt="">
</div>
<div class="card-grid-body">
<div style="margin-top: 14px;" class="card-label-ea"><p>National ID</p></div>
<div class="line-seperator"><hr></div>
<h3>Identity</h3>
<p class="card-grid-text">A <strong>citizen</strong> from a <strong>Country A</strong> gets access to public services in a <strong>Country B</strong> using national ID</p>
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/605323607/Card%20Learn%20Hub%20%281%29.png?api=v2" alt="">
</div>
<div class="card-grid-body">
<div class="card-label-ea"><p>Student ID</p></div>
<div class="line-seperator"><hr></div>
<h3>MyAcademicID for authentication purposes</h3>
<p class="card-grid-text">A <strong>student</strong> from an <strong>educational institution</strong> in a <strong>Country A</strong> wants to access resources and facilities from <strong>educational institution</strong> in a <strong>Country B</strong></p>
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/605323607/Card%20Learn%20Hub%20%282%29.png?api=v2" alt="">
</div>
<div class="card-grid-body">
<div class="card-label-ea">
<p >Secondary Diploma</p>
<p >Bachelor Diploma</p>
<p >Master Disploma</p>
<p >PhD Diploma</p>
</div>
<div class="line-seperator"><hr></div>
<h3>Formal Accreditation and Recognition</h3>
<p class="card-grid-text">A <strong>student</strong> who has completed a <strong>formal education degree</strong> in a <strong>University</strong> from <strong>Country A</strong> wants to enroll for another <strong>formal education degree</strong> at <strong>University</strong> from
<strong>Country B</strong></p>
</div>
</div>
</div> | 