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>
aria-controls="ac-wrapper"
                      </div>
          aria-autocomplete="list"
       </div>
            </div>
        </div>
    </div>
</section>
Html-bobswift
<section class="section" id="sec-3-faq">ac-input"
    <div class="container">
                            onfocus="updateAutocomplete(event)"
          <div class="cols"                      oninput="updateAutocomplete(event)"/>
            <div                <input class="col-12">
mobile-input" type="text" placeholder="Search the FAQ"
                               <div classaria-controls="left-col side-bar">ac-wrapper"
                    <ul>
            aria-autocomplete="list"
            <li>Item  1</li>
                  class="ac-input"
      <li>Item 2</li>
                        <li>Item 3</li>
 onfocus="updateAutocomplete(event)"
                           </ul>
     oninput="updateAutocomplete(event)"/>
            </div>
                <div<ul class="right-col accordions-sectionautocomplete-wrapper" aria-label="autocomplete suggestions" id="ac-wrapper">
                        <div class="accordion-items-container">        
                            </ul>
                        </div>
                    </div>
          <h4 class="h4">About the EU Digital Identity Wallet<</h4>div>
            </div>
        </div>
    <div class="accordion-wrapper</div>
</section>
Html-bobswift
<section class="section p-108-resp" id="sec-3-faq">
    <div class="container">
        <div class="cols">
              <div class="accordion-itemloader-wrapper col-12">
                <span class="loader"></span>
            </div> 
            <button<div class="accordioncol-title">What is the European Digital Identity Wallet?
12 loaded">
                <div class="left-col sidebar">
                    <nav    <img src="/digital-building-blocks/sites/download/attachments/713526976/ico-arrow-down.svgclass="sidebar-list" role="navigation" aria-hiddenlabel="truefaq navigation menu">
                        
                    </button>nav>
                </div>
                <div class="accordion-contentright-col accordions-section">
                    
                <p>Lorem</div>
 ipsum dolor sit amet consectetur adipisicing elit. 
    </div>
             
        </div>
    </div>
</section>
Html-bobswift
<section class="section p-108-resp" id="sec-4-faq">
    <div class="container">
   Accusantium praesentium quas voluptatem quidem dolorem <div class="cols">
            <div class="col-6 left-col">
                <img src="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
        veniam dolores voluptatibus ipsum unde totam?</p>div>
            <div class="col-6 right-col">
                <h3 class="h3">Discover the benefits of the <Wallet</div>h3>
                <img src="/digital-building-blocks/sites/download/attachments/713526976/illu-bottom.svg" aria-hidden="true">
           </div>
     <p>Store, secure, and share your digital identity  discover the many ways EUDI Wallet will benefit both individuals and organizations.</div>p>
                <a href="/digital-building-blocks/sites/display/EUDIGITALIDENTITYWALLET/Benefits"
   </div>
                 class="btn outline primary"><span>Discover the benefits of the  </div>Wallet</span><span class="ico-cta-forward"></span></a>
            </div>
        </div>
    </div>
</section>