eID

Content Layer

background-repeat	no-repeat
background-size	85%
background-image	cef-illu-eid-intro.png
background-position	right top
id	813755849
class	cef cef-section cef-primary-bg cef-deco-curve cef-deco-curve cef-deco-curve-grey-light cef-img-parallax cef-d-bg-sm-none

Content Column

width	100%
id	813755850

Content Block

id	813755851

Div

class	cef-container

Div

class	cef-row cef-pb-5

Div

class	cef-col-6

HTML

<h1><span class="cef-d-block cef-mb-3 cef-h4 cef-secondary-color">DIGITAL </span><span class="cef-d-block cef-mb-2">eID </span><span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Offers digital services capable of electronically identifying users from all across Europe.</span></h1>
<p><a class="cef-btn cef-btn-secondary cef-btn-lg cef-smooth-scroll" href="#cef-eid-country-contact-point" onclick="_paq.push(['trackEvent', 'conversion','eid-banner','eid-contact-point'])"><span>country contact point</span></a></p>
<p<p><a class="cef-btn cef-btn-secondary cef-btn-lg" href="https://eidas.ec.europa.eu/efda/home#/screen/home" "target="_blank" onclick="_paq.push(['trackEvent', 'conversion','eid-banner','eid-eidas-dashboard'])"><span class="cef-link-external">Access the eIDAS dashboard</span><span class="cef-mbsr-0"><aonly">(opens in a new tab)</span></a></p>
<p><a class="cef-btn cef-btn-light-outline cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk"  onclick="_paq.push(['trackEvent', 'conversion','eidesignature-banner','contact-us'])" target="_blank"><span class="cef-link-external">contact>Contact our team</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>

CSS Stylesheet

/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/

/*************************************************************/
/*--- SPECIFIC FOR THIS PAGE = DO NOT COPY ON BRIKIT CSS ---*/
/***********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMB & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
.first-layer { display: none;}

Content Layer

id	1274990043
class	cef cef-pt-5 cef-grey-light-bg cef-deco-curve-lg cef-deco-curve-white-lg

Content Column

width	100%
id	1274990052

Content Block

id	1274990061

Html-bobswift
<section aria-labelledby="carouselheading"> <h2 id="carouselheading" class="cef-sr-only">Recent news</h2>

Div

class	cef-container cef-slider

Unordered List (ul)

class	cef-mb-0 cef-list-unstyled cef-list-lh-0

News Slider

buttonsColor	#0049B0
displayTime	0
newsText	full_content
color	#F0F4F5
showCreatedDate	false
filterByDate	false
openLinksInNewWindow	false
spacesSelected	CEFDIGITAL@self
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labels	eid-slider
navigation	true
showError	false
maxResults	5
sortOrder	lastmodified desc
width	100%
contentType	page
imageLabels	a
showCreator	false
bullets	true

Html-bobswift
</section>

...

Content Layer

background-repeat	no-repeat
background-size	100%
background-image	cef-img-globe-dotted.jpg
background-position	center
id	811518545
class	cef cef-section cef-primary-bg cef-img-parallax

Content Column

width	100%
id	811518547

Content Block

id	811518549

Div

id	cef-eid-country-contact-point
class	cef-container

Div

class	cef-row

HTML

<div class="cef-col-12" aria-hidden="true">
<h2>Reach your country's Single Point  of Contact to connect with the eIDAS network-Network.</h2>
<p class="cef-lead">Single Points of Contact were created in each Member State, to helpassist Service and Identity Providers connectin connecting to the eIDAS -Network. Navigate the map to find yours and begin your eID journey!</ For further information regarding the contact details for each country, please refer to the eeIDAS Dashboard page.</p>
<p><a class="cef-btn cef-btn-secondary cef-btn-lg" href="https://eidas.ec.europa.eu/efda/browse/notification/eid-chapter-contacts" target="_blank"><span class="cef-link-external">See eIDAS dashboard</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
</div>

Div

style	display:none;
class	cef-row

HTML

<div class="cef-col-12" aria-hidden="true">

<div class="cef-map-wrapper">
	<div class="cef-map-loading">
		<span class="cef-map-loading-text">Loading</span>   
 		<div class="cef-map-loading-animation-wrapper">
        	<span class="cef-map-loading-animation"></span>
        	<span class="cef-map-loading-animation"></span>
        	<span class="cef-map-loading-animation"></span>
      </div>
    </div>

<script type="application/json">{
  "service" : "map",
  "version" : "2.0",
  "custom" : ["https://ec.europa.eu/digital-building-blocks/sites/download/attachments/467109253/eID%20map.js?api=v2"]
}
</script>

</div>
</div>

...

Content Layer

id	1500283327
class	cef cef-section

Content Column

width	100%
id	1500283328

Content Block

id	1500283330

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>eID in use</h2>

Div

class	cef-row cef-justify-content-center

Div

class	cef-col-4

HTML
<div class="cef-donut"> <p><span class="cef-h1">54<>81</span><br><span class="cef-h3">projects</span></p> </div>

Div

class	cef-col-4

HTML

<p class="cef-mt-3"><span class="cef-donut-legend cef-primary-bg"></span><span class="cef-h3">37<>66</span> Projects reusing eID</p>
<p><span class="cef-donut-legend cef-primary-medium-bg"></span><span class="cef-h3">17<>15</span> Projects committed to analyse or reusing eID</p>
<p class="cef-mt-5"><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/x/WgHvBDIGITAL/eID+Digital+Monitoring+Dashboard"><span>View full statistics</span></a></p>

Div

class	cef-row

Div

class	cef-col-12 cef-mt-4

HTML
<p class="cef-text-center"><i>Please note the information provided in there are dated 2021<2023</i></p>

CSS Stylesheet

.cef-donut { margin: auto; width: 225px; height: 225px; line-height: 200px; text-align: center; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/467109253/cef-illu-einvoicing-donut.png"); background-repeat: no-repeat; background-size: cover;}
.cef-donut p { margin-bottom:0; display: inline-block; margin-top: 0; vertical-align: middle; line-height: 1.5;}
.cef-donut-legend { margin-right:10px; display:inline-block; width:25px; height:25px; border-radius: 15px;}

Content Layer

background-repeat	no-repeat
background-size	100%
id	862555373
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	862555375

Content Block

id	862555378

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>What's new?</h2>

Div

class	cef-row cef-justify-content-around

Div

class	cef-col-12 cef-news

News Teaser

newsText	short_excerpt
color	white
filterByDate	false
openLinksInNewWindow	false
showCreatedDate	true
spacesSelected	@self,BLOGfalse
columns	3
showStats	false
link	true
showSpace	false
showAuthor	false
showDate	truefalse
labelColor	#0049B0
labels	+eid, news, success_stories
layout	cards
showError	false
maxResults	3
sortOrder	created desc
promotedFirst	true
contentType	blogpost
showCreator	false

HTML

<p class="cef-mt-3 cef-text-center"><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Success+Stories#e-idx/loDlGw"><span>All eID News and Success Stories</span></a></p>

...

Content Layer

id	809574111
class	cef cef-section cef-primary-bg

Content Column

id	809574122

Content Block

id	809574112

Div

class	cef-container

Div

class	cef-row cef-justify-content-around

Div

class	cef-col-6

HTML

<h2>Contact us and start your digital transformation</h2>
<p>If you have any question regarding DIGITAL eID, feel free to contact us or join our user community for further discussion and support.</p>
<p><a class="cef-btn cef-btn-secondary cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk"  onclick="_paq.push(['trackEvent', 'conversion','eid-footer','contact-us'])"target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
<p><a class="cef-btn cef-btn-light-outline cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/sites/x/cITEAQ"  onclick="_paq.push(['trackEvent', 'conversion','eid-footer','eid-community'])"target="_blank"><span class="cef-link-external">Join our user community</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>

Div

class	cef-col-3 cef-text-center cef-mt-3 cef-mt-sm-0

HTML
<p class="cef-h5"><strong>Victoria</strong> <span class="cef-d-block cef-h6">Onboarding Manager</span></p>

Page tree

Versions Compared

Old Version 16

New Version Current

Key