Page History

Div

id	event-detail-introduction
class	section

Div

class	container

Div

class	cols

Div

Html-bobswift
<p><a class="link-cta primary before text-primary" href="https://ec.europa.eu/digital-building-blocks/sites/x/AQWkIw"><span>Back to the events calendar</span></a></p>

Div

class	cols

Div

class	event-detail-introduction-cover

Div

class	col-7 event-detail-introduction-content

Html-bobswift

<p class="date">16>24 November 2022 | 9:0030 - 1412:00<15</p> 
<h1 class="h2"><span>Online event</span>OOTSspan>Implementers launchCafé event<#1:</h1>
<p>Lorem<p>“Once-Only ipsumTechnical dolorSystem sitGuidance amet,and consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<Projectathon Introduction”</p>
<!--<p class="register-cta"><a class="btn primary" target="_blank" href="#https://ec.europa.eu/eusurvey/runner/OOTSImplementersCafe1"><span>Register</span></a></p>-->

Div

id	event-detail-description
class	section

Div

class	container

Div

class	cols

Html-bobswift

<div class="col-9">

<h2>Description</h2>
<p>Lorem<p>The ipsumobjective dolorof sitthe amet,first consecteturImplementers adipiscingCafé elit,is sedto doprovide eiusmodparticipants temporwith incididuntuseful utinformation laboreon etthe dolore<strong>Once-Only magnaTechnical aliqua. Ut enim ad minim veniamSystem architecture, quisits nostrudkey exercitationcomponents</strong> ullamcoand laboristhe nisi<strong>Common utServices</strong> aliquipprovided exby eathe commodo consequatCommission. DuisThe auteguidance irurepresentation doloris inintended reprehenderitto inprovide voluptatea velithigh-level esseoverview cillumand doloreintroduction euto fugiatthe nullaway pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>

Div

id	event-detail-agenda
class	section

Div

class	container

Div

class	cols

Html-bobswift

<div class="col-8">
<h2>Agenda</h2>

<!--START ROW-->
<div class="col-container">
<div class="col-first">09:00 - 10:00</div>
<div class="col-second">
<h3><span>Online</span>Welcome</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<!--END ROW-->

<!--START ROW-->
<div class="col-container">
<div class="col-first">10:00 - 11:00</div>
<div class="col-second">
<h3><span>Online</span>Once Only Technical System Introduction</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<!--END ROW-->

<!--START ROW-->
<div class="col-container">
<div class="col-first">11:00 - 12:00</div>
<div class="col-second">
<h3><span>Online</span>Q&A</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<!--END ROW-->

<!--START ROW-->
<div class="col-container">
<div class="col-first">12:00 - 13:00</div>
<div class="col-second">
<p>Lunch break</p>
</div>
</div>
<!--END ROW--> 

<!--START ROW-->
<div class="col-container">
<div class="col-first">13:00 - 14:00</div>
<div class="col-second">
<h3><span>Online</span>Benefits of Once Only</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<!--END ROW-->

</div>

Div

id	event-detail-speakers
class	section

Div

class	container

Div

class	cols

Speakers

Div

class	cols speakers

<p class="speaker-img"><img src

the Once-Only Technical System should work and provide a basis from which teams of the implementers of this system can work or draw inspiration.</p>

<p>This event also introduces the <strong>2023 OOTS Projectathon</strong> series. <strong>The OOTS Projectathons</strong> are three-day, in-person events, in Brussels, where Member Sates pair-up with as many other participants as possible and run tests using different actors, roles and testable profiles to check the status of their implementation of the Once-Only Technical System.</p>

<p><strong>Implementers Cafés</strong> are publicly open webinars, especially for national implementers, which have thematic approaches to prepare and check participants’ readiness regarding the different aspects of the implementation of the Once-Only Technical System, and wider the Projectathon process.</p>

<!--<p><a target="_blank" href="https://ec.europa.eu/

digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt=""></p> <p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Div

Html-bobswift

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Div

Html-bobswift

<p class="speaker-img"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt=""></p>
<p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Div

Html-bobswift

<p class="speaker-img"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt=""></p>
<p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<p class="speaker-img"><img src

eusurvey/runner/OOTSImplementersCafe1">Register here</a> for the first Implementers Café.</p>-->

<p><strong>Registration for the first Implementers Café is now closed.</strong></p>

<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/

597951752/img-event-excerpt-01.png" alt=""></p> <p

605325773/Privacy_Statement_Once_Only_Technical_System_Implementers_Cafe_series.pdf"><span>Download the privacy statement</span><span class="

speaker

ico-

name

download"

>John Doe<span>Director General of DG DIGIT<

> </span></a></p>

</div>

Div

Html-bobswift

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Div

id	event-detail-presentation
class	section

Expand

title	About the speaker

cols

Div

class

container

div

Partners

Div

class	cols speakers

Html-bobswift

<p

<div class="

speaker

col-

img"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt=""></p> <p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

9">
<h2>Presentation</h2>
</div>

Div

class	cols

div

Div

class	col-4

Html-bobswift

<p<div class="speakercard-img"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt=""></p>
<p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Div

class	container

Div

class	cols

Div

Html-bobswift

<p class="speaker-img"><imggrid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752581239505/img-event-excerpt-01.pngico-pdf.svg" alt=""></p>
<p class="speaker-name">John Doe<span>Director General of DG DIGIT</span></p>

Expand

title	About the speaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Div

id	event-detail-footer
class	section

Html-bobswift

<p class="register-cta"><a>Implementers Café #1 presentation<p>
</div>

<div class="card-grid-footer">
<p><a class="btn primaryghost" target="_blank" href="#"><span>Register for this event</span></a></p>

CSS Stylesheet

/*-----------------------------------------*/ /*---OOH EVENT DETAIL PAGE - 25-10-2022---*/ /*---------------------------------------*/ /*---INTRODUCTION---*/ .event-detail-introduction-cover { background-image: url("

https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/OOTS_Implementers_Cafe_1.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p>
</div>

</div>

Excerpt Include

	ooh-event-detail-footer
	ooh-event-detail-footer
nopanel	true

<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" href="https://ec.europa.eu/digital-building-blocks/sites/x/CAWkIw"><span>See event</span><span class="ico-cta"></span></a></p> </div> </div>

01-cover-page-detail.png");
}

CSS Stylesheet

img-event-excerpt-01.png");
background-position: center center; background-repeat: no-repeat; background-size: 100%; border-top-left-radius: 12px; border-bottom-left-radius: 12px;
}

.event-detail-introduction-content { position:relative; padding-top:2.5rem !important;; padding-bottom:2.5rem !important;; background-color: #F3F4F7; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.event-detail-introduction-content:before { content:''; display:block; z-index: 5; position:absolute; top:0; left:-2.5rem;; width:100%; height:100%; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745/event-detail-introduction-content-shape.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center left;}


.event-detail-introduction-content h1, .event-detail-introduction-content p { z-index: 6; position:relative;}
.event-detail-introduction-content h1 { margin-left:auto; margin-right:auto; width:80%;}
.event-detail-introduction-content h1 span { display: block; margin-bottom:0.5rem; font-size: 1rem; line-height: 1; color: #5D24A4;}
.event-detail-introduction-content p { margin-left:auto; margin-right:auto; width:80%;}
.event-detail-introduction-content .register-cta { text-align: right}

/*---DESCRIPTION---*/
#event-detail-description { padding-top: 0rem;}
#event-detail-description h2 { margin-bottom: 2.5rem;}
#event-detail-description p:last-child { margin-bottom: 0rem;}  

/*---AGENDA---*/
#event-detail-agenda { padding-top: 0rem;
cover {
 background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745/bg-illu-sigle-597951752/event-detail-agenda.svg");
background-position: bottom right;
background-repeat: no-repeat;
background-size: 100%;
}

@media screen and (max-width: 769px) {
  #event-detail-agenda { background-position: top right; background-size: 240%;}
}

#event-detail-agenda h2 { margin-bottom: 2.5rem;}

#event-detail-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;}
#event-detail-agenda .col-container:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none;}   
#event-detail-agenda .col-container .col-first { padding-right:1rem; width: 25%; font-size:18px; color: #001832;} 
#event-detail-agenda .col-container .col-second { width: 75%;}
#event-detail-agenda .col-container .col-second h3 { font-size:18px; font-family: Source Sans Pro SB; } 
#event-detail-agenda .col-container .col-second h3 span { display: block; margin-bottom:0.75rem; font-size: 1rem; line-height: 1; color: #5D24A4;} 
#event-detail-agenda .col-container .col-second p:last-child { margin-bottom:0; width: 90%} 

/*---SPEAKERS---*/
#event-detail-speakers { padding-top: 0rem;}

#event-detail-speakers h2 { margin-top:1rem; margin-bottom:0;}

#event-detail-speakers .speakers { text-align: center;}

#event-detail-speakers .speaker-img { margin-bottom:0;}
#event-detail-speakers .speaker-img img { width: 100px; height: 100px; border-radius: 50%;}

#event-detail-speakers .speaker-name { margin-bottom:-1rem; font-size: 18px !important;}
#event-detail-speakers .speaker-name span { display: block; font-size: 16px !important; color: #5E748E;}

#event-detail-speakers .expand-control {}
#event-detail-speakers .expand-control, #event-detail-speakers .expand-control-text { color: #842DB5 !important;}
#event-detail-speakers .expand-content { text-align:left; color: red !important;}

/*---FOOTER---*/
#event-detail-footer { padding-top: 0rem;
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745/event-detail-footer-shape.svg");
background-position: bottom left;
background-repeat: no-repeat;
background-size: 100%;
}
#event-detail-footer .container { border-top:1px solid #E3E6EB;}
#event-detail-footer .register-cta { margin-top:2.5rem; text-align: right;}

Div

style	display:none;

Excerpt

hidden	true

Html-bobswift

Page tree

Versions Compared

Old Version 63

New Version Current

Key

Speakers

Partners