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"
                                onfocusaria-controls="updateAutocomplete(event)ac-wrapper"
                                oninputaria-autocomplete="updateAutocomplete(event)"/>
list"
                               <div class="autocompleteac-wrapperinput">
                                <!-- <button class="ac-item">Item 1</button>onfocus="updateAutocomplete(event)"
                                <button classoninput="ac-item">Item 2</button> --updateAutocomplete(event)"/>
                            </div>
     <input class="mobile-input" type="text" placeholder="Search the FAQ"
                   </div>
                    </div>aria-controls="ac-wrapper"
                </div>
            </div>
        </div>aria-autocomplete="list"
    </div>
</section>
Html-bobswift
<section class="section" id="sec-3-faq">
    <div class="container">
        <div class="cols">
            <div class="colac-12input">
                <div class="left-col sidebar">
                    <ul class="sidebar-list">onfocus="updateAutocomplete(event)"
                        
                    </ul>
  oninput="updateAutocomplete(event)"/>
              </div>
                <div<ul class="rightautocomplete-colwrapper" accordionsaria-sectionlabel=">
autocomplete                    <!-- <div class="accordion-categorysuggestions" id="ac-wrapper">
                        <h4 class="h4">About the EU Digital Identity Wallet</h4>
  
                      <div class="accordions-wrapper">
     </ul>
                       <div class="accordion-item"> </div>
                    </div>
            <button class="accordion-title">What is the European Digital Identity Wallet? </div>
            </div>
        </div>
                <img src="/digital-building-blocks/sites/download/attachments/713526976/ico-arrow-down.svg" aria-hidden="true</div>
</section>
Html-bobswift
<section class="section p-108-resp" id="sec-3-faq">
    <div class="container">
                           </button>
        <div class="cols">
                        <div class="accordion-contentloader-wrapper col-12">
                <span class="loader"></span>
            </div> 
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <div class="col-12 loaded">
                <div class="left-col sidebar">
                    <nav  Accusantium praesentium quas voluptatem quidem dolorem class="sidebar-list" role="navigation" aria-label="faq navigation menu">
                         
               veniam dolores voluptatibus ipsum unde totam?</p>nav>
                                </div>
                <div            </div>
    class="right-col accordions-section">
                    </div>
                    </div> -->
                </div>
            </div> 
        </div>
    </div>
</section>
Html-bobswift
<section class="section p-108-resp" id="sec-4-faq">
    <div class="container">
        <div class="cols">
            <div class="col-6 left-col">
                <img src="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
            </div>
            <div class="col-6 right-col">
                <h3 class="h3">Discover the benefits of the Wallet</h3>
                <img src="/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 and organizations.</p>
                <a href="/digital-building-blocks/sites/display/EUDIGITALIDENTITYWALLET/Benefits"
                    class="btn outline primary"><span>Discover the benefits of the Wallet</span><span class="ico-cta-forward"></span></a>
            </div>
        </div>
    </div>
</section>