<div class="card-upcoming-cols">
<!--CARD 01-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/illu-news-oots-13-01-2023.png"></a>
<h3>Projectathon #1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>19<p class="card-upcoming-date">19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a class="btn primary" href="#"><span>Read more</span><span class="ico-cta-forward"></span></a>
</div>
</div>
</div>
<!---->
<!--CARD 02-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/illu-news-oots-13-01-2023.png"></a>
<h3>Projectathon #1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a<p class="btn primarylabel" href="#"><span>Read more</span><span class="ico-cta-forward"></span></a>>June 2023</p>
</div>
</div>
</div>
<!---->
<!--CARD 02-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/illu-news-oots-13-01-2023.png"></a>
<h3>Projectathon #1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a<p class="btn primarylabel" href="#"><span>Read more</span><span class="ico-cta-forward"></span></a>>October 2023</p>
</div>
</div>
</div>
<!---->
</div> | 