Digital

Page tree

European Commission Digital

Versions Compared

Old Version 10

changes.mady.by.user Dimitri Cuvelier

Saved on

compared with

New Version 11

changes.mady.by.user Virginie MANGELINCK

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Content Layer
background-repeatno-repeat
background-size100%
id862555373
classcef cef-section cef-grey-light-bg
Content Column
width100%
id862555375
Content Block
id862555378
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>eID in use</h2>
Div
classcef-row cef-justify-content-around
Div
classcef-col-3 cef-mt-4
HTML
<div class="cef-donut">
<p><span class="cef-h1">54</span><br><span class="cef-h3">projects</span></p>
</div>
<p class="cef-mt-3"><span class="cef-donut-legend cef-primary-bg"></span><span class="cef-h3">37</span> Projects reusing eID</p>
<p><span class="cef-donut-legend cef-primary-medium-bg"></span><span class="cef-h3">17</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/WgHvB"><span>View full statistics</span></a></p>
Div
classcef-col-8 cef-mt-4 cef-news

News Teaser
newsTextshort_excerpt
colorwhite
openLinksInNewWindowfalse
columns2
showStatsfalse
linktrue
showSpacefalse
showAuthorfalse
showDatetrue
labelColor#0049B0
labels+eid, news, success_stories
layoutcards
showErrorfalse
maxResults2
sortOrdercreated desc
promotedFirsttrue
contentTypeblogpost

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-id"><span>All eID News and Success Stories</span></a></p>
Div
classcef-row cef-mt-4 cef-d-none
Div
classcef-col-12
HTML
<hr>
Div
classcef-row cef-mt-4 cef-d-none
Div
classcef-col-12
HTML
<h2>We work with institutions just like yours</h2>
Div
classcef-row cef-justify-content-around cef-text-center cef-d-none
HTML
<div class="cef-col-2 cef-mt-4"><img class="cef-w-xs" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/272695948/cef-logo-agid.png" alt="logo AGID"></div>
<div class="cef-col-2 cef-mt-4"><img class="cef-w-xs" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/272695948/cef-logo-ecosio.png" alt="logo ecosio"></div>
<div class="cef-col-2 cef-mt-4"><img class="cef-w-xs" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/272695948/cef-logo-fina.png" alt="logo FINA"></div>
<div class="cef-col-2 cef-mt-4"><img class="cef-w-xs" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/272695948/cef-logo-tieto.png" alt="logo tieto"></div>
<div class="cef-col-2 cef-mt-4"><img class="cef-w-xs" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/272695948/cef-logo-ministry-of-finance.png" alt="logo Ministry of Finance"></div>
CSS Stylesheet
.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/272695948467109253/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;}

...