Page tree

CEF DIGITAL home page

Versions Compared

Key

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

...

Content Layer
background-color$whiteColor
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>eArchiving 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">38</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">23</span> Projects reusing eArchiving</p>
<p><span class="cef-donut-legend cef-primary-medium-bg"></span><span class="cef-h3">15</span> Projects committed to analyse or reusing eArchiving</p>
<p class="cef-mt-5 cef-text-center"><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/cefdigital/wiki/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+earchiving,success_stories,news
layoutcards
showErrorfalse
maxResults2
sortOrdercreated desc
promotedFirsttrue
contentTypepage, blogpost


HTML
<p class="cef-text-center"><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/cefdigital/wiki/x/uwLvB"><span>All eArchiving 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/cefdigital/wiki/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/cefdigital/wiki/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/cefdigital/wiki/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/cefdigital/wiki/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/cefdigital/wiki/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/cefdigital/wiki/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;}

...