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 in connectconnecting to the eIDAS -Network. Navigate For further information regarding the map to find yours and begin your eID journey!</p>
</div>
 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	1298804993
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	1298804995

Content Block

id	1298804997

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML

<h2>Implementing eID</h2>
<p class="cef-lead">If you are ready to start working on your eID services, we are just as ready to help you. The links below provide important information to begin the implementation.</p>

Div

class	cef-row cef-justify-content-center cef-text-center

Div

class	cef-col-4

Div

class	cef-card

Div

class	cef-card-body

HTML

<p>
<svg class="cef-w-xs" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
<g id="Group_1943" transform="translate(-1454.771 -468.729)">
	<path id="Path_6055" fill="none" stroke="#008CC8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
		M1458.1,521.5l-0.4,133.2c0,5.8,4.7,10.5,10.4,10.5l0,0h0l88,0.3l42.1,0.1l42.6,0.1c5.8,0,10.5-4.7,10.5-10.4l0,0l0.2-79.9l0-15.1
		l0.2-77.6c0-5.8-4.7-10.5-10.4-10.5c0,0,0,0,0,0l0,0l-172.6-0.5c-5.8,0-10.5,4.7-10.5,10.4l0,0l0,0l-0.1,24.3L1637,507"/>
	
		<circle id="Ellipse_162" fill="none" stroke="#008CC8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1477.2" cy="490.2" r="4.9"/>
		<circle id="Ellipse_163" fill="none" stroke="#008CC8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1495.8" cy="490.2" r="4.9"/>
		<circle id="Ellipse_164" fill="none" stroke="#008CC8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1514.4" cy="490.3" r="4.9"/>
	<g id="Group_1948">
		<g id="Group_1943-2">
			
				<line id="Line_1404" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1604.3" y1="571.5" x2="1544" y2="571.5"/>
				<line id="Line_1405" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1604.3" y1="585.9" x2="1550.3" y2="585.9"/>
				<line id="Line_1406" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1604.3" y1="600.3" x2="1575.5" y2="600.3"/>
			<path id="Rectangle_721" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1494.8,550.3h120c2.2,0,3.9,1.8,3.9,3.9c0,0,0,0,0,0v64.2c0,2.2-1.8,3.9-3.9,3.9l0,0h-120c-2.2,0-3.9-1.8-3.9-3.9c0,0,0,0,0,0
				v-64.2C1490.8,552.1,1492.6,550.3,1494.8,550.3C1494.8,550.3,1494.8,550.3,1494.8,550.3z"/>
			
				<circle id="Ellipse_433" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1518.2" cy="578.8" r="9.1"/>
			<path id="Rectangle_722" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1505.2,563.2h26c1.9,0,3.4,1.5,3.4,3.4v39c0,1.9-1.5,3.4-3.4,3.4h-26c-1.9,0-3.4-1.5-3.4-3.4v-39
				C1501.8,564.7,1503.3,563.2,1505.2,563.2z"/>
			<path id="Path_8532" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1534.6,605.1v-1.6c0-6.5-5.2-11.7-11.7-11.7h-9.3c-6.5,0-11.7,5.2-11.7,11.7c0,0,0,0,0,0v1.6"/>
		</g>
		<g id="Group_1944">
			<path id="Path_8533" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1546.3,545.4v-6c0-0.1-0.1-0.2-0.2-0.2h-3.6c-0.1,0-0.2-0.1-0.2-0.2c-0.4-2.1-1.2-4-2.4-5.7c-0.1-0.1,0-0.2,0-0.3l2.5-2.5
				c0.1-0.1,0.1-0.2,0-0.3c0,0,0,0,0,0l-4.1-4.1c-0.1-0.1-0.2-0.1-0.3,0l-2.5,2.5c-0.1,0.1-0.2,0.1-0.3,0c-1.7-1.2-3.7-2-5.7-2.4
				c-0.1,0-0.2-0.1-0.2-0.2v-3.6c0-0.1-0.1-0.2-0.2-0.2h-5.7c-0.1,0-0.2,0.1-0.2,0.2v3.6c0,0.1-0.1,0.2-0.2,0.2
				c-2.1,0.4-4,1.2-5.7,2.4c-0.1,0.1-0.2,0-0.3,0l-2.5-2.5c-0.1-0.1-0.2-0.1-0.3,0l-4.1,4.1c-0.1,0.1-0.1,0.2,0,0.3l2.5,2.5
				c0.1,0.1,0.1,0.2,0,0.3c-1.2,1.7-2,3.7-2.4,5.7c0,0.1-0.1,0.2-0.2,0.2h-3.6c-0.1,0-0.2,0.1-0.2,0.2v6"/>
			<path id="Path_8534" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1518.1,545.4c-1.5-4.6,1-9.5,5.6-11c4.6-1.5,9.5,1,11,5.6c0.6,1.7,0.6,3.6,0,5.4"/>
		</g>
		<g id="Group_1945">
			<path id="Path_8535" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1570,627.5v6c0,0.1,0.1,0.2,0.2,0.2h3.6c0.1,0,0.2,0.1,0.2,0.2c0.4,2.1,1.2,4,2.4,5.7c0.1,0.1,0,0.2,0,0.3l-2.5,2.5
				c-0.1,0.1-0.1,0.2,0,0.3l4.1,4.1c0.1,0.1,0.2,0.1,0.3,0l2.5-2.5c0.1-0.1,0.2-0.1,0.3,0c1.7,1.2,3.7,2,5.7,2.4
				c0.1,0,0.2,0.1,0.2,0.2v3.6c0,0.1,0.1,0.2,0.2,0.2h5.7c0.1,0,0.2-0.1,0.2-0.2v-3.6c0-0.1,0.1-0.2,0.2-0.2c2.1-0.4,4-1.2,5.7-2.4
				c0.1-0.1,0.2,0,0.3,0l2.5,2.5c0.1,0.1,0.2,0.1,0.3,0l4.1-4.1c0.1-0.1,0.1-0.2,0-0.3c0,0,0,0,0,0l-2.5-2.5c-0.1-0.1-0.1-0.2,0-0.3
				c1.2-1.7,2-3.7,2.4-5.7c0-0.1,0.1-0.2,0.2-0.2h3.6c0.1,0,0.2-0.1,0.2-0.2v-6"/>
			<path id="Path_8536" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1598.3,627.5c1.5,4.6-1,9.5-5.6,11c-4.6,1.5-9.5-1-11-5.6c-0.6-1.7-0.6-3.6,0-5.3"/>
		</g>
		<g id="Group_1946">
				<line id="Line_1407" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1526.7" y1="632.8" x2="1502.2" y2="632.8"/>
				<line id="Line_1408" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1544.5" y1="632.8" x2="1537.1" y2="632.8"/>
		</g>
		<g id="Group_1947">
				<line id="Line_1409" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1593.3" y1="541.7" x2="1568.8" y2="541.7"/>
				<line id="Line_1410" fill="none" stroke="#00315D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1611.1" y1="541.7" x2="1603.7" y2="541.7"/>
		</g>
	</g>
</g>
</svg>


</p>
<h3 class="cef-secondary-heading-deco cef-heading-deco-auto">eIDAS eID Profile</h3>
<p class="cef-mb-0">Unravel the eIDAS eID and learn the technical specifications that can help you develop your own eIDAS-compliant implementation.</p>

Div

class	cef-card-footer

HTML
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/dATvBoIXXGw" aria-label="Learn more about eIDAS eID Profile"><span>learn more</span></a></p>

Div

class	cef-col-4

Div

class	cef-card

Div

class	cef-card-body

HTML

<p>
<svg class="cef-w-xs" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
<g id="Group_1949" transform="translate(-1683.786 -398.352)">
	<g id="Group_1950">
		<path id="Path_8537" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1762.6,536.6c-6.3,0-11.4-5.1-11.4-11.5c0-6.3,5.1-11.4,11.4-11.4"/>
		<g id="Group_1949-2">
			<path id="Path_8538" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1764.9,552.4c1.2,0,2.2-1,2.2-2.2c0,0,0,0,0,0v-5c0-0.2,0.2-0.4,0.4-0.5c2-0.5,4-1.3,5.7-2.4c0.2-0.1,0.4-0.1,0.6,0.1l3.6,3.6
				c0.9,0.9,2.3,0.9,3.1,0c0,0,0,0,0,0l3-3c0.9-0.9,0.9-2.3,0-3.1l-3.6-3.6c-0.2-0.2-0.2-0.4-0.1-0.6c1.1-1.8,1.9-3.7,2.4-5.7
				c0.1-0.2,0.3-0.4,0.5-0.4h5c1.2,0,2.2-1,2.2-2.2V523c0-1.2-1-2.2-2.2-2.2c0,0,0,0,0,0h-5c-0.2,0-0.4-0.2-0.5-0.4
				c-0.5-2-1.3-4-2.4-5.7c-0.1-0.2-0.1-0.4,0.1-0.6l3.6-3.6c0.9-0.9,0.9-2.3,0-3.1l-3-3c-0.9-0.9-2.3-0.9-3.1,0c0,0,0,0,0,0
				l-3.6,3.6c-0.2,0.2-0.4,0.2-0.6,0.1c-1.8-1.1-3.7-1.9-5.7-2.4c-0.2-0.1-0.4-0.3-0.4-0.5v-5c0-1.2-1-2.2-2.2-2.2c0,0,0,0,0,0h-4.5
				c-1.2,0-2.2,1-2.2,2.2v5c0,0.2-0.2,0.4-0.4,0.5c-2,0.5-4,1.3-5.7,2.4c-0.2,0.1-0.4,0.1-0.6-0.1l-3.6-3.6c-0.9-0.9-2.3-0.9-3.1,0
				l-3,3c-0.9,0.9-0.9,2.3,0,3.1c0,0,0,0,0,0l3.6,3.6c0.2,0.2,0.2,0.4,0.1,0.6c-1.1,1.8-1.9,3.7-2.4,5.7c-0.1,0.2-0.3,0.4-0.5,0.4
				h-5c-1.2,0-2.2,1-2.2,2.2v4.2c0,1.2,1,2.2,2.2,2.2h5c0.2,0,0.4,0.2,0.5,0.4c0.5,2,1.3,4,2.4,5.7c0.1,0.2,0.1,0.4-0.1,0.6
				l-3.6,3.6c-0.9,0.9-0.9,2.3,0,3.1l3,3c0.9,0.9,2.3,0.9,3.1,0l3.6-3.6c0.2-0.2,0.4-0.2,0.6-0.1c1.8,1.1,3.7,1.9,5.7,2.4
				c0.2,0.1,0.4,0.3,0.4,0.5v5c0,1.2,1,2.2,2.2,2.2L1764.9,552.4z"/>
			<path id="Path_8539" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1762.6,536.6c6.3,0,11.5-5.1,11.5-11.4c0-6.3-5.1-11.5-11.4-11.5c0,0,0,0,0,0"/>
		</g>
	</g>
	<g id="Group_1952">
		<path id="Path_8540" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1809.7,507.3c-6.1,0.1-11.2-4.8-11.3-11c-0.1-6.1,4.8-11.2,11-11.3c0.1,0,0.2,0,0.3,0"/>
		<g id="Group_1951">
			<path id="Path_8541" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1811.9,522.7c1.2,0,2.2-1,2.2-2.2v0v-4.9c0-0.2,0.2-0.4,0.4-0.5c2-0.5,3.9-1.3,5.6-2.3c0.2-0.1,0.4-0.1,0.6,0.1l3.5,3.5
				c0.8,0.8,2.2,0.8,3.1,0l2.9-2.9c0.8-0.8,0.8-2.2,0-3c0,0,0,0,0,0l-3.5-3.5c-0.2-0.2-0.2-0.4-0.1-0.6c1.1-1.7,1.8-3.6,2.3-5.6
				c0.1-0.2,0.2-0.4,0.5-0.4h4.9c1.2,0,2.2-1,2.2-2.2v-4.1c0-1.2-1-2.2-2.2-2.2l0,0h-4.9c-0.2,0-0.4-0.2-0.5-0.4
				c-0.5-2-1.3-3.9-2.3-5.6c-0.1-0.2-0.1-0.4,0.1-0.6l3.5-3.5c0.8-0.8,0.8-2.2,0-3.1l-2.9-2.9c-0.8-0.8-2.2-0.8-3.1,0c0,0,0,0,0,0
				l-3.5,3.5c-0.2,0.2-0.4,0.2-0.6,0.1c-1.7-1.1-3.6-1.8-5.6-2.3c-0.2,0-0.4-0.2-0.4-0.5v-4.9c0-1.2-1-2.2-2.2-2.2l0,0h-4.4
				c-1.2,0-2.2,1-2.2,2.2v0v4.9c0,0.2-0.2,0.4-0.4,0.5c-2,0.5-3.9,1.3-5.6,2.3c-0.2,0.1-0.4,0.1-0.6-0.1l-3.5-3.5
				c-0.8-0.8-2.2-0.8-3.1,0c0,0,0,0,0,0l-2.9,2.9c-0.8,0.8-0.8,2.2,0,3.1l3.5,3.5c0.2,0.2,0.2,0.4,0.1,0.6c-1.1,1.7-1.8,3.6-2.3,5.6
				c-0.1,0.2-0.2,0.4-0.5,0.4h-4.9c-1.2,0-2.2,1-2.2,2.2c0,0,0,0,0,0v4.1c0,1.2,1,2.2,2.2,2.2h4.9c0.2,0,0.4,0.2,0.5,0.4
				c0.5,2,1.3,3.9,2.3,5.6c0.1,0.2,0.1,0.4-0.1,0.6l-3.5,3.5c-0.8,0.8-0.8,2.2,0,3c0,0,0,0,0,0l2.9,2.9c0.8,0.8,2.2,0.8,3.1,0
				l3.5-3.5c0.2-0.2,0.4-0.2,0.6-0.1c1.7,1.1,3.6,1.8,5.6,2.3c0.2,0.1,0.4,0.2,0.4,0.5v4.9c0,1.2,1,2.2,2.2,2.2l0,0H1811.9z"/>
			<path id="Path_8542" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
				M1809.7,507.3c6.1-0.1,11.1-5.1,11-11.3c-0.1-6-4.9-10.9-11-11"/>
		</g>
	</g>
	<g id="Group_1045">
		<path id="Path_6613" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1723.1,400.2h98.8l32.7,34.9v153c0,4.6-3.7,8.4-8.4,8.4c0,0,0,0,0,0h-123.1c-4.6,0-8.4-3.7-8.4-8.4c0,0,0,0,0,0V408.6
			C1714.7,404,1718.4,400.2,1723.1,400.2z"/>
		<path id="Path_6614" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1821.8,400.2v34.9h32.7"/>
	</g>
	
		<line id="Line_739" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1740" y1="453.7" x2="1815.3" y2="453.7"/>
	
		<line id="Line_739-2" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1740" y1="475.6" x2="1774" y2="475.6"/>
	
		<line id="Line_739-3" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1740" y1="433.7" x2="1762.6" y2="433.7"/>
	
		<line id="Line_740" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1740" y1="568.4" x2="1832" y2="568.4"/>
	
		<line id="Line_740-2" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1798.6" y1="542.2" x2="1832" y2="542.2"/>
	<g id="Group_1953">
		
			<line id="Line_1411" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1694.7" y1="481.4" x2="1694.7" y2="439.4"/>
		
			<line id="Line_1412" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1694.7" y1="511.8" x2="1694.7" y2="499.2"/>
	</g>
	<g id="Group_1954">
		
			<line id="Line_1413" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1872.8" y1="506" x2="1872.8" y2="548"/>
		
			<line id="Line_1414" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1872.8" y1="475.6" x2="1872.8" y2="488.2"/>
	</g>
</g>
</svg>

</p>
<h3 class="cef-secondary-heading-deco cef-heading-deco-auto">eIDAS Regulation</h3>
<p class="cef-mb-0">Become familiar with the European regulation on electronic identification and e-transactions.</p>

Div

class	cef-card-footer

HTML
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/IwTvBzofXGw" aria-label="Learn more about eIDAS Regulation"><span>Learn more</span></a></p>

Div

class	cef-col-4

Div

class	cef-card

Div

class	cef-card-body

HTML

<p>
<svg class="cef-w-xs" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
<g id="Group_1955" transform="translate(-1787.871 -398.169)">
	<g id="Group_1045">
		<path id="Path_6613" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1931.1,592.6h-112.5c-4.4,0-8-3.6-8-8c0,0,0,0,0,0V411.8c0-4.4,3.6-8,8-8l0,0h104.2c12.3,0,22.3,10,22.3,22.3V487"/>
	</g>
	<g id="Group_1955-2">
		
			<line id="Line_1415" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1791.3" y1="481.9" x2="1791.3" y2="441.5"/>
		
			<line id="Line_1416" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1791.3" y1="511.1" x2="1791.3" y2="499"/>
	</g>
	<g id="Group_1956">
		
			<line id="Line_1417" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1960" y1="445.4" x2="1960" y2="476.8"/>
		
			<line id="Line_1418" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1960" y1="422.8" x2="1960" y2="432.1"/>
	</g>
	
		<line id="Line_1419" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" x1="1838.6" y1="405.9" x2="1839.7" y2="592.6"/>
	<path id="Path_8543" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
		M1812.5,479.9h26.1l35.9-41.3h70.6"/>
	<path id="Path_8544" fill="none" stroke="#0090CE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
		M1812.5,506h37.4l35.9-41.3h59.4"/>
	<g id="Group_1957">
		
			<circle id="Ellipse_434" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1931.4" cy="539.6" r="53"/>
		<path id="Path_8545" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1890.7,548.5c-0.6-2.9-1-5.9-1-8.9"/>
		<path id="Path_8546" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="
			M1931.4,581.3c-15.4,0-29.6-8.5-36.8-22.2"/>
		
			<circle id="Ellipse_435" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1931.4" cy="539.6" r="23.8"/>
		
			<circle id="Ellipse_436" fill="none" stroke="#07345F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" cx="1931.4" cy="539.6" r="13.5"/>
	</g>
</g>
</svg>


</p>
<h3 class="cef-secondary-heading-deco cef-heading-deco-auto">eIDAS-Node Integration Package</h3>
<p class="cef-mb-0">The eIDAS-Node software is a sample implementation of the eID eIDAS Profile. It includes testing tools that can be used for demo purposes.</p>

Div

class	cef-card-footer

HTML

<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/x/EQTvBbYjXGw" aria-label="Learn more about eIDAS-Node Integration Package"><span>learn more</span></a></p>

Div

class	cef-row cef-mt-4

Div

class	cef-col-12 cef-text-center

HTML

<h3 class="cef-mt-4 cef-mb-0">We can help you implement eID:</h3>
<p class="cef-mt-3 cef-mb-0 cef-text-center">
<a class="cef cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/x/QADvBsIfXGw"><span>Load more resources</span></a>
</p>

no-repeat

Content Layer

background-repeat

background-size	100%
id	8625553731500283327
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	8625553751500283328

Content Block

id	8625553781500283330

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-aroundcenter

Div

class	cef-col-3 cef-mt-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 cef-text-center"><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/x/WgHvBdisplay/DIGITAL/eID+Digital+Monitoring+Dashboard"><span>View full statistics</span></a></p>

<p class="cef-mt-3 cef-text-center"><a class="cef-btn cef-btn-primary-outline" href="

Div

class	cef-row

news

Div

class	cef-col-8 12 cef-mt-4

HTML
<p class="cef-

News Teaser

newsText	short_excerpt
color	white
openLinksInNewWindow	false
columns	2
showStats	false
link	true
showSpace	false
showAuthor	false
showDate	true
labelColor	#0049B0
labels	+eid, news, success_stories
layout	cards
showError	false
maxResults	2
sortOrder	created desc
promotedFirst	true
contentType	blogpost

HTML

text-center"><i>Please note the information provided in there are dated 2023</i></p>

cef-row cef-mt-4 cef-d-none

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;}

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/

display

attachments/

DIGITAL/Success+Stories#e-id"><span>All eID News and Success Stories</span></a></p>

Div

class

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

col-12<hr>

Div

class	cef-

HTML

container

Div

class	cef-row cef-mt-4 cef-d-none

Div

class	cef-col-12

HTML
<h2>We work with institutions just like yours</h2><h2>What's new?</h2>

Div

class	cef-row cef-justify-content-around cef-text-center cef-d-none

Div

HTML

class

cef-col-

12 cef-

CSS Stylesheet

news

News Teaser

newsText	short_excerpt
color	white
filterByDate	false
openLinksInNewWindow	false
showCreatedDate	true
spacesSelected	@self,BLOG
columns	3
showStats	false
link	true
showSpace	false
showAuthor	false
showDate	false
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=

.cef-donut { margin: auto; width: 220px; height: 220px; line-height: 200px; text-align: center; background-image: url(

"https://ec.europa.eu/digital-building-blocks/sites/

download/attachments/272695948/cef-illu-einvoicing-donut.png"); background-repeat: no-repeat; background-size: cover;} .cef-donut p { 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;}

x/loDlGw"><span>All eID News and Success Stories</span></a></p>

Content Layer

id	1151362639
class	cef cef-section

Content Column

width	100%
id	1151362642

Content Block

id	1151362644

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML

<h2 class="cef-mb-4">eID FAQ</h2>

<!--FAQ START-->
<div class="cef-collapse" id="accordionGroup" data-allow-multiple>

<!--FAQ 1-->
<div class="cef-collapse-item">

<h3>
<button class="cef-collapse-trigger" id="faq1" aria-expanded="false" aria-controls="sect1"> 
<span class="cef-collapse-title cef-h4">How does DIGITAL eID work?<span class="cef-collapse-icon"></span> </span> </button>
</h3>

<div class="cef-collapse-panel" id="sect1" role="region" aria-labelledby="faq1" hidden="">

<p>The eIDAS solution allows citizens from Member States to prove and verify their identification when accessing on-line services in other Member States. It allows citizens to authenticate themselves by using their national eIDs and connecting with their Identity Provider (IdP) from their country. A high level process is as follows:</p>

<ol>

<li> A citizen requests an on-line service in another Member State.</li>
<li>The citizen is requested to authenticate themselves by the on-line service.</li>
<li>The citizen chooses to authenticate with an eIDAS eID  (from their Member State).</li>
<li>Authentication request is sent to the citizen’s country for authentication, through the eIDAS network, to the citizen’s Identity Provider (IdP) where authentication takes place).</li>
<li>The authentication result is returned to the service provider.</li>
<li>Authentication is complete and the citizen can proceed with accessing the service.</li>

</ol>

</div>
</div>
<!---->

<!--FAQ 2-->
<div class="cef-collapse-item">

<h3>
<button class="cef-collapse-trigger" id="faq2" aria-expanded="false" aria-controls="sect2"> 
<span class="cef-collapse-title cef-h4">What is the notification of an eID scheme?<span class="cef-collapse-icon"></span> </span> </button>
</h3>

<div class="cef-collapse-panel" id="sect2" role="region" aria-labelledby="faq2" hidden="">
<p>The notification process refers to the selection, peer review and official addition of national eID schemes to the eIDAS Network.</p>
<p> Notification ensures that the eID schemes connected to the eIDAS Network satisfy the conditions of quality and security set out by the eIDAS Regulation. As a general rule, all eID schemes connected to the eIDAS Network must be notified, though in some specific cases, service providers may make use of non-notified eID schemes.</p> 
<p>Each Member State is responsible for the notification of its own national eID scheme(s).</p>


</div>
</div>
<!---->

<!--FAQ 3-->
<div class="cef-collapse-item">

<h3>
<button class="cef-collapse-trigger" id="faq3" aria-expanded="false" aria-controls="sect3"> 
<span class="cef-collapse-title cef-h4">Can I implement eID without contacting my Member State representative?<span class="cef-collapse-icon"></span> </span> </button>
</h3>

<div class="cef-collapse-panel" id="sect3" role="region" aria-labelledby="faq3" hidden="">

<p>No. As an identity provider you need to contact your Member State representative and convince them to notify your eID so that it can be used over the eIDAS network. 
As a service provider, you need to contact your Member State representative in order to get the necessary details to connect to their national eIDAS node.</p>


</div>
</div>
<!---->

<!--FAQ 4-->
<div class="cef-collapse-item">

<h3>
<button class="cef-collapse-trigger" id="faq4" aria-expanded="false" aria-controls="sect4"> 
<span class="cef-collapse-title cef-h4">Does my solution need to be compliant with European regulation?<span class="cef-collapse-icon"></span> </span> </button>
</h3>

<div class="cef-collapse-panel" id="sect4" role="region" aria-labelledby="faq4" hidden="">

<p><a class="cef-link-external"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv%3AOJ.L_.2014.257.01.0073.01.ENG" target="_blank">The eIDAS Regulation<span class="cef-sr-only">(opens in a new tab)</span></a>
foresees that if a Member State offers an online public service to citizens/businesses for which access is granted based on an electronic identification scheme, then they must also recognise the notified eIDs of other Member States by 29 September 2018. This applies to online services that correspond to an assurance level of 'substantial' or 'high' in relation to accessing that service online. Member States remain free, in accordance with EU law, to recognise electronic identification means that have lower identity assurance levels. The eIDAS Regulation thus ensures that people and businesses can use their own national eIDs to access online public services in other EU countries, where eIDs are available.</p>


</div>
</div>
<!---->

</div>
<!--FAQ END-->

HTML

<script>

/*
*   This content is licensed according to the W3C Software License at
*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
*
*   Simple accordion pattern example
*/

'use strict';

Array.prototype.slice.call(document.querySelectorAll('.cef-collapse')).forEach(function (accordion) {

  // Allow for multiple accordion sections to be expanded at the same time
  var allowMultiple = accordion.hasAttribute('data-allow-multiple');
  // Allow for each toggle to both open and close individually
  var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');

  // Create the array of toggle elements for the accordion group
  var triggers = Array.prototype.slice.call(accordion.querySelectorAll('.cef-collapse-trigger'));
  var panels = Array.prototype.slice.call(accordion.querySelectorAll('.cef-collapse-panel'));


  accordion.addEventListener('click', function (event) {
    var target = event.target;

    if (target.classList.contains('cef-collapse-trigger')) {
      // Check if the current toggle is expanded.
      var isExpanded = target.getAttribute('aria-expanded') == 'true';
      var active = accordion.querySelector('[aria-expanded="true"]');

      // without allowMultiple, close the open accordion
      if (!allowMultiple && active && active !== target) {
        // Set the expanded state on the triggering element
        active.setAttribute('aria-expanded', 'false');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(active.getAttribute('aria-controls')).setAttribute('hidden', '');

        // When toggling is not allowed, clean up disabled state
        if (!allowToggle) {
          active.removeAttribute('aria-disabled');
        }
      }

      if (!isExpanded) {
        // Set the expanded state on the triggering element
        target.setAttribute('aria-expanded', 'true');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(target.getAttribute('aria-controls')).removeAttribute('hidden');

        // If toggling is not allowed, set disabled state on trigger
        if (!allowToggle) {
          target.setAttribute('aria-disabled', 'true');
        }
      }
      else if (allowToggle && isExpanded) {
        // Set the expanded state on the triggering element
        target.setAttribute('aria-expanded', 'false');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(target.getAttribute('aria-controls')).setAttribute('hidden', '');
      }

      event.preventDefault();
    }
  });

  // Bind keyboard behaviors on the main accordion container
  accordion.addEventListener('keydown', function (event) {
    var target = event.target;
    var key = event.which.toString();

    var isExpanded = target.getAttribute('aria-expanded') == 'true';
    var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');

    // 33 = Page Up, 34 = Page Down
    var ctrlModifier = (event.ctrlKey && key.match(/33|34/));

    // Is this coming from an accordion header?
    if (target.classList.contains('cef-collapse-trigger')) {
      // Up/ Down arrow and Control + Page Up/ Page Down keyboard operations
      // 38 = Up, 40 = Down
      if (key.match(/38|40/) || ctrlModifier) {
        var index = triggers.indexOf(target);
        var direction = (key.match(/34|40/)) ? 1 : -1;
        var length = triggers.length;
        var newIndex = (index + length + direction) % length;

        triggers[newIndex].focus();

        event.preventDefault();
      }
      else if (key.match(/35|36/)) {
        // 35 = End, 36 = Home keyboard operations
        switch (key) {
          // Go to first accordion
          case '36':
            triggers[0].focus();
            break;
            // Go to last accordion
          case '35':
            triggers[triggers.length - 1].focus();
            break;
        }
        event.preventDefault();

      }

    }
  });

  // These are used to style the accordion when one of the buttons has focus
  accordion.querySelectorAll('.cef-collapse-trigger').forEach(function (trigger) {

    trigger.addEventListener('focus', function (event) {
      accordion.classList.add('focus');
    });

    trigger.addEventListener('blur', function (event) {
      accordion.classList.remove('focus');
    });

  });

  // Minor setup: will set disabled state, via aria-disabled, to an
  // expanded/ active accordion which is not allowed to be toggled close
  if (!allowToggle) {
    // Get the first expanded/ active accordion
    var expanded = accordion.querySelector('[aria-expanded="true"]');

    // If an expanded/ active accordion is found, disable
    if (expanded) {
      expanded.setAttribute('aria-disabled', 'true');
    }
  }

});

</script>

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 9

New Version Current

Key