Versions Compared

Key

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

...

Div
classsection ss-scenario
Div
classcontainer
Div
classcols
Div
Html-bobswift
<h2 class="heading-deco terciary">The scenario</h2>
Div
classcols gap-lg
Div
classcol-4
Html-bobswift
<p class="scenario-number">01</p>
<h3 class="h5">Apply for a job in Cyprus</h3>
<p class="scenario-p-line">Eva is a Cypriot citizen and Engineering/Science graduate from the University of Athens in Greece who returns to Cyprus to apply for a job.</p>

<p class="scenario-number">02</p>
<h3 class="h5">ETEK Membership Qualification</h3>
<p class="scenario-p-line">She wishes to qualify for an ETEK membership (The Cyprus Technical and Scientific Chamber) so that she has a licence to practice and can apply for an IT vacancy in the Cypriot industry.</p>

<p class="scenario-number">03</p>
<h3 class="h5">Verifiable ID obtained in Ariadni Portal and request issuance of a Diploma</h3>
<p>Eva requests from CY government (via the Ariadni portal) to be issued with a <strong>Verifiable ID (Verifiable Credential)</strong>. She then requests from the University of Athens (via the eDiplomas portal of GUnet) to issue her <strong>diploma (Verifiable Attestation)</strong>.</p>
Div
classcol-4
Html-bobswift
<p class="scenario-number">04</p>
<h3 class="h5">ETEK Licence to Practice</h3>
<p class="scenario-p-line">Eva finally requests via ETEK’s portal for a Licence to Practice, authorising access to her existing <strong>wallet credentials (VID and diploma)</strong> for viewing and evaluation.</p>

<p class="scenario-number">05</p>
<h3 class="h5">Diploma Verification, issuance of a Licence and permit to verify Verifiable Credentials</h3>
<p>ETEK verifies her Credentials, enrols Eva, and issues her <strong>Licence to Practice</strong>. She can now support job applications, by presenting her <strong>license to practice credential</strong> to any prospective employer of her choice through the EBSI GW portal; anyone can create an account in the portal and use it to view/validate credentials presented to them by CY-EBSI wallet holders.​</p>
Div
classcol-4 scenario-aside
Html-bobswift
<h4 class="h5 ico-next-to justify-content-center"><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/ico-language.svg" alt=""></span><span>Credentials exchanged</span></h4>
Unordered List (ul)
List Item (li)
Html-bobswift
<p class="scenario-aside-ico"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/ico-european-student-Identifier.svg" aria-hidden="true" alt=""></p>
<p>European student IDentifier</p>
List Item (li)
Html-bobswift
<p class="scenario-aside-ico"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/ico-transcript-records.svg" aria-hidden="true" alt=""></p>
<p>Bachelor’s diploma</p>
List Item (li)
Html-bobswift
<p class="scenario-aside-ico"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/575210496/ico-licence-practice.svg" aria-hidden="true" alt=""></p>
<p>Licence to practice<Practice</p>
Div
classsection ss-video
Div
classcontainer
Div
classcols
Div
Html-bobswift
<h2 class="heading-deco terciary">Watch the demo</h2>
Div
classcols justify-content-center
Div
classcol-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/?oriurl=%2f%2fwww.youtube.com%2fembed%2f1-nlctZpjWg" 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/?oriurl=%2f%2fwww.youtube.com%2fembed%2fUiDg6GHqcOY" 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/?oriurl=%2f%2fwww.youtube.com%2fembed%2fKfFkfbxkCNY" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

</div>      
Div
classcols
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/584712645/img-ss-video-cover-01.jpg" alt="EBSI logo"></span><span class="cover-text">Success Story 5</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/584712645/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/584712645/img-ss-video-cover-03.jpg" alt="EBSI logo"></span><span class="cover-text">Full Demo</span></a></li>
</ul>      

...