Digital

Page tree

European Commission Digital

Versions Compared

Old Version 33

changes.mady.by.user Adrien GOHY

Saved on

compared with

New Version 34

changes.mady.by.user Adrien GOHY

Saved on

Key

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

...

Content Layer
id1500283327
classcef cef-section
Content Column
width100%
id1500283328
Content Block
id1500283330
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>eID in use</h2>
Div
classcef-row cef-justify-content-center
Div
classcef-col-4
HTML
<div class="cef-donut">
<p><span class="cef-h1">81</span><br><span class="cef-h3">projects</span></p>
</div>
Div
classcef-col-4
HTML
<p class="cef-mt-3"><span class="cef-donut-legend cef-primary-bg"></span><span class="cef-h3">66</span> Projects reusing eID</p>
<p><span class="cef-donut-legend cef-primary-medium-bg"></span><span class="cef-h3">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/x/WgHvBdisplay/DIGITAL/eID+Digital+Monitoring+Dashboard"><span>View full statistics</span></a></p>
Div
classcef-row
Div
classcef-col-12 cef-mt-4
HTML
<p class="cef-text-center"><i>Please note the information provided in there are dated 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;}

...