Page tree

CEF DIGITAL home page

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
id1364221840
Content Column
width70.0%
id1364221843
Content Block
margin20px 30px 0px 0px
id1364221847

Services & Information


Content Column
width30.0%
id1146798680
Content Block
margin20px 0px 0px 30px
id1146798681

Follow us


Content Layer
id194060368
Content Column
width34.339622%
id194060378
Content Block
margin0px 30px 0px 0px
id194060392

big data test infrastructure

Blockchain

Context Broker

eArchiving

eDelivery

eID

eInvoicing  

eSignature

eTranslationAll services

Once Only Principle

Content Column
width35.660374%
id194286055
Content Block
margin0px 30px 0px 0px
id194286057

About Building CEF building Blocks

About All CEF services

Machine Translation

Monitoring dashboardGovernance

Grants

SupportCommunities

CEF Glossary

Legal notice | Cookies

Content Column
width30.0%
id194060382
Content Block
margin0px 0px 0px 30px
id194060397
height270px

Image Added   Image Added  Image Added
 

Subscribe to our newsletter

Action Button
textSubscribe
urlhttps://ec.europa.eu/eusurvey/runner/BuildingBlocksBulletin


HTML Wrap
padding30px 0px 0px 0px
width100%
HTML
<a href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk/portal/2/create/7" target="_blank">
 <span><b><em class="material-icons md-15">announcement</em> Something wrong with this page?</b></span>
</a>
HTML
<!-- Europa Analytics --><script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script><script type="application/json">{"utility":"piwik","siteID":"457","sitePath":["ec.europa.eu\/cefdigital"]}</script><!-- End Europa Analytics Code -->
<ul class="social-media-list"> <li> <a href="http://twitter.com/EU_eGov" target="_blank" class="twitter"><span>Twitter</span></a> </li> <li> <a href="https://www.linkedin.com/groups/8552837" target="_blank" class="linkedin"><span>LinkedIn</span></a> </li> </ul>   <style> ul.social-media-list { list-style-type: none; padding-left: 0px; } .social-media-list li { padding-bottom: 10px; } .social-media-list li a { line-height: 2.2em; } ul.social-media-list li a span { padding-left: 45px; display: block; } ul.social-media-list li a.twitter span { background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left 0px; } ul.social-media-list li a.twitter:hover span { background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -55px; } ul.social-media-list li a.linkedin span { background: url(/
Content Layer
id8485581
Content Column
width100%
id8485583
Content Block
id8485584
HTML
<button onclick="topFunction()" id="scrollToTopBtn" title="Go to top"></button>
<script>
// Show or hide Scrolltotop button
function ToggleScrollToTop() {
  if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
    document.getElementById("scrollToTopBtn").style.display = "block";
  } else {
    document.getElementById("scrollToTopBtn").style.display = "none";
  }
}

// Check every defined value millisecond 
setInterval( ToggleScrollToTop, 250 );
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
CSS Stylesheet
#scrollToTopBtn{
  background:url('https://ec.europa.eu/

News & Blog

Sign up to newsletter
HTML
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//europa.us13.list-manage.com/subscribe/post?u=9a428438959d4d20c2a84163b&amp;id=bc6ca47df5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	<label for="mce-EMAIL">Subscribe to our mailing list</label>
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9a428438959d4d20c2a84163b_bc6ca47df5" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->
HTML
digital-building-blocks/sites/download/attachments/
23003456/sprite-btn-social-media_cef.png
82773348/BackToTop.png?api=v2') no-repeat left 
-110px
center;
} ul.social-media-list
 
li
 
a.linkedin
display:
hover
 
span {
none;
  
background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -165px; } </style>
HTML Wrap
width100%

HTML
<a href="#" id="swp_isse_collector">
	<span style="color: rgb(236,236,236);">Something wrong with this page?</span>
</a>

HTML<script type="text/javascript" src="/cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script> <script type="text/javascript"> $( document ).ready(function() { window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, { '904ad635': { // ==== custom trigger function ==== triggerFunction : function( showCollectorDialog ) { $('#swp_isse_collector').on( 'click', function(e) { if(showCollectorDialog !== undefined){ e.preventDefault(); showCollectorDialog(); } }); }, fieldValues: { description: window.location.href } } }); }); </script>
position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #bbb;
  color: white;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  font-size: 18px;
}

#scrollToTopBtn:hover{background-color: #555;}