Versions Compared

Key

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

...

Div
classsection wallets-introduction
Div
classcontainer
Div
classcols desktop-view-intro
Div
classcol-5
Html-bobswift
<h1 class="heading-deco terciary">Conformant Wallets</h1>
<p>Welcome to the EBSI conformant wallets page! Here, you will find information about the different types of digital wallets that are available and conformant with EBSI specifications. The three main types of wallets include Holder, Issuer, and Verifier wallets, each with their own unique capabilities.</p>
<p><a href="#become-conformant" class="btn secondary anchor-smooth-scroll"><span>Test your wallet</span><span class="ico-arrow-south"></span></a><span class="spc-btns"></span><a href="#find-your-wallet" class="btn secondary outline anchor-smooth-scroll"><span>Find your wallet</span><span class="ico-arrow-south"></span></a></p>
Div

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/Conformant%20wallets.gif
altConformant Wallets Illustration
classimg-fluid img-right

Div
classcols mobile-view-intro
Div
classcol-5
Html-bobswift
<h1 class="heading-deco terciary">Wallets</h1>
<p>Welcome to the EBSI conformant wallets page! Here, you will find information about the different types of digital wallets that are available and conformant with EBSI specifications. The three main types of wallets include Holder, Issuer, and Verifier wallets, each with their own unique capabilities.</p>
Div
styletext-align: center;

HTML Image
alt
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/Conformant%20wallets.gif
classimg-fluid

HTML
<p class="column-buttons" ><a href="#become-conformant" class="btn secondary outline anchor-smooth-scroll"><span>Test your wallet</span><span class="ico-arrow-south"></span></a><a href="#find-your-wallet" class="btn secondary anchor-smooth-scroll"><span>Find your wallet</span><span class="ico-arrow-south"></span></a></p>

...

Div
idfind-your-wallet
classsection
Div
classcontainer
Div
classcols find-your-wallet-header
Div
classcol-12
HTML
<h2 class="heading-deco terciary">Find your wallet</h2>
Div
classcols find-your-wallet-body
Div
classcol-12
HTML
    <div id="type-of-wallet">
      <div class="f-block-section">
        <img
          src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/illu-num-1.png"
        />
        <h3>Select which type of wallet you need</h3>
      </div>
      <div class="s-block-section">
        <div id="organisation-card" class="card-wallet-cta">
          <div class="container-h-f">
            <div class="card-wallet-header">
              <img
                aria-hidden="true"
                src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/verifier-icon.png"
                alt=""
              />
            </div>
            <div class="card-wallet-body">
              <h4>Organisation wallet</h4>
              <p>A wallet that is controlled by an organisation,
				such as an issuer or verifier, and is used to provide 
				digital credentials or other services to users.
              </p>
            </div>
          </div>
          <div class="card-wallet-footer">
            <p>
              <strong>Select the capabilities you are interested in</strong>
            </p>
            <div id="org-tabs" class="tabs pick-type">
              <a href="#pick-your-wallet" class="tab anchor-smooth-scroll" data-type="accredit-authorise" data-index="0" >
                <p>Accredit & Authorise</p>
                <div class="box-checker"><div></div></div>
              </a>
              <a  data-type="issue" data-index="1" href="#pick-your-wallet" class="tab anchor-smooth-scroll">
                <p>Issue</p>
                <div class="box-checker"><div></div></div>
              </a>
              <a href="#pick-your-wallet" class="tab anchor-smooth-scroll" data-type="verify" data-index="2">
                <p>Verify</p>
                <div class="box-checker"><div></div></div>
              </a>
            </div>
          </div>
        </div>
        <div id="individual-card" class="card-wallet-cta">
          <div class="container-h-f">
            <div class="card-wallet-header">
              <img
                aria-hidden="true"
                src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/holder-icon.png"
                alt=""
              />
            </div>
            <div class="card-wallet-body">
              <h4>Individual wallet</h4>
              <p>A digital wallet that is used by natural persons
				 to store and manage their verifiable credentials.</p>
            </div>
          </div>
          <div class="card-wallet-footer">
            <p>
              <strong>Select the capabilities you are interested in</strong>
            </p>
            <div class="tabs pick-type">
              <a href="#pick-your-wallet" class="tab anchor-smooth-scroll" data-type="request-present-credentials" data-index="4" id="request-present_credentials" >
                <p>Request & present credentials</p>
                <div class="box-checker"><div></div></div>
             </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="pick-your-wallet">
      <div class="f-block-section">
        <img
          src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/illu-num-2.png"
        />
        <h3>Pick your wallet</h3>
      </div>
      <div class="s-block-section">
Div
idloader-section
HTML
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/loader-low.gif" alt=""/>
Div
iddefault-state-cards
HTML
<div class="default-state-container">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/info-icon.png?version=1&modificationDate=1688642091828&api=v2"/></div>
	<div><p><strong>You need to select a type of wallet first,</strong> then the wallets will be automatically generated</p></div>
</div>
Div
idno-results-cards
HTML
<div class="no-results-container"><img class="img-fluid" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/475267168/no-results-isometric.png"/>
<div><h4>No results found :(</h4><p>Sorry, there are no wallets that match your request at the moment.</p></div>
</div>
Div
idlist-wallet-cards
Div
classcols card-conformant-wallets

Content by Label
showLabelsfalse
max50100
showSpacefalse
excerptTypesimple
cqllabel = "walletsv3" and space = "EBSI"

HTML
</div>
</div>

...