Versions Compared

Key

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

...

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
max50
showSpacefalse
sorttitle
excerptTypesimple
cqllabel = "walletsv3" and space = "EBSI"

HTML
</div>
</div>

...