<h1 class="heading-deco terciary">EBSI Explained</h1> 
<p>Want to know more about EBSI, but not sure where to start? Do you need material to explain EBSI to your stakeholders? Welcome to EBSI Explained, where we tackle all the key concepts behind the European Blockchain Infrastructure and its use cases, breaking down complex ideas into bite-size chapters. Discover our series below.</p>

<h2 class="heading-deco terciary center">What can you do with EBSI?</h2>
<div class="card-content">
	<div class="card-content-header"><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/blockchain_flat.png" alt="" class="img-fluid"></div>
	<div class="card-content-text"><h3 class="h4">Blockchain Explained</h3></div>
	<div class="card-content-footer"><p><a class="btn secondary anchor-smooth-scroll" href="#blockchain-explained"><span>Read more</span><span class="ico-arrow-south"></span></a></p></div>
</div>
<div class="card-content">
	<div class="card-content-header"><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/vc-explained_flat.png" alt="" class="img-fluid"></div>
	<div class="card-content-text"><h3 class="h4">Verifiable Credentials Explained</h3></div>
	<div class="card-content-footer"><p><a class="btn secondary anchor-smooth-scroll" href="#vc-explained"><span>Read more</span><span class="ico-arrow-south"></span></a></p></div>
</div>
<h2 class="heading-deco terciary">Blockchain Explained</h2>
<p>The "Blockchain Explained" series is an easy-to-understand guide that covers the basics of blockchain technology and its applications. It discusses the benefits and challenges of using blockchain, including its application in the public sector using EBSI as an example. The series also explores the technological components and use cases of EBSI.</p>
<div class="col-4" style="margin-top: 3rem;">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/Blockchain_chapter0.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Blockchain: an introduction</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/Blockchain%20explained%20-%20Chapter%200.pdf" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>
<h2 class="heading-deco terciary">Verifiable Credentials Explained</h2>
<p>In this third age of the internet, Web3, we need a new paradigm for exchanging and verifying information. We need to put users back in control of their data, while creating a framework for trust that doesn't rely on big platforms or strong central government. EBSI's Verifiable Credentials Framework is a full framework for expressing, exchanging, and verifying information, using a new information format (W3C Verifiable Credentials), digital wallets, and the blockchain to establish trust. Discover how they work together thanks to our series below.</p>
<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter0.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Verifiable Credentials: an introduction</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%200%20-%20Verifiable%20Credentials%20An%20introduction.pdf" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>

<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter1.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Verifiable Credentials Explained</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%201%20-%20EBSI%20VC%20.pdf?api=v2" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>

<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter2.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Verifiable Credentials in action</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%202%20-%20VC%20in%20action%20%20.pdf?api=v2" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter3.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Decentralised Identifiers (DID) Methods</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%203%20-%20EBSI%20DIDs.pdf?api=v2" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>

<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter4.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Digital Identity</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%204%20-%20Digital%20Identity%20.pdf?api=v2" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>

<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter5.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Issuers Trust Model</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/600343491/Chapter%205%20-%20Issuer%20Trust%20Model%20%20.pdf?api=v2" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>
<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter6.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Open ID for VCs</h3>
</div>
<div class="card-grid-footer">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-book-secondary.svg"/><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/Chapter%206%20-%20Open%20ID%20for%20VCs.pdf" class="text-secondary">Read chapter</a>     
</div>
</div>
</div>

<div class="col-4">
<div class="card-grid">
<div class="card-grid-img">
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/VC_chapter7.png" alt="">
</div>  
<div class="card-grid-body">
<h3 class="h4">Digital Wallet</h3>
</div>
<div class="card-grid-footer">
<p>(Coming soon)</p> 
</div>
</div>
</div>
<div class="col-4">
  <div class="card-grid">
    <div class="card-grid-img">
      <img
        aria-hidden="true"
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/image-ebsi-whitepaper.jpg?api=v2"
        alt=""
      />
    </div>
    <div class="card-grid-body">
      <!-- <h3 class="h4">Open ID Connect for VCs</h3> -->
      <p>
        EBSI's credential status framework and how to choose a revocation method
        for W3C Verifiable Credentials.
      </p>
    </div>
    <div class="card-grid-footer">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/ico-download.svg?api=v2"
      /><a onclick="_paq.push(['trackEvent', 'conversion','ebsi-explained-series','ebsi-revocation-download'])" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/%28EBSI%29.%28Revocation%20Whitepaper%29.%28V1.0%29.pdf"
        class="text-secondary"
        >Download</a
      >
    </div>
  </div>
</div>



/* remove margin/padding */

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

#blockchain-explained > div > div > p:nth-child(4) { display: none; }


   /*--- CARD CONTENT CUSTOM ---*/
.card-content-custom .card-content {display: flex; flex-direction: column; gap: 1rem; align-items: center; padding:40px; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px;}
.card-content-custom > .card { padding: 1rem 12px; }
.card-content-custom .card-content-header { height: 80px; }
.card-content-custom .card-content-header img { max-height: 80px; }
.card-content-custom .card-content-text { text-align: center; }
.card-content-custom .card-content-text > h3 { margin-bottom: 0; }
.card-content-custom .card-content-footer { margin-top: 4px; }
.card-content-custom .card-content-footer p { margin-bottom: 0; } 
.card-grid-body > p{margin: 0;}


.explained-container .card-grid { padding: 1rem 1.5rem; }
.explained-container .card-grid-body { min-height: 56px; margin-top: 32px; }
.explained-container .col-4 { padding: 12px;}
.explained-container .card-grid-footer {display: flex; align-items: center; gap: 8px; margin: 24px 0 40px; }
.explained-container .card-grid .card-grid-img { margin: -1rem -1.5rem 0.5rem -1.5rem; }
.explained-container .card-grid .card-grid-img img { border-top-right-radius: 16px; border-top-left-radius: 16px; }
.explained-container .card-grid-footer p { display: flex; gap: 15px; align-items: flex-end; justify-content: end; }

@media screen and ( max-width: 1334px ) {
	
	.explained-container .card-grid-footer p { flex-direction: column; }
} 
/*---SS SECTION INTRODUCTION---*/
.success-stories-introduction {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/659621351/bg-curve-es-intro.svg");
background-position: top right; background-repeat: no-repeat; background-size: contain;}

#what-can-you-do-with-ebsi h2 { text-align: center; }