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"
                                aria-controls="ac-wrapper"
                                aria-autocomplete="list"
                                class="ac-input"
                                onfocus="updateAutocomplete(event)"
                                oninput="updateAutocomplete(event)"/>
                            <input class="mobile-input" type="text" placeholder="Search the FAQ"
                                aria-controls="ac-wrapper"
                                aria-autocomplete="list"
                                class="ac-input"
                                onfocus="updateAutocomplete(event)"
                                oninput="updateAutocomplete(event)"/>
                            <ul class="autocomplete-wrapper" aria-label="autocomplete suggestions" id="ac-wrapper">
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
Html-bobswift
<section class="section p-108-resp" id="sec-3-faq">
    <div class="container">
        <div class="cols">
            <div class="loader-wrapper col-12">
                <span class="loader"></span>
            </div> 
            <div class="col-12 loaded">
                <div class="left-col sidebar">
                    <nav class="sidebar-list" role="navigation" aria-label="faq navigation menu">
                        
                    </nav>
                </div>
                <div class="right-col accordions-section">
                    
                </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>