.brikit.menu.Menu v2

Content Layer

id	1

Content Column

width	100.00002%
id	11

style

Content Block

id	111

About us
Building Blocks
DSIs

Div

class	cef-mega-menu

Align

align	left

Action Button

text	Contact us

url https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk

Content Layer

container-border-width	100%
name	About us
id	2
container-width	100%

Content Column

width	33.70998%
id	21

Content Block

margin	20px
id	211

HTML

<p class="/********************/
/*--CEF MEGA MENU--*/
/******************/
.brikit-menu {}
.brikit-menu .aui-button.action-button {margin-left: 20px;}
.brikit-menu .aui-button.action-button a {padding: 0 !important; margin: 0 !important; }

.cef-mega-menu {}
.cef-mega-menu-bbsubtitle">About { margin-bottom:15px; padding-left: 70px;}

.cef-mega-menu-bb h3 { position: relative; display:inline-block; margin-top:0; font-size:inherit; border-bottom: 2px solid white;}
.cef-mega-menu-bb h3::before {content:''; position: absolute; left:-70px; height: 55px; width: 55px; background-image: url('the programme</p>

<ul>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-big-data.png'); background-repeat: no-repeat; background-size: cover;}
.cef-mega-menu-bb:hover h3 {border-bottom: 2px solid #001a33; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}

.cef-mega-menu-bb.cef-mega-menu-bb-big-data h3::before {background-image: url('x/vgPvB">
<span>Who are we?</span>
An explanation about what is CEF Digital
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-big-data.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-blockchain h3::before {background-image: url('x/hgTvB">
<span>Building Blocks</span>
What is a Building Block?
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-blockchain.png');}
.cef-mega-menu-bb.x/kwXvB">
<span>Grants</span>
Learn more about funding opportunities
</a>
</li>

</ul>

Content Column

width	33.145008%
id	22

Content Block

margin	20px
id	221

HTML

<p class="cef-mega-menu-bb-broker h3::before {background-image: url('subtitle">Read & Meet</p>

<ul>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-context-broker.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-earchiving h3::before {background-image: url('x/1QXvB">
<span>Events</span>
Past and upcoming events
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-earchiving.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-edelivery h3::before {background-image: url('x/ZAXvB">
<span>News</span>
Recent news about the programme
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-edelivery.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-eid h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-eid.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-einvoicing h3::before {background-image: url('x/uwLvB">
<span>Success stories</span>
Repository of all our Success Stories
</a>
</li>

</ul>

Content Column

width	33.145008%
id	1426147189

Content Block

margin	20px
id	1426147190

HTML

<p class="cef-mega-menu-subtitle">Monitoring</p>

<ul>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-einvoicing.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-esignature h3::before {background-image: url('x/CAV1CQ">
<span>Monitoring Explained</span>
What is the CEF monitoring about?
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-esignature.png');}
.cef-mega-menu-bb.cef-mega-menu-bb-etranslation h3::before {background-image: url('x/MQV1CQ">
<span>Framework</span>
Provides information about uptake, etc.
</a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/201589841/ico-etranslation.png');}

.cef-mega-menu-bb p { font-size:14px; font-weight: inherit !important;}

Content Layer

container-border-color	$whiteColor
container-border-width	100%
name	About us
id	2
container-width	100%

Content Column

width	29.833332%
id	21

Content Block

margin	20px
id	211

x/tADvB">
<span>Projects</span>
A dashboard of recent projects using Building Blocks
</a>
</li>

</ul>

Align

align	right

Action Button

text	Contact us
url	https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk

About the programme

Read & Meet

Monitoring

Content Column

width	29.333332%
id	22

Content Block

margin	20px
id	221

Content Column

width	29.833332%
id	1068964259

Content Block

margin	20px
id	221

Action Button

text	Contact us
align	right

Content Layer

name	Building Blocks
id	3
container-width	100%

Content Column

width	33.333336%
id	31

Content Block

margin	20px
id	311

<br/

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB"

> <h3

><span class="

h4

title-bb">Big data</

h3>

span>

<p>A

A free big data analytics sandbox to power your data-driven decision-

making<

making
</

p>

a>
</

a>

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB"

> <h3

><span class="

h4

title-bb">eArchiving</

h3>

span>

<p>Preserve

Preserve, migrate and reuse data securely, according to European

Standards<

Standards
</

p>

a>
</

a>

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB"

> <h3

><span class="

h4

title-bb">eInvoicing</

h3>

span>

<p>Send

Send and receive electronic invoices in line with European

directives</p>

directives
</a>
</li>

</

a>

ul>

Divhtml
class	<ul> <li class="cef-mega-menu-bb cef-mega-menu-bb-big-data	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-earchiving	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-einvoicing
HTML

Content Column

width	33.333336%
id	32

Content Block

margin	20px
id	321

<br/

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/e4DEBg"

> <h3

><span class="

h4

title-bb"

>Blockchain <

>Blockchain</

h3>

span>

<p>Build

Build the next generation of European Blockchain

services</p>

services

<br

</

>

a>
</

a>

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/jQTvB"

> <h3

><span class="

h4

title-bb">eDelivery </

h3>

span>

<p>Exchange

Exchange electronic data and documents in an interoperable and secure

way<

way
</

p>

a>
</

a>esignature

einvoicing">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/9gTvB"

> <h3

><span class="

h4

title-bb">eSignature</

h3>

span>

<p>Create

Create and verify electronic, paperless

signatures</p>

signatures
</a>
</li>

</

a>

ul>

Divhtml
class	<ul> <li class="cef-mega-menu-bb cef-mega-menu-bb-blockchain	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-edelivery	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-
HTML

Content Column

width	33.333336%
id	1307801421

Content Block

margin	20px
id	1307801423

<br/

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/e4DEBg"

> <h3

><span class="

h4

title-bb">Context

Broker <

Broker</

h3>

span>

<p>Make

Make data-driven decisions in real time, at the right

time</p>

time

<br

</

>

a>
</

a>

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/jQTvB"

> <h3

><span class="

h4

title-bb"

>eID <

>eID</

h3>

span>

<p>Offer

Offer services capable of electronically identifying users from all across

Europe<

Europe
</

p>

a>
</

a>

">
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/9gTvB"

> <h3

><span class="

h4

title-bb">eTranslation</

h3>

span>

<p>Enable

Enable multilingual public services and

communication</p>

communication
</a>
</li>

</

a>

ul>

Divhtml
class	<ul> <li class="cef-mega-menu-bb cef-mega-menu-bb-context-broker	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-eid	class
HTML
Div
li> <li class="cef-mega-menu-bb cef-mega-menu-bb-etranslation
HTML

Action Button

text	Apply for grants
align	right
class	cef-brikit-btn-secondary
url	https://ec.europa.eu/digital-building-blocks/sites/x/kwXvB

Content Layer

name	DSIs
id	1066246705
container-width	100%

Content Column

width	33.333332%
id	1066246706

Content Block

margin	20px
id	1066246707

HTML

<p class="cef-mega-menu-subtitle">CEF funded Sector Specific DSIs</p>

<ul>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/c4wwBQ"><span>Business registers</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/vIH6Bw"><span>Digital Skills and Jobs</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/DI0wBQ"><span>Open data</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/N40wBQ"><span>Social security</span></a>
</li>

</ul>

CEF funded Sector Specific DSIs

Business registers

Digital Skills and Jobs

Open data

Social security

Content Column

width	33.333332%
id	1066325658

Content Block

margin	20px
id	1066325668

HTML

<ul class="helper-spacing">

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/tYwwBQ"><span>Culture</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/bQqZBQ"><span>Health</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/Fo0wBQ"><span>Procurement</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/DS8IBQ"><span>Smart cities</span></a>
</li>

</ul>

Content Column

width	33.333332%
id	1066341456

Content Block

margin	20px
id	1066341457

HTML

<ul class="helper-spacing">

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/yowwBQ"><span>Cybersecurity</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/-4wwBQ"><span>Justice</span></a>
</li>

<li>
<a href="https://ec.europa.eu/digital-building-blocks/sites/x/Io0wBQ"><span>Safer Internet</span></a>
</li>

</ul>

Action Button

text	What's a DSI?
align	right
class	cef-brikit-btn-secondary
url	https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/CEF+Definitions#CEFDefinitions-dsi

Cybersecurity

Justice

Safer Internet