Versions Compared

Key

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

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
idintroduction
classsection bg-top-curve
Div
classcontainer
Div
classcols
Div
classcol-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
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/501089469/Grants.gif
idgrants-animation
classimg-fluid img-right

Div
Div
classsection bg-primary
Div
classcontainer
Div
classcols
Div
classcol-6
Html-bobswift
<h1 class="heading-deco secondary">Grants are available
<span class="h3 d-block">Support EBSI deployment of services thanks to our grants</span>
</h1>
<p class="w-75">On 22 February 2022, the second set of 4 calls for proposals under the Digital Europe Programme has opened. This set of calls includes opportunities to support EBSI for both the deployment of its nodes and their operations as well as for the use cases. </p>

<p class="w-75">Learn more on this call for proposals by reading the Digital Europe Programme guidelines. 
</p>
<a class="btn white outline" href="#" target="_blank"><span class="link-external">Download (PDF - 1.2 KB)</span><span class="sr-only">(opens in a new tab)</span></a> 
Div
idapply-grants
classsection
Div
classcontainer
Div
classcols justify-content-between
Div
classcol-8

What is this call for?

The objective of this call is to support through grants actions EBSI and the EBP use cases.

You will contribute to the implementation of one of the following priorities:

  1. EBSI nodes and support services
  2. Deployment of cross-border use cases:
    a.Leveraging the work on verifiable credentials of the EBSI’s Diploma and the European Social Security Pass use cases
    b.Other use cases (propose other use case)
6

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/501089469/illu-grants_apply.svg
stylez-index: 100; position: relative;
classimg-fluid img-center

Div
classcol-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
idopen-grant
classsection ss-carroussel
Div
classcontainer
Div
classcols
Div
classcol-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
classslider-default

News Slider
filterStartDate
displayTime3000
newsTextfull_content
colorwhite
showCreatedDatefalse
showStatsfalse
linkfalse
showDatefalse
navigationtrue
showErrortrue
maxResults5
contentTypepage
imageLabels
showCreatorfalse
bulletsfalse
height
buttonsColor#0049B0
filterByDatefalse
openLinksInNewWindowfalse
spacesSelected
showSpacefalse
showAuthorfalse
timeFrame
filterEndDate
labelsslider-grants
sortOrderlastmodified desc
width100%
cql

Div
idclosed-grants
classsection
Div
classsection bg-terciary-10
Div
classcontainer
Div
classcols justify-content-centerbetween
Div
classcol-6 text-center
HTML
<h2 class="heading-deco terciary center">Second>Closed EBSI 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
classcol-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>call is open!</h2>
<p class="lead">Don’t miss the opportunity</p>
<p><span class="badge sm bg-terciary-10">Deadline: May 17th 2022</span></p> 
<p class="lead">You can apply until May 17th 2022 on The Funding and Trender Opportunities Platform.
</p>
<p><a 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-deployskills-0203-ebsispecialised-servicesedu;callCode=DIGITAL-2022-DEPLOY-02null;freeTextSearchKeyword=Advanced%20Digital%20Skills;matchWholeText=true;typeCodes=1,0;statusCodes=31094501,31094502,31094503;programmePeriod=null2021%20-%202027;programCcm2Id=null43152860;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=callTopicSearchTableState" class="btn terciary openPopIn link-external"><span>Apply Now</span></a></p>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; }
}