Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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>
            onfocus="updateAutocomplete(event)"
            <li>Item 1</li>
                        <li>Item 2</li>oninput="updateAutocomplete(event)"/>
                        <li>Item 3</li>
   <input class="mobile-input" type="text" placeholder="Search              </ul>
 the FAQ"
               </div>
                <div classaria-controls="right-col accordions-section">ac-wrapper"
                    <div class="accordion-items-container">
                        <h4 class="h4">About the EU Digital Identity Wallet</h4>
aria-autocomplete="list"
                               <div class="accordionac-wrapperinput">
                            <div    classonfocus="accordion-item">updateAutocomplete(event)"
                                <button classoninput="accordion-title">What is the European Digital Identity Wallet?</button>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="container">
        <div class="accordion-itemcols">
            <div class="loader-wrapper col-12">
                <span  <button class="accordion-title">How can users obtain an EU Digital Identity Wallet?</button>loader"></span>
            </div> 
                   <p <div class="accordioncol-content12 loaded">
                <div class="left-col sidebar">
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. <nav class="sidebar-list" role="navigation" aria-label="faq navigation menu">
                        
            Accusantium praesentium quas voluptatem quidem dolorem 
  </nav>
                </div>
                <div  veniam dolores voluptatibus ipsum unde totam?
class="right-col accordions-section">
                     
                </p>div>
                            </div>
             
        </div>
    </div>
</section>
Html-bobswift
<section class="section  <div class="accordion-itemp-108-resp" id="sec-4-faq">
    <div class="container">
                           <button <div class="accordion-title">Will users have to pay for the EU Digital Identity Wallet?</button>cols">
                                <p <div class="accordion-contentcol-6 left-col">
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                                    Accusantium praesentium quas voluptatem quidem dolorem 
                                    veniam dolores voluptatibus ipsum unde totam?
                                </p>
          <img src="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
                  </div>
                            <div class="accordion-itemcol-6 right-col">
                                <button <h3 class="accordion-titleh3">When>Discover willthe I be able to usebenefits of the EU Digital Identity Wallet?</button>Wallet</h3>
                <img                <p class="accordion-contentsrc="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
                <p>Store, secure, and share your digital identity  discover the many ways EUDI Wallet will benefit both individuals   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>