View Source

<h3 class="h2">
<span class="display-3 date-day">25<span class="h6 date-month">March</span></span>
<span class="d-block mt-4 mb-2">Title of the event</span>
<span class="d-block h3 font-weight-normal mb-0">Sub title of the event</span>
</h3>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

<h1 class="mt-3">
<span class="display-3 date-day">25<span class="h6 date-month">March</span></span>
<span class="d-block mt-4 mb-2">Title of the event</span>
<span class="d-block h3 font-weight-normal mb-0">Sub title of the event</span>
</h1>

<ul class="cef-list-unstyled">
<li class="ico-conjunction ico-schedule-white">10 AM CET</li>
<li class="ico-conjunction ico-play-circle-white">Online event</li>
</ul>

<p><a href="#">Download privacy statement</a></p>

<p>This webinar series is <strong>open for registration</strong>. 
<br>Registration ends at 5pm the day before.</p>

<p style="margin:0 -1.5rem; padding:0; line-height:0;">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="1920px" height="158px" viewBox="0 0 1920 158" style="enable-background:new 0 0 1920 158;" xml:space="preserve">
<path style="fill:#ffffff;" d="M1367,113.2C1838,116,1920,0,1920,0v158.2H0v-45"/>
</svg>
</p>

Overview

<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Webinar agenda and materials

<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

<h3><span class="display-3 date-day"><strong>16</strong><span class="h6 date-month">March</span></span></h3>

<h4 class="mt-5"><strong>Sub title here</strong></h4>

<div class="timeline">

 <div class="timeline-container"> 
	<div class="timeline-content"> 
      <h4 class="h5"><strong>11.35 AM</strong></h4>
	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
	</div> 
 </div>

 <div class="timeline-container"> 
	<div class="timeline-content"> 
      <h4 class="h5"><strong>11.35 AM</strong></h4>
	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
	</div> 
 </div>

</div>

<h3><span class="display-3 date-day"><strong>17</strong><span class="h6 date-month">March</span></span></h3>

<h4 class="mt-5"><strong>Sub title here</strong></h4>

<div class="timeline">

 <div class="timeline-container"> 
	<div class="timeline-content"> 
      <h4 class="h5"><strong>11.35 AM</strong></h4>
	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
	</div> 
 </div>

 <div class="timeline-container"> 
	<div class="timeline-content"> 
      <h4 class="h5"><strong>11.35 AM</strong></h4>
	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
	</div> 
 </div>

</div>

<h2 class="text-outline white display-2">Join this webinar</h2>
<h3>This event is open for registration. Registration ends at 5pm the day before</h3>

Speakers

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

<p class="h5"><strong>Firstname LASTNAME</strong> <span class="d-block h6">DG</span></p>

Discover the webinar recording

Video picture here

Title

Text

Contact us

<p class="lead">If you have any questions about the event, please contact us.</p>

.event-introduction {
  background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/464979566/event-bg-introduction-demo.png");
  background-attachment: fixed;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 80%;
}