Versions Compared

Old Version 12

changes.mady.by.user Antonios Kamzelas

Saved on

compared with

New Version Current

changes.mady.by.user Antonios Kamzelas

Saved on

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"
                </div>
                <div classonfocus="right-col accordions-section">updateAutocomplete(event)"
                    <div class="accordion-items-container">
                        <h3 class="h3">About the EU Digital Identity Wallet</h3>
                        <div class="accordion-wrapper"oninput="updateAutocomplete(event)"/>
                            <div<input class="accordionmobile-iteminput">
                                <p class="accordion-title">What is the European Digital Identity Wallet?</p> type="text" placeholder="Search the FAQ"
                                <p classaria-controls="accordionac-contentwrapper">
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. aria-autocomplete="list"
                                    Accusantium praesentium quas voluptatem quidem dolorem class="ac-input"
                                    veniam dolores voluptatibus ipsum unde totam?onfocus="updateAutocomplete(event)"
                                </p>
                            </div>
                            <div class="accordion-item"oninput="updateAutocomplete(event)"/>
                            <ul    <p class="accordionautocomplete-titlewrapper">How can users obtain an EU Digital Identity Wallet?</p>
                                <p class="accordion-content">
            aria-label="autocomplete suggestions" id="ac-wrapper">
                         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">
                  <p<span class="accordion-title">Will users have to pay for the EU Digital Identity Wallet?</p>loader"></span>
            </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">
            <div class="col-6 left-col">
                <img  <p class="accordion-title">When will I be able to use the EU Digital Identity Wallet?</p>src="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
            </div>
                                <p <div class="accordion-contentcol-6 right-col">
                <h3 class="h3">Discover the benefits of the Wallet</h3>
              Lorem ipsum dolor sit amet consectetur adipisicing elit. <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   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>