Page History

HTML
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/584712272/suc-sto-det-ftr.css?api=v2">

Div

class	section ss-introduction

Div

class	container

Div

class	cols

Div

class	col-4

Html-bobswift

<p><span class="ss-introduction-label">EBSI’s success stories</span></p>
<h1>Micro-credentials</h1>
<ul class="list-flag"> 
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-finland.svg" alt="Finland Flag"></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-lithuania.svg" alt="Lithuania Flag"></li>
<li aria-hidden="true" class="list-flag-separator"><span></span></li>
<li><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/flag-european-union.svg" alt="European Union Flag"></li>
</ul>

Div

class	col-5

A PhD student applies for specific courses in a foreign country

...

Div

class	section ss-video

Div

class	container

Div

class	cols

Div

Html-bobswift
<h2 class="heading-deco terciary">Watch the demo</h2>

Div

class	cols justify-content-center

Div

class	col-8

Html-bobswift

<div id="tabs-video-content">

<div id="tab1" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2f5kMpfCVzlNQ" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab2" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2faa5u35Cj4Ow" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab3" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fGKgsZKrdlq4" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab4" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?addconsent=youtube.com&oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fXTob50zrdwQ" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

</div>

Div

class	cols

Div

Html-bobswift

<ul id="tabs-video-nav">
  <li><a href="#tab1"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712751/img-ss-video-cover-01.jpg" alt="EBSI logo"></span><span class="cover-text">Short Demo Story 6</span></a></li>
  <li><a href="#tab2"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712751/img-ss-video-cover-02.jpg" alt="EBSI logo"></span><span class="cover-text">Interview of Actors</span></a></li>
  <li><a href="#tab3"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712751/img-ss-video-cover-03.jpg" alt="EBSI logo"></span><span class="cover-text">Full Demo</span></a></li>
  <li><a href="#tab4"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712751/img-ss-video-cover-04.JPG" alt="EBSI logo"></span><span class="cover-text">Scenario</span></a></li>  </ul>
<script>
let listOfVideos = document.querySelector("#tabs-video-nav");
Array.from(listOfVideos.children).forEach((li, indexList) => { li.addEventListener("click", function(e) { $("iframe").each(function(index) { if(index != indexList) {
    var src = $(this).attr('src');
    $(this).attr('src', src);}});})})
</script>

Excerpt Include

	Success stories detail footer
	Success stories detail footer
nopanel	true

HTML

<style>

CSS Stylesheet

/*---SECTION SS DETAIL INTRODUCTION---*/
.ss-introduction { background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/584712751/img-ss-introduction-micro-credentials.png");}
</style>

Page tree

Versions Compared

Old Version 19

New Version Current

Key

A PhD student applies for specific courses in a foreign country