CSS Stylesheet |
---|
#main-content > p{margin: 0;} |
Html-bobswift |
---|
<script defer src="/digital-building-blocks/sites/download/attachments/694487778/skipToMainContent.js"></script>
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/713526976/style.css">
<script defer src="/digital-building-blocks/sites/download/attachments/713526976/script.js"></script> |
Html-bobswift |
---|
<section class="section p-108-resp" id="sec-1-faq">
<div class="container">
<div class="cols align-items-center justify-content-between">
<div class="col-6">
<p class="page-reference" aria-hidden="true">FAQ</p>
<h2 class="h2 pb">Frequently Asked <strong>Questions</strong></h2>
</div>
<div class="col-5">
<img src="/digital-building-blocks/sites/download/attachments/713526976/illu-top.svg" aria-hidden="true">
</div>
</div>
</div>
</section> |
Html-bobswift |
---|
<section class="section" id="sec-2-faq"> <div class="container"> <div class="cols"> <div class="col-12"> <div class="wrapper"> <div class="left-col"> <img src="/digital-building-blocks/sites/download/attachments/713526976/ico-message.svg" aria-hidden="true"> </div> <div class="right-col"> <h4 class="h4">How can we help you out?</h4> <div class="input-wrapper"> <img class="ac-img" src="/digital-building-blocks/sites/download/attachments/713526976/ico-magn-glass.svg" aria-hidden="true"> <input class="desktop-input" type="text" placeholder="Search the EU Digital Identity Wallet FAQ" /> </div> </div> aria-controls="ac-wrapper" </div> </div> </div> </div> </section> |
Html-bobswift |
<section class="section" id="sec-3-faq">aria-autocomplete="list" <div class="container"> <div class="cols"> <div class="col-12"> <div class="left-col side-bar">ac-input" <ul> <li>Item 1</li>onfocus="updateAutocomplete(event)" <li>Item 2</li> <li>Item 3</li>oninput="updateAutocomplete(event)"/> </ul> </div> <div <input class="right-col accordions-section"> <div class="accordion-items-container"> mobile-input" type="text" placeholder="Search the FAQ" <h4 class="h4">About the EU Digital Identity Wallet</h4> <div classaria-controls="accordionac-wrapper"> <div classaria-autocomplete="accordion-item is-open"> list" <button class="accordionac-title">What is the European Digital Identity Wallet?input" <img src="/digital-building-blocks/sites/download/attachments/713526976/ico-arrow-down.svg" aria-hidden="true">onfocus="updateAutocomplete(event)" </button>oninput="updateAutocomplete(event)"/> <ul class="autocomplete-wrapper" aria-label="autocomplete suggestions" <p classid="accordionac-contentwrapper"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium praesentium quas voluptatem quidem dolorem </ul> veniam dolores voluptatibus ipsum unde totam? </div> </p>div> </div> </div> </div> </div> </section> |
Html-bobswift |
---|
<section class="section p-108-resp" id="sec-3-faq"> <div class="accordion-itemcontainer"> <button<div class="accordion-title">How can users obtain an EU Digital Identity Wallet?cols"> <img src="/digital-building-blocks/sites/download/attachments/713526976/ico-arrow-down.svg" aria-hidden="true"<div class="loader-wrapper col-12"> <span class="loader"></span> </button>div> <div class="col-12 loaded"> <div <p class="accordionleft-contentcol sidebar"> <nav class="sidebar-list" role="navigation" aria-label="faq navigation menu"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </nav> Accusantium praesentium quas voluptatem quidem dolorem </div> <div class="right-col accordions-section"> veniam dolores voluptatibus ipsum unde totam? </div> </p>div> </div> </div> </section> |
Html-bobswift |
---|
<section class="section p-108-resp" id="sec-4-faq"> <div class="container"> <div class="accordion-itemcols"> <button<div class="accordion-title">Will users have to pay for the EU Digital Identity Wallet? col-6 left-col"> <img src="/digital-building-blocks/sites/download/attachments/713526976/icoillu-arrow-downbottom.svg" aria-hidden="true"> </button>div> <p <div class="accordion-content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium praesentium quas voluptatem quidem dolorem veniam dolores voluptatibus ipsum unde totam? </p> </div> <div class="accordion-itemcol-6 right-col"> <button <h3 class="accordion-titleh3">When>Discover willthe Ibenefits be able to use the EU Digital Identity Wallet? of the Wallet</h3> <img src="/digital-building-blocks/sites/download/attachments/713526976/icoillu-arrow-downbottom.svg" aria-hidden="true"> <p>Store, secure, and share your digital identity — discover the many ways EUDI Wallet will benefit </button> both individuals <p class="accordion-content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium praesentium quas voluptatem quidem dolorem veniam dolores voluptatibus ipsum unde totam? and organizations.</p> </div><a href="/digital-building-blocks/sites/display/EUDIGITALIDENTITYWALLET/Benefits" class="btn outline primary"><span>Discover the </div> benefits of the </div> </div>Wallet</span><span class="ico-cta-forward"></span></a> </div> </div> </div> </section> |