Page History

...

CSS Stylesheet

/*-----------------------------------------*/
/*---OOH EVENT DETAIL PAGE - 24-10-2022---*/
/*---------------------------------------*/      

/*---INTRODUCTION---*/
#description-agenda {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/592642240/bg-illu-sigle-home-communication-material-introduction.svg");
background-position: bottom right;
background-repeat: no-repeat;
background-size: 100%;
}

#agenda .col-container { display: flex; justify-content: space-between; align-items: center !important; margin-bottom:2.125rem; padding-bottom: 2.125rem; border-bottom:1px solid #E3E6EB;}
#agenda .col-container:last-child { border-bottom:none;}   
#agenda .col-container .col-first { padding-right:1rem; width: 25%; font-size:18px; color: #001832;} 
#agenda .col-container .col-second { width: 75%;}
#agenda .col-container .col-second h3 { font-size:18px; font-family: Source Sans Pro SB; } 
#agenda .col-container .col-second h3 span { display: block; margin-bottom:0.75rem; font-size: 1rem; line-height: 1; color: #5D24A4;} 
#agenda .col-container .col-second p:last-child { margin-bottom:0; width: 90%}

Div

style	display:none;

Excerpt

hidden	true

Html-bobswift

<div class="col-container">

<div class="col-first">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt="">
</div>

<div class="col-second">
<h3><span>Online event</span>OOTS launch event</h3>
<p class="date">16 November | 9:00 - 14:00</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="event-cta"><a class="btn primary" target="_blank" href="#"><span>See event</span><span class="ico-cta"></span></a></p>
</div>

</div>

Page tree

Versions Compared

Old Version 15

New Version 16

Key