Landing go live

<main role="main" class="c-main--landing-golive">

    <div class="c-hero c-hero--wave ">

        <div class="c-hero__inner">
            <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
            <h1>Sul nuovo sito dell’Aeroporto di Bologna trovi tutte le risposte, qualunque sia il tuo modo di viaggiare.</h1>

            <div class="discover-more">
                <p>Scopri le novità</p>
                <a href="#maincontent" class="c-link c-link--icon">
                    <span class="u-visuallyhidden">Scopri le novità</span>
                    <svg class="svg-24">
                        <use xlink:href="#ic_chevron_right_black_24px"></use>
                    </svg> </a>
            </div>

            <img class="ornament-cloud" src="../../images/svgs/cloud.svg" alt="" aria-hidden="true">

        </div>

        <svg class="c-hero__waveform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1660 400">
            <path d="M1112.56,209.89C824.48,172,838.16,238.46,682.48,323.37,598.6,365.78,501.88,390,398.91,390,244.48,390,104.11,335.58,0,246.86V400H1660V0h-1.92C1526.42,160.54,1308.05,235.61,1112.56,209.89Z" />
        </svg>

    </div>
    <div class="u-wrapped" id="maincontent">
        <div class="c-cards c-cards--geeky o-cards ">

            <div class="o-cards__item c-cards__item">
                <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                    <img src="../../images/svgs/stk_contents.svg" class="o-card__img" alt="" aria-hidden="true">

                    <p class="c-card__text o-card__text">
                        Contenuti personalizzati
                    </p>

                    <p class="c-card__description">
                        Percorsi informativi pensati per ogni esigenza. Che tu sia una famiglia, una coppia, un PRM in viaggio, troverai sempre quello che fa per te.
                    </p>

                </div>
            </div>
            <div class="o-cards__item c-cards__item">
                <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                    <img src="../../images/svgs/stk_cart.svg" class="o-card__img" alt="" aria-hidden="true">

                    <p class="c-card__text o-card__text">
                        Servizi di e-commerce potenziati
                    </p>

                    <p class="c-card__description">
                        Le prenotazioni di parcheggi, voli e ingressi in Vip-lounge non sono mai state così semplici.
                    </p>

                </div>
            </div>
            <div class="o-cards__item c-cards__item">
                <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                    <img src="../../images/svgs/stk_ticket.svg" class="o-card__img" alt="" aria-hidden="true">

                    <p class="c-card__text o-card__text">
                        Esperienza dell’utente ottimizzata
                    </p>

                    <p class="c-card__description">
                        Contenuti, navigazione, area riservata, assistenza clienti tutto a misura di viaggiatore. Per noi la tua esperienza è la chiave.
                    </p>

                </div>
            </div>
            <div class="o-cards__item c-cards__item">
                <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                    <img src="../../images/svgs/stk_user-ok.svg" class="o-card__img" alt="" aria-hidden="true">

                    <p class="c-card__text o-card__text">
                        Accessibilità migliorata
                    </p>

                    <p class="c-card__description">
                        Da pc o da smartphone, ogni informazione sarà per te facile da trovare e accessibile da consultare.
                    </p>

                </div>
            </div>

        </div>
    </div>

    <header data-shady>
        <span class="u-visuallyhidden">I design principles del nuovo sito.</span>
        <img class="ornament-cloud" src="../../images/svgs/cloud.svg" alt="" aria-hidden="true">
    </header>

    <div class="c-strip-cartoon ">

        <div class="c-strip-cartoon__inner">

            <div class="c-strip-cartoon__content">
                <h3>1. Le persone al centro</h3>
                <h4>Una guida per ogni passeggero</h4>
                <p>
                    Che tu sia un passeggero in partenza, in arrivo o un accompagnatore, grazie alla nuova guida al passeggero, troverai sempre una risposta rapida ai tuoi bisogni. Contenuti dedicati a te, per garantirti completezza e chiarezza in ogni momento del tuo viaggio.
                </p>
                <ul>
                    <strong>Scopri i nuovi contenuti dedicati a te:</strong>
                    <li><a href="/components/preview/page-routes-prm"><strong>Hai bisogno di un'assistenza speciale?</strong></a></li>
                    <li><a href="/components/preview/page-routes-families"><strong>Sei una famiglia e hai bisogno di viaggiare con un minore?</strong></a></li>
                    <li><a href="/components/preview/page-routes-animals"><strong>Viaggerai con animali al seguito?</strong></a></li>
                    <li><a href="/components/preview/page-routes-checks"><strong>Vuoi sapere di più su i controlli di sicurezza?</strong></a></li>
                    <li><a href="/components/preview/page-routes-luggage"><strong>Non sai che cosa è consentito portare nel bagaglio a mano?</strong></a></li>
                    <li>Molto altro…</li>
                </ul>
            </div>

            <div class="c-strip-cartoon__picture">
                <img src="../../images/shape-people-centered.png" alt="Veterinario">
            </div>

        </div>

        <img class="ornament-cloud ornament-cloud--outRight" src="../../images/svgs/cloud.svg" alt="" aria-hidden="true">

    </div>
    <div class="c-strip-cartoon c-strip-cartoon--reverse">

        <div class="c-strip-cartoon__inner">

            <div class="c-strip-cartoon__content">
                <h3>2. Al momento giusto</h3>
                <h4>L'informazione giusta nel posto giusto</h4>
                <p>
                    Ogni volta che prendi un volo e vuoi sapere se il tuo volo è in anticipo, in orario o in ritardo, dove puoi parcheggiare l’auto, come fare check-in, prenotare il fast-track o semplicemente come ingannare il tempo in attesa di partire, trovi tutte le informazioni in un posto unico: nel tuo <strong>Myflight il dettaglio del tuo volo.</strong>
                </p>
                <p>
                    E se sono in arrivo o accompagno qualcuno in aeroporto? Niente paura: Myflight risponde a tutti. <strong>Un unico posto dove puoi avere tutto sotto controllo.</strong>
                </p>
                <a href="/components/preview/page-arrivals-departures" class="c-link c-link--primary">
                    <span>Cerca un volo</span>
                    <svg class="svg-24">
                        <use xlink:href="#ic_chevron_right_black_24px"></use>
                    </svg></a>
            </div>

            <div class="c-strip-cartoon__picture">
                <img src="../../images/shape-right-moment.png" alt="Veterinario">
            </div>

        </div>

        <img class="ornament-cloud ornament-cloud--outLeft" src="../../images/svgs/cloud.svg" alt="" aria-hidden="true">

    </div>
    <div class="c-strip-cartoon ">

        <div class="c-strip-cartoon__inner">

            <div class="c-strip-cartoon__content">
                <h3>3. Prima e dopo il viaggio</h3>
                <h4>Abbiamo una risposta ad ogni tua domanda</h4>
                <p>
                    I tuoi programmi sono cambiati e hai bisogno di richiedere un rimborso di un parcheggio? Non sai quali documenti sono necessari per il tuo volo? Hai bisogno di sapere come comprare un volo da telefono? Ad ogni tua domanda noi abbiamo una risposta. <strong>Consulta il nostro nuovo Centro Assistenza Clienti e scoprirai in quanti modi puoi metterti in contatto con noi.</strong>
                </p>
                <a href="/components/preview/page-home-customer-care" class="c-link c-link--primary">
                    <span>Scopri il centro assistenza</span>
                    <svg class="svg-24">
                        <use xlink:href="#ic_chevron_right_black_24px"></use>
                    </svg></a>
            </div>

            <div class="c-strip-cartoon__picture">
                <img src="../../images/shape-customer-care.png" alt="Veterinario">
            </div>

        </div>

        <img class="ornament-cloud ornament-cloud--smallInRight" src="../../images/svgs/cloud.svg" alt="" aria-hidden="true">

    </div>
    <div class="c-strip-cartoon c-strip-cartoon--reverse">

        <div class="c-strip-cartoon__inner">

            <div class="c-strip-cartoon__content">
                <h3>4. BLQ now</h3>
                <h4>L'aeroporto in tempo reale con un click</h4>
                <p>
                    Stai per partire ma è prevista una forte nevicata? È stato proclamato uno sciopero e non sai se il tuo volo partirà? Sono programmati cantieri o chiusure straordinarie? Non ti preoccupare, grazie al nuovo Centro notifiche sarai subito <strong>avvisato in tempo reale su tutte le comunicazioni importanti.</strong>
                </p>
            </div>

            <div class="c-strip-cartoon__picture">
                <img src="../../images/shape-blq-now.png" alt="Veterinario">
            </div>

        </div>

    </div>
    <div class="c-airport-troup">

    </div>
    <div class="c-response-msg c-response-msg--raw o-response-msg">

        <p class="c-response-msg__title">Il tuo viaggio inizia da qui...</p>

        <div class="o-response-msg__further-text">
            <a href="/components/preview/page-home-travel--default" class="c-link c-link--primary">
                <span>Scopri il nuovo sito</span>
                <svg class="svg-24">
                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                </svg></a>
        </div>

    </div>

</main>

<footer class="c-footer ">
    <div class='c-footer__inner'>
        <div class="c-cityguide">

            <div class="c-cityguide__brand">

                <a href="" class="c-cityguide__logo">
                    <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                </a>

                <div>
                    <div class="c-cityguide__socials">
                        <div class="c-socials">

                            <ul>
                                <li><a href="#" aria-label="instagram"><svg class="">
                                            <use xlink:href="#ic-social-instagram"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="facebook"><svg class="">
                                            <use xlink:href="#ic-social-facebook"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="twitter"><svg class="">
                                            <use xlink:href="#ic-social-twitter"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="linkedin"><svg class="">
                                            <use xlink:href="#ic-social-linkedin"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="youtube"><svg class="">
                                            <use xlink:href="#ic-social-youtube"></use>
                                        </svg></a></li>
                            </ul>

                        </div>
                    </div>
                    <div class="c-cityguide__lang">
                        <ul class="c-languages" aria-label="Seleziona la lingua del sito">
                            <li>
                                <a href="#" aria-label="Italiano">
                                    ita
                                </a>
                            </li>
                            <li>
                                <a href="#" aria-label="Inglese">
                                    eng
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c-cityguide__cta">
                        <p class="c-cityguide__text">Entra nel nostro team</p>
                        <a href="#" class="c-link c-link--sky ">
                            <span>Lavora con noi</span>
                            <svg class="svg-24">
                                <use xlink:href="#ic_chevron_right_black_24px"></use>
                            </svg></a>
                    </div>
                </div>

            </div>

            <ul class="c-cityguide__nav" aria-label="Voli">
                <strong aria-hidden="true">Voli</strong>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-departures" aria-label="Voli in arrivo">

                        Voli in arrivo
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-arrivals" aria-label="Voli in partenza">

                        Voli in partenza
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-flights-destinations" aria-label="Destinazioni">

                        Destinazioni
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Parcheggi">
                <strong aria-hidden="true">Parcheggi</strong>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-parkings-home" aria-label="Parcheggia in Aeroporto">

                        Parcheggia in Aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-rates-conventions" aria-label="Tariffe e Convenzioni">

                        Tariffe e Convenzioni
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-where-to-pay" aria-label="Come e dove pagare">

                        Come e dove pagare
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Passeggeri DPR 151/2012">

                        Passeggeri DPR 151/2012
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Shopping e servizi">
                <strong aria-hidden="true">Shopping e servizi</strong>
                <li class="">
                    <a href="#" aria-label="Negozi">

                        Negozi
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Ristoranti e Bar">

                        Ristoranti e Bar
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Servizi">

                        Servizi
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="#" aria-label="Lounge e Servizi VIP">

                        Lounge e Servizi VIP
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Necessità particolari">
                <strong aria-hidden="true">Necessità particolari</strong>
                <li class="">
                    <a href="/components/preview/page-home-assistenze" aria-label="Assistenze speciali">
                        <svg class=" c-icon c-icon--24">
                            <use xlink:href="#ic-accessible-black-24px"></use>
                        </svg>
                        Assistenze speciali
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-prm" aria-label="Famiglie e minori">

                        Famiglie e minori
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-animals" aria-label="Animali al seguito">

                        Animali al seguito
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Info pratiche">
                <strong aria-hidden="true">Info pratiche</strong>
                <li class="">
                    <a href="#" aria-label="Documenti">

                        Documenti
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Bagagli">

                        Bagagli
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Controlli in aeroporto">

                        Controlli in aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Mappe">

                        Mappe
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="App BLQ">

                        App BLQ
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Free Wi-Fi">

                        Free Wi-Fi
                    </a>
                </li>
            </ul>

        </div>
        <div class="c-copyright">

            <div class="c-copyright__credits">
                <p>
                    <strong><span aria-hidden="true">©</span>
                        Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
                    - Tutti i diritti riservati<br />
                    Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
                    03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
                    268716
                </p>

                <ul>
                    <li><a href="#">Credits</a></li>
                    <li><a href="#">Informativa cookie</a></li>
                    <li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
                    <li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
                            privacy videosorveglianza</a></li>
                    <li><a href="#">Dichiarazione di accessibilità</a></li>
                    <li><a href="#">Lavora con noi</a></li>
                </ul>
            </div>

            <div class="c-copyright__partners">
                <a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
                    <img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
                    <img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
                </a>
            </div>

        </div>
    </div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
    <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
        <div role="document">
            <p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>

            <div class="c-advantages">

                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
                        </div>
                    </div>
                </div>

            </div>

            <form class="c-form">
                <label for="email-newsletter" class="" aria-label="">

                    Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>

                    <input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">

                </label>

                <input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">

                <label for="agree-privacy" class="">
                    Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
                </label> <button type="submit" class="c-button c-button--submit c-button--large">

                    Iscríviti

                </button>
            </form>

            <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                <svg class="c-icon c-icon--32">
                    <use xlink:href="#ic_close_black_24px"></use>
                </svg> </button>
        </div>
    </div>
</div>

<script src="../../js/footer.min.js"></script>
<script>
    $('.c-hero--wave .c-link').click(function(e) {
        $("html, body").animate({
            scrollTop: ($('#maincontent').offset().top)
        }, 800);
    });
</script>