eDelivery

Content Layer

background-repeat	no-repeat
background-size	85%
background-image	eDelivery-Banner.png
background-position	right top
id	813755849
class	cef cef-section cef-primary-bg cef-deco-curve cef-deco-curve cef-deco-curve-grey-light cef-img-parallax cef-d-bg-sm-none

Content Column

width	100%
id	813755850

Content Block

id	813755851

Div

class	cef-container

Div

class	cef-row cef-pb-5

Div

class	cef-col-6

HTML

<h1><span class="cef-d-block cef-mb-3 cef-h4 cef-secondary-color">Digital Europe: eIDAS enablers</span><span class="cef-d-block cef-mb-2">eDelivery</span><span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Exchange documents and data<br/>securely and reliably</span></h1>
<br/>
<p><a class="cef-btn cef-btn-secondary cef-btn-lg" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/All+News+eDelivery" onclick="_paq.push(['trackEvent', 'conversion','edelivery-hp-introduction','all-news'])"><span>eDelivery news<><span>News</span></a></p> 

<p><a class="cef-btn cef-btn-light-outline cef-btn-lg anchor-smooth-scroll" href="#section-footer"  onclick="_paq.push(['trackEvent', 'conversion','edelivery-footer','contact-us'])"><span>Contact our team</span></a></p>

CSS Stylesheet

/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/

/*************************************************************/
/*--- SPECIFIC FOR THIS PAGE = DO NOT COPY ON BRIKIT CSS ---*/
/***********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMB & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
.first-layer { display: none;}

Html-bobswift

<script>
jQuery(document).ready(function ($) {

    function smooth_scroll(offset) {
        if (offset) {
            var offset = offset;
        } else {
            offset = 0;
        }

        var smooth_scroll = $('.anchor-smooth-scroll');

        $(smooth_scroll).on('click', function (e) {
            e.preventDefault();

            var get_href = $(this).attr('href');
            var target_offset = $(get_href);

            $('html,body').animate({
                scrollTop: $(target_offset).offset().top - offset
            }, {
                duration: 600,
                complete: function () {
                    // console.log('Finish');
                },
            }
            );
        });
    };
    $(".anchor-smooth-sroll").on('click', smooth_scroll(20));

});
</script>

...

Content Layer

id	717976145
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	717976146

Content Block

id	717976148

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Upcoming eDelivery events</h2>

Div

class	cef-row

Div

class	cef-col-12 cef-edelivery-event

News Teaser

filterEndDatecql

promotedLabel
filterStartDate	newsText	excerpt
color	white
showCreatedDate	false
columnsfilterByDate	responsive	showStats	false
linkopenLinksInNewWindow	false
showDatespacesSelected	falseEDELCOMMUNITY
showErrorcolumns	false
maxResults	3
responsive
showStats
contentType	page
imageLabels	showCreator	false
filterByDatelink	false
openLinksInNewWindowshowSpace	false
spacesSelectedshowAuthor	EDELCOMMUNITY	showSpace	false
showAuthorshowDate	false
labelColor	#0049B0	timeFrame
labels	+edelivery, +event, +upcoming
layout	cards
showError	false
maxResults	3
sortOrder	lastmodified desc
promotedFirst	true
contentType	page
showCreator	false

Div

class	cef-row cef-edelivery-event-cta cef-text-center

Div

class	cef-col-12

HTML
<p><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Events+eDelivery"><span>See all events</span></a></p>

CSS Stylesheet

/*--- MACRO NEWS TEASER - EDELIVERY EVENT ---*/
/*-------------------------------------------*/
.cef .cef-edelivery-event .news-teaser-root > div > div > div {display: inline-block; box-shadow:none;}
.cef .cef-edelivery-event .news-teaser-root .aui-group { display: block; min-height: 520px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef .cef-edelivery-event .news-teaser-root .aui-group h2 { display: none;}
/*hack for confluence - remove empty p*/
.cef .cef-edelivery-event .news-teaser-root .aui-group p:first-child { display: none;}
.cef .cef-edelivery-event .news-teaser-root .aui-group p:nth-child(2) { text-transform: uppercase;}
.cef .cef-edelivery-event .news-teaser-root .aui-group span { font-size: initial; text-transform: uppercase;} 
/*.cef .cef-edelivery-event .news-teaser-root > div > div:last-child { display: none;}*/

@media screen and (max-width: 600px) {
	.cef .cef-edelivery-event .news-teaser-root > div > div > div  { position:relative !important; margin-top:20px; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-edelivery-event .news-teaser-root .aui-group { min-height: auto !important;}
}

.cef .cef-edelivery-event-cta p { margin-top:1rem; margin-bottom:0; }

...

Page tree

Versions Compared

Old Version 99

New Version 100

Key