Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Div
idupcoming-projectatons
classsection
Div
classcontainer
Html-bobswift
<div class="cols">
<div class="col-8">

<h2>Past & Upcoming Projectathons</h2>
<p class="mb-0">The Commission is organising three Once-Only Technical System Projectathons in 2023. These are three-day events where national teams will connect various systems and perform a marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>

</div>
</div>
Html-bobswift
<div class="card-upcoming-cols">

<!--CARD 01-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"></a>
<h3>Projectathon #1</h3>
<p class="label past">Past</p>
<p>The first OOTS Projectathon brought together participants and observers to perform key tests on their national Once-Only Technical System implementations, ahead of the June and October sessions.</p>
<p class="card-upcoming-date">19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a class="btn primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"><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="#" style="pointer-events: none;"></a>
<h3>Projectathon #2</h3> 
 <p class="label upcomingpast">Upcoming<>Past</p> 
<p>The second OOTS Projectathon takes place in June, providing a valuable moment when national implementation teams can perform interoperability tests prior to the summer recess.</p>
<p class="card-upcoming-date">14 - 16 June 2023</p>
</div>
<div class="card-upcoming-footer">  
<a class="btn primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon2"><span>Read more</span><span class="ico-cta-forward"></span></a> 
</div>
</div>
</div>
<!---->

<!--CARD 03-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #3</h3>
<p class="label upcoming">Upcoming</p> 
<p>The third OOTS Projectathon takes place in October, just two months before the legal deadline and so comes at a critical point in Europe’s Once-Only journey.</p>
<p class="card-upcoming-date">October 2023</p>
</div>
<div class="card-upcoming-footer">
<p class="label available-soon">Available soon</p> 
</div>
</div>
</div>
<!---->

</div>

...