Page History

Through an agile and flexible process

CSS Stylesheet

 /*--- MACRO SLIDER BY DEFAULTa ---*/
.slider-default { position:relative; z-index:8; }
.slider-default .flickity-enabled { background-color: transparent; box-shadow:none;}
.slider-default .flickity-enabled.is-draggable { box-shadow:none;}
.slider-default .news-slider-root > div { padding:0;}
.slider-default .aui-item > div { margin:0; padding:0;}
.slider-default .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.slider-default .aui-group>.aui-item { padding-top:0; padding-top:1rem; padding-bottom:0; width: 100%;}
.slider-default .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}
.slider-default > ul { list-style: none; margin: 0; padding: 0;}
/*heading*/
.slider-default h2:first-child { display: none;}
/*arrow*/ 
.slider-default .flickity-button { top:38% !important; background-color: #fff !important; border:1px solid #CD1D8B; border-radius:8px !important;}
.slider-default .flickity-button:hover { background-color: #FFE7F2 !important;}
.slider-default .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;} 
.slider-default .flickity-prev-next-button .flickity-button-icon { left: 30%; top: 30%; width: 40%; height: 40%; fill: rgb(205, 29, 139) !important;} 
.slider-default .flickity-prev-next-button.previous { left: -15px;}
.slider-default .flickity-prev-next-button.next { right: -15px;} 
/*dots*/
.slider-default .flickity-page-dots { position:relative; margin-bottom: 0; top:1rem !important; height:1rem; text-align: center !important;}
.slider-default .flickity-page-dots .dot { opacity: 1; height: 12px; width:12px; background: #CD1D8B !important; border:1px solid #CD1D8B;}
.slider-default .flickity-page-dots .dot.is-selected { height: 12px; width:48px; background: #CD1D8B !important; border:1px solid #CD1D8B; border-radius:10px;}
.slider-default .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}

@media screen and (min-width: 1280px) {
  .slider-default .flickity-prev-next-button.previous { left: -50px;}
  .slider-default .flickity-prev-next-button.next { right: -50px;}
}


#main-content > p:nth-child(1) { display: none;}
#main-content > p:nth-child(2) { display: none;}
#main-content > p:nth-child(5) { display: none;}
#main-content > p:nth-child(6) { display: none;}

Div

id	introduction
class	section bg-top-curve

Div

class	container

Div

class	cols

Div

class	col-6

HTML

<h1 class="heading-deco terciary">Grants</h1>
<p class="lead"><strong>Support the deployment of EBSI services</strong></p>
<p>The EU proposes a number of funding programmes to support digital transformation across the EU. Some of those grants can support EBSI implementations. We list those funding opportunities here. </p>
<br>
<p><a class="btn secondary anchor-smooth-scroll" href="#open-grant"><span class="text-reboot">Find an open grants call</span><span class="ico-arrow-south"></span></a></p>

Div

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/501089469/illu-grants_search.svgGrants.gif
id	grants-animation
class	img-fluid img-right

Div

id	apply-grants
class	section

Div

class	container

Div

class	cols justify-content-between

Div

class	col-6

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/501089469/illu-grants_apply.svg
style	z-index: 100; position: relative;
class	img-fluid img-center

Div

class	col-6

HTML

<h2 class="heading-deco terciary">Who can apply for European Union grants?</h2>
<p>Every grants call is associated with a series of conditions. These will depend on the funding programme, its goals, and the policy priorities of the European Commission. Grants are open to all in the European Union who fulfill the conditions of the specific call for proposal. </p>

Div

id	open-grant
class	section ss-carroussel

Div

class	container

Div

class	cols

Div

class	col-8

HTML

<h2 class="heading-deco terciary">Open grants calls</h2>
<p>Discover open calls for proposal that are relevant for projects who want to work on or with EBSI, its use cases, its node network, or research into blockchain innovation. </p>

<div class="cols justify-content-between open-grant-container"> <div class="col-6 open-grant-l-block"> <div><h3 class="h1"><strong>Next Generation Internet Fund - Research and Innovation Actions </strong></h3> <p class="grant-date lead"><span><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/icon-event-calendar-white.svg"/></span><span><span><strong>February 1st 2023</strong></span> <span class="dot-separator"></span> <span><strong>March 29th 2023</strong></span></span></p></div> <div> <p style="margin-bottom: 0px; margin-top: 1rem;"><a class="btn secondary" href="https://www.ngi.eu/opencalls" target="_blank"><span class="text-reboot">Find out more about the NGI RIAs</span><span class="ico-external"></span></a></p> </div> </div> <div class="col-1 line-separator"></div> <div class="col-4 open-grant-r-block"> <p>Funding is allocated to projects using short research cycles targeting the most promising ideas in the field of Next Generation Internet (NGI) research. This grants call supports projects from outstanding academic researchers, hi-tech startups and SMEs. There are four themes to this call, including NGI ZERO ENTRUST, focused on trust in the new web, and NGI Zero Core which seeks to build an open a free and open internet. </p> </div> </div>

Div

class	cols justify-content-center	slider-default

News Slider

cql
filterStartDate
displayTime	3000
newsText	full_content
color	white
showCreatedDate	false
showStats	false
link	false
showDate	false
navigation	true
showError	true
maxResults	5
contentType	page
imageLabels
showCreator	false
bullets	false
height
buttonsColor	#0049B0
filterByDate	false
openLinksInNewWindow	false
spacesSelected
showSpace	false
showAuthor	false
timeFrame
filterEndDate
labels	slider-grants
sortOrder	lastmodified desc
width	100%

Div

class	col-11

HTML

Div

id	closed-grants
class	section

Div

class	container

Div

class	cols justify-content-between

Div

class	col-6

HTML

<h2 class="heading-deco terciary">Closed EBSI Grants<grants</h2>
<p>Discover how organisations have successfully supported EBSI's development through past funding opportunities from the EU's Digital Europe Programme.</p>

Div

class	col-5

HTML

<div id="closed_grant" class="card-grid">
<div>
<h3 style="font-size:32px;"><strong>DIGITAL-2022-SKILLS-03</strong></h3>
</div>
<p class="grant-date lead"><span><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/447687044/icon-event_calendar.svg"/></span><span>Jan 24th 2023</span></p>
<p class="card-grid-text">Gains from Investment in key capacities can only materialise if there are enough people to design, deploy and use them. At present, all Member States face shortages of digital specialists and the training opportunities in digital areas are missing in the EU, compared to other countries....</p>
<div class="card-grid-footer">
<p><a class="link-cta text-secondary" href="https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/opportunities/topic-details/digital-2022-skills-03-specialised-edu;callCode=null;freeTextSearchKeyword=Advanced%20Digital%20Skills;matchWholeText=true;typeCodes=1,0;statusCodes=31094501,31094502,31094503;programmePeriod=2021%20-%202027;programCcm2Id=43152860;programDivisionCode=null;focusAreaCode=null;destination=null;mission=null;geographicalZonesCode=null;programmeDivisionProspect=null;startDateLte=null;startDateGte=null;crossCuttingPriorityCode=null;cpvCode=null;performanceOfDelivery=null;sortQuery=sortStatus;orderBy=asc;onlyTenders=false;topicListKey=topicSearchTablePageState"><span>Read more</span></a></p>
</div></div>

CSS Stylesheet

@media screen and ( max-width: 500px ) {

	#grants-dual-pill .dual-pill-bg { left: -60%!important; }
}

.bg-top-curve {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/501089469/bg-curve_grants-top.svg");
background-position:right top;
background-repeat: no-repeat;
background-size: contain;
}

.lead { font-size: 18px!important; }
#apply-grants { position: relative; z-index: 100; }

.order-list-start { padding-left: inherit; }

.dual-pill { padding-top: 5rem!important; }
#grants-dual-pill .dual-pill-bg { left: -10%; }
.dual-pill .btn { max-height: 45px; align-items: center;}
.dual-pill .btn .ico-external { background-size: 18px!important; }
.dual-pill .btn { margin-top: 24px; }


#main-content > p:nth-child(1) { display: none;}
#main-content > p:nth-child(2) { display: none;}
#main-content > p:nth-child(5) { display: none;}
#main-content > p:nth-child(6) { display: none; }


#closed-grants .col-5 { margin-top: 3rem; margin-bottom: 5rem; }
#closed_grant { justify-content:  space-between; padding: 2.5rem;}
#closed_grant .card-grid-footer { display: flex; justify-content: end; }
#closed_grant .grant-date { display: flex; align-items: center; gap: 10px; }
#closed_grant .grant-date span:first-child { display: flex; align-items: center; }
#closed_grant .grant-date span:first-child img { width: 14px; }


#introduction .btn { margin-top: 36px; }

/* no-slider */

.open-grant-container { min-height: 436px; background: linear-gradient(84.61deg, #00B3EF -13.37%, #004494 33.79%, #004494 65.57%, #FF0179 115.49%); border-radius: 24px; color: white; padding: 3rem;}
.open-grant-container h3 { color: white; }
.open-grant-container p { color: white; }
.open-grant-l-block { display: flex!important; flex-direction: column; justify-content: space-between; }
.open-grant-r-block { display: flex!important; justify-content: end; }
.grant-date { display: flex; gap: 10px; align-items: center; padding-top: 1rem;}
#open-grant .grant-date > span:first-child > img { width: 20px; padding-top: 0.2rem;}
.grant-date > span:nth-child(2) { display: flex; align-items: center; }
.grant-date > span:nth-child(2) span { text-align: center; }
.open-grant-container .dot-separator { width: 5px; height: 5px; min-width: 5px; min-height:5px; border-radius: 50%; margin: 0 1.25rem; background: #BBB6C2; }
.open-grant-container .line-separator { border-right: 1px solid white; margin: 1.5rem; }

@media screen and ( max-width: 768px ) {
	.open-grant-container { padding: 2rem!important; }
	.open-grant-container .line-separator { border-right: none!important; border-bottom: 1px solid white; }
}


@media screen and ( max-width: 550px ) {
	.open-grant-l-block .btn { align-items: center; }
	.btn .text-reboot { max-width: 180px; }
}

@media screen and ( min-width: 1137px ) {
	#grants-animation { max-width: unset!important; }
}

Page tree

Versions Compared

Old Version 80

New Version Current

Key