Versions Compared

Old Version 113

changes.mady.by.user Virginie MANGELINCK

Saved on

compared with

New Version 114

changes.mady.by.user Virginie MANGELINCK

Saved on

Key

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

...

Div
idevent-detail-footer
classsection
Div
classcontainer
Div
classcols
Div
Html-bobswift
<!--<p class="register-cta"><a class="btn primary" target="_blank" href="#"><span>Register for this event</span></a></p>-->
<p class="social-media-cta">Don’t forget to follow the Once-Only Technical System <a href="https://twitter.com/EU_OnceOnly" target="_blank">Twitter</a> account to keep up to date with the latest news.</p>
<p><a href="https://twitter.com/EU_OnceOnly" target="_blank"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-twitter.svg" alt="OOH on Twitter"></a></p>

...

Div
idbox-cta-projectathon-playbook
classsection
Html-bobswift
<div class="container"> 

<div class="cols">

<div class="col-2">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/illu-projectathon playbook.png" alt="">
</div>

<div class="col-10">
<h3 class="h4">Projectathon Playbook</h3>
<p>The Projectathon Playbook provides a detailed overview of the Projectathon events organized for teams across the Member States willing to test their system before the go-live of the Once-Only Technical System.</p>
<p><a class="btn primary-negative" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/592642240/OOTS-PROJECTATHON-PLAYBOOK-PARTICIPANTS-12-12-2022.pdf"><span>Download the Projectathon Playbook</span><span class="ico-download"></span></a></p>
</div>

</div>

</div>
CSS Stylesheet
/*---BOX CTA EVENTS---*/
#box-cta-projectathon-playbook { padding-top:0;}
/*hack - remove empty p from confluence*/
#box-cta-projectathon-playbook > p:first-child , #box-cta-projectathon-playbook > p:last-child { display:none; border:1px solid red;}
#box-cta-projectathon-playbook .container { position: relative; padding: 3rem 2.5rem; background-color: #00284A; border-radius: 20px;}
#box-cta-projectathon-playbook h3 { color: white;} 
#box-cta-projectathon-playbook p { margin-top:0.75rem; color: white; opacity:0.75;}
#box-cta-projectathon-playbook p:last-child { margin-bottom:0; opacity:1;}

@media screen and (min-width: 769px) {
   #box-cta-projectathon-playbook .container { padding: 6.25rem 5rem;}
   #box-cta-projectathon-playbook .col-10 { padding-left: 2rem;} 
}

...