<div class="col-4">
<div class="card-grid card-grid-sc-slider">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/img-ss-european-student-card.png" alt="">
</div>
<div class="card-grid-body">
<p class="text-right">4/6</p>
<ul class="list-flag">
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-belgium.svg" alt="Belgium Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-spain.svg" alt="Spain Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-european-union.svg" alt="European Union Flag"></li>
</ul>
<h3>Municipality Credentials</h3>
<p class="card-grid-text">A student gets access to local discounts using municipality credentials based on a European student card.</p>
</div>
<div class="card-grid-footer">
<p><a class="link-cta text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/iQHaIg"><span>Read the full story</span></a></p>
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid card-grid-sc-slider">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/img-ss-erasmus-records.png" alt="">
</div>
<div class="card-grid-body">
<p class="text-right">5/6</p>
<ul class="list-flag">
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-belgium.svg" alt="Belgium Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-spain.svg" alt="Spain Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-italy.svg" alt="Italy Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-european-union.svg" alt="European Union Flag"></li>
</ul>
<h3>Transcript of Records</h3>
<p class="card-grid-text">A student gets a master diploma after receiving a transcript of records validated by Erasmus.</p>
</div>
<div class="card-grid-footer">
<p><a class="link-cta text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/TgDaIg"><span>Read the full story</span></a></p>
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid card-grid-sc-slider">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/img-ss-diploma.png" alt="">
</div>
<div class="card-grid-body">
<p class="text-right">6/6</p>
<ul class="list-flag">
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-romania.svg" alt="Romania Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-greece.svg" alt="Greece Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-france.svg" alt="France Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-european-union.svg" alt="European Union Flag"></li>
</ul>
<h3>Bachelor/Master Degree</h3>
<p class="card-grid-text">A student applies for a PhD with a bachelor/master degree from a foreign country.</p>
</div>
<div class="card-grid-footer">
<p><a class="link-cta text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/wwDaIg"><span>Read the full story</span></a></p>
</div>
</div>
</div> | 