<a href='#maincontent' class='c-skip-navigation'>
    Passa al contenuto principale
</a>

<header class="c-header c-header--progress">

    <div class="c-header__inner">
        <div class="c-header_orientation">
            <div class="c-orientation ">
                <div class="c-orientation__inner">

                    <div class="c-orientation__utilities">
                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                            <label for="toggle" data-opens-menu>

                                <span>Ciao</span><strong>Mario Rossi</strong>
                                <div class="c-menu__icon">
                                    <img src="../../images/svgs/stk_profile_man.svg" alt="" aria-hidden="true" width="24">

                                    <p class="c-menu__notify" aria-hidden="true">2</p>
                                </div>

                                <svg class="expanded-text c-icon c-icon--24">
                                    <use xlink:href="#ic_arrow_drop_up_black_24px"></use>
                                </svg> <svg class="collapsed-text c-icon c-icon--24">
                                    <use xlink:href="#ic_arrow_drop_down_black_24px"></use>
                                </svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
                                <span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
                            </label>
                            <div role="menu" data-menu-origin="right">

                                <div class="c-menu__booked-item c-menu__booked-item--multiple ">
                                    <a href="../preview/page-reservation-detail.html" class="clickable-item">
                                        <div class="c-media o-media c-media--booked-item">
                                            <img class="c-media__figure o-media__figure" src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" height="" width="40">
                                            <div class="c-media__body o-media__body">
                                                Oggi hai un parcheggio prenotato al P1-2 <strong>alle ore 13:45</strong>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="../preview/page-reservations-list.html">Vedi le altre prenotazioni di oggi</a>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_prenotazioni.svg" alt="Prenotazioni" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Prenotazioni">
                                        <strong aria-hidden="true" class="title">Prenotazioni</strong>
                                        <li><a href="../preview/page-dashboard.html">Dashboard</a></li>
                                        <li><a href="../preview/page-reservations-list.html">Le tue prenotazioni</a></li>
                                        <li><a href="../preview/page-orders-list.html">I tuoi ordini</a></li>
                                        <li><a href="#">I tuoi voucher digitali (130€)</a></li>
                                        <li><a href="#">I tuoi crediti agenzia (110€)</a></li>
                                    </ul>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_avatar.svg" alt="Profilo" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Profilo">
                                        <strong aria-hidden="true" class="title">Profilo</strong>
                                        <li><a href="../preview/page-profile--default.html">Il tuo account</a></li>
                                        <li><a href="../preview/page-billing-info.html">I tuoi dati di fatturazione</a></li>
                                        <li><a href="#">Le mie auto</a></li>
                                        <li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
                                        <li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
                                    </ul>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Supporto">
                                        <strong aria-hidden="true" class="title">Supporto</strong>
                                        <li><a href="#">Richiedi assistenza</a></li>
                                        <li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
                                        <li><a href="#">Richiedi assistenza</a></li>
                                    </ul>
                                </div>

                                <a href="#" class="c-menu__invite">Esci</a>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="c-header__toolbar">
            <div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
                <div class='c-toolbar__inner'>
                    <div class='c-toolbar__left'>
                        <a href="" class='c-toolbar__logo'>
                            <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                        </a>
                    </div>

                    <div class='c-toolbar__center'>
                        <ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="4" aria-valuenow="2" aria-valuetext="Step 2 di 4: ">

                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Scegli parcheggio</a>
                            </li>
                            <li class="c-progress__step " data-step-current>
                                <a href="" data-extra-text="">Inserisci i dati</a>
                            </li>
                            <li class="c-progress__step " data-step-incomplete>
                                <a href="" data-extra-text="">Intestazione</a>
                            </li>
                            <li class="c-progress__step " data-step-incomplete>
                                <a href="" data-extra-text="">Checkout</a>
                            </li>

                        </ol>
                    </div>

                    <div class='c-toolbar__right'>
                        <div class="c-toolbar__user">

                        </div>
                        <a href="#" class="c-link c-link--cart c-link--cart-large">
                            <p class="u-visuallyhidden">Carrello</p>
                            <span class="c-link__cart-icon">
                                <svg class="c-icon c-icon--cart">
                                    <use xlink:href="#ic-shopping-cart-24px"></use>
                                </svg> <span class="c-link__cart-badge">5</span>
                            </span>
                            <span class="c-link__cart-content">
                                <span class="c-link__cart-label">Tempo residuo</span>
                                <span class="c-link__cart-timer">19:59</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>

</header>
<div class='c-overlay'></div>

<main class="" id='maincontent'>

    <div grid="grid" class="u-pt-space-64">
        <div grid="4@lg offset-8@lg last@lg">
            <div class="block-desktop-cart">
                <div class="c-cart">

                    <div class="c-cart__header">
                        <p class="c-cart__title">Il tuo carrello</p>
                    </div>

                    <div class="c-cart__body">
                        <div class="c-cart__items">
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P1 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">10/03/2025</p>
                                                <p class="end-date">15/03/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p2.svg" alt="Parcheggio P2" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P2 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">16/03/2025</p>
                                                <p class="end-date">20/03/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p3.svg" alt="Parcheggio P3" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P3 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">21/03/2025</p>
                                                <p class="end-date">25/03/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p4.svg" alt="Parcheggio P4" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P4 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">26/03/2025</p>
                                                <p class="end-date">30/03/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p5.svg" alt="Parcheggio P5" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P5 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">31/03/2025</p>
                                                <p class="end-date">05/04/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="c-cart__item">
                                <div class="c-cart-item">

                                    <div class="c-cart-item__block">
                                        <div class="c-cart-item__img-container">
                                            <img src="/images/svgs/p6.svg" alt="Parcheggio P6" class="c-cart-item__img">
                                        </div>
                                        <div class="c-cart-item__body">
                                            <p class="c-cart-item__name">P6 Terminal</p>
                                            <div class="c-cart-item__info">
                                                <p class="start-date">04/05/2025</p>
                                                <p class="end-date">07/05/2025</p>
                                                <p class="qty">x2</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="c-cart-item__block">
                                        <p class="c-cart-item__price">15 €</p>
                                        <div class="c-cart-item__cta">
                                            <button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
                                                <svg class="c-icon c-icon--24">
                                                    <use xlink:href="#ic-trash"></use>
                                                </svg> </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="c-cart__vouchers">
                            <div class="c-cart__vouchers-disclosure">
                                <div class="c-collapsible o-collapsible o-collapsible--raw o-collapsible--raw">
                                    <p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher x3</p>
                                    <div class="c-cart__voucher-items">
                                        <div class="c-cart__voucher-item">
                                            <div>
                                                <span class="recap-label">Voucher TYPE8567MH</span>
                                            </div>
                                            <div>
                                                <span class="final">- 20,99 €</span>
                                            </div>
                                        </div>
                                        <div class="c-cart__voucher-item">
                                            <div>
                                                <span class="recap-label">Voucher TYPE1234KL</span>
                                            </div>
                                            <div>
                                                <span class="final">- 40,00 €</span>
                                            </div>
                                        </div>
                                        <div class="c-cart__voucher-item">
                                            <div>
                                                <span class="recap-label">Voucher TYPE9964IT</span>
                                            </div>
                                            <div>
                                                <span class="final">- 20,40 €</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div><span class="c-cart__vouchers-total">- 80,99 €</span></div>
                        </div>

                    </div>

                    <div class="c-cart__footer">
                        <div class="c-cart__total">
                            <p class="c-cart__total-label">Totale ordine</p>
                            <div class="c-cart__total-price">
                                <p class="initial-price">40,00 €</p>
                                <p class="final-price">20,00 €</p>
                            </div>
                        </div>
                        <div class="c-cart__cta">
                            <button type="submit" class="c-button c-button--submit">

                                Procedi

                            </button>
                        </div>
                        <p class="cta-secondary-text">Oppure fai una <button type="button" class="c-button c-button--as-link">

                                nuova ricerca

                            </button></p>
                    </div>

                </div>
            </div>

            <div class="block-mobile-cart">
                <div class="c-cart c-cart--mobile">

                    <div class="c-cart__mob-wrapper">
                        <div class="c-cart__cta"><button type="submit" class="c-button c-button--submit">

                                Procedi

                            </button></div>
                        <div class="right-block">
                            <a href="#" class="cart-link">Carrello</a>
                            <div class="c-cart__total-price">
                                <p class="initial-price">40,00 €</p>
                                <p class="final-price">20,00 €</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div grid="6@lg">
            <div class="o-flexgrid o-flexgrid--antipodes">
                <div class="o-flexgrid__item">
                    <h1 class="u-typo-level-6 u-color-night-100">Crea il tuo account</h1>
                </div>
                <div class="o-flexgrid__item">
                    <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
                </div>
            </div>

            <form class="c-form u-mt-space-32 u-mt-space-64@md">

                <fieldset>
                    <legend>Dati account</legend>
                    <div grid="grid">
                        <div grid="6@sm"><label for="email-field" class="" aria-label="">

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

                                <input id="email-field" type="email" class="" placeholder="" value="" aria-describedby="email-note">

                                <p class="c-field__note " id="email-note">
                                    Inserisci la tua e-mail
                                </p>

                            </label>

                        </div>
                        <div grid="6@sm"><label for="confirm-email-field" class="" aria-label="">

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

                                <input id="confirm-email-field" type="email" class="" placeholder="" value="" aria-describedby="confirm-email-note">

                                <p class="c-field__note " id="confirm-email-note">
                                    Inserisci di nuovo la tua e-mail
                                </p>

                            </label>

                        </div>
                        <div grid="12"><label for="input-password-field" class="has-password-button" aria-label="">

                                Scegli la password <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-password-field" type="password" class="" placeholder="" value="" aria-describedby="input-password-note" autocomplete="new-password">

                                <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>

                                <p class="c-field__note " id="input-password-note">
                                    Definisci una password di almeno <strong>8 caratteri</strong> di cui 1 MAIUSCOLO e 1 numero
                                </p>

                            </label>

                        </div>
                        <div grid="12"><label for="input-confirm-password-field" class="has-password-button" aria-label="">

                                Conferma la password <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-confirm-password-field" type="password" class="" placeholder="" value="" aria-describedby="input-confirm-password-note">

                                <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>

                                <p class="c-field__note " id="input-confirm-password-note">
                                    Digita di nuovo la password
                                </p>

                            </label>

                        </div>
                    </div>
                </fieldset>

                <div class="u-mt-space-32 u-mt-space-64@md">
                    <div class="c-highlight ">
                        <p><strong>Hai già acquistato con questa email? Ritrova le tue prenotazioni passate.</strong></p>
                        <p>Se negli ultimi 6 mesi hai prenotato un parcheggio come ospite, lo troverai nella tua area riservata MyBLQ.</p>
                    </div>
                </div>

                <fieldset class="u-mt-space-32 u-mt-space-64@md">
                    <legend>Ti stai registrando come</legend>
                    <div grid="grid 6@md">
                        <div>

                            <div class="c-selection c-selection--compact">
                                <div class="c-selection__img-block">
                                    <img class="c-selection__img" src="/images/svgs/personal-data.svg" alt="Privato">
                                </div>
                                <div class="c-selection__text">
                                    Privato
                                </div>
                                <input class="c-selection__radio u-visuallyhidden" type="radio" name="user-type" id="user-type-1-24" checked>
                                <label class="c-selection__label" for="user-type-1-24">
                                    <span class="u-visuallyhidden">Privato</span>
                                </label>
                                <div class="c-selection__input"></div>
                            </div>
                        </div>
                        <div>

                            <div class="c-selection c-selection--compact">
                                <div class="c-selection__img-block">
                                    <img class="c-selection__img" src="/images/svgs/business-user.svg" alt="Azienda o libero professionista">
                                </div>
                                <div class="c-selection__text">
                                    Azienda o libero professionista
                                </div>
                                <input class="c-selection__radio u-visuallyhidden" type="radio" name="user-type" id="user-type-2-36" disabled>
                                <label class="c-selection__label" for="user-type-2-36">
                                    <span class="u-visuallyhidden">Azienda o libero professionista</span>
                                </label>
                                <div class="c-selection__input"></div>
                            </div>
                        </div>
                        <div>

                            <div class="c-selection c-selection--compact">
                                <div class="c-selection__img-block">
                                    <img class="c-selection__img" src="/images/svgs/travel-agency.svg" alt="Agenzia viaggi">
                                </div>
                                <div class="c-selection__text">
                                    Agenzia viaggi
                                </div>
                                <input class="c-selection__radio u-visuallyhidden" type="radio" name="user-type" id="user-type-3-29" disabled>
                                <label class="c-selection__label" for="user-type-3-29">
                                    <span class="u-visuallyhidden">Agenzia viaggi</span>
                                </label>
                                <div class="c-selection__input"></div>
                            </div>
                        </div>
                        <div>

                            <div class="c-selection c-selection--compact">
                                <div class="c-selection__img-block">
                                    <img class="c-selection__img" src="/images/svgs/public-amministration.svg" alt="Pubblica amministrazione">
                                </div>
                                <div class="c-selection__text">
                                    Pubblica amministrazione
                                </div>
                                <input class="c-selection__radio u-visuallyhidden" type="radio" name="user-type" id="user-type-4-72" disabled>
                                <label class="c-selection__label" for="user-type-4-72">
                                    <span class="u-visuallyhidden">Pubblica amministrazione</span>
                                </label>
                                <div class="c-selection__input"></div>
                            </div>
                        </div>
                    </div>
                    <div class="u-mt-space-24">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                </fieldset>

                <fieldset class="u-mt-space-32 u-mt-space-64@md">
                    <legend>Dati personali</legend>
                    <div grid="grid 6@sm">
                        <div><label for="input-referent-name" class="" aria-label="">

                                Nome del referente <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-referent-name" type="text" class="" placeholder="" value="" aria-describedby="input-referent-name-note">

                                <p class="c-field__note " id="input-referent-name-note">
                                    Inserisci il nome del legale rappresentante
                                </p>

                            </label>

                        </div>
                        <div><label for="input-referent-surname" class="" aria-label="">

                                Cognome del referente <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-referent-surname" type="text" class="" placeholder="" value="" aria-describedby="input-referent-surname-note">

                                <p class="c-field__note " id="input-referent-surname-note">
                                    Inserisci il cognome del legale rappresentante
                                </p>

                            </label>

                        </div>
                    </div>
                    <div grid="grid 12">
                        <div><label for="input-referent-phone" class="" aria-label="">

                                Telefono <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-referent-phone" type="tel" class="" placeholder="" value="" aria-describedby="input-referent-phone-note">

                                <p class="c-field__note " id="input-referent-phone-note">
                                    Inserisci il numero di telefono sul quale sarà possibile contattarti
                                </p>

                            </label>

                        </div>
                    </div>
                </fieldset>

                <div class="u-mt-space-48 u-mt-space-64@md">
                    <button type="submit" class="c-button c-button--elastic">

                        Prosegui

                    </button>
                </div>

            </form>
        </div>
    </div>

</main>

<div class="c-prefooter  " role="banner">
    <div class="c-prefooter__inner">
        <div class="c-prefooter__col">
            <div class="c-prefooter__item">
                <h2>Hai bisogno di aiuto?</h2>
                <ul class="c-prefooter__list">
                    <li class="c-prefooter__faq">
                        <a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">&#8594;</span></a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="c-prefooter__col">
            <div class="c-media o-media ">
                <img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
                <div class="c-media__body o-media__body">

                </div>
            </div>
            <div class="c-prefooter__item">
                <h2>Ti potrebbero servire</h2>
                <ul class="c-prefooter__list">
                    <li class="c-prefooter__faq">
                        <a href="#">Assistenza Clienti <span aria-hidden="true">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Info e reclami <span aria-hidden="true">&#8594;</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<footer class="c-footer c-footer--minimal">
    <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">
                        </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>

        </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>
{{#extend "@template-master--checkout"}}

  {{!-- HEADER --}}
  {{#content "header"}}
    {{ render "@header--progress" header merge=true }}
  {{/content}}

  {{!-- FOOTER --}}
  {{#content "footer"}}
  {{/content}}

  {{!-- MAIN --}}
	{{#content "main"}}

    <div grid="grid" class="u-pt-space-64">
      <div grid="4@lg offset-8@lg last@lg">
        {{ render "@cart" cart merge=true }}
      </div>
      
      <div grid="6@lg">
        <div class="o-flexgrid o-flexgrid--antipodes">
          <div class="o-flexgrid__item">
            <h1 class="u-typo-level-6 u-color-night-100">Crea il tuo account</h1>
          </div>
          <div class="o-flexgrid__item">
            <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
          </div>
        </div>

        <form class="c-form u-mt-space-32 u-mt-space-64@md">
          
          {{!-- DATI ACCOUNT --}}
          <fieldset>
            <legend>Dati account</legend>
            <div grid="grid">
              <div grid="6@sm">{{> @input input-email }}</div>
              <div grid="6@sm">{{> @input input-confirm-email }}</div>
              <div grid="12">{{> @input input-password }}</div>
              <div grid="12">{{> @input input-confirm-password }}</div>
            </div>
          </fieldset>

          <div class="u-mt-space-32 u-mt-space-64@md">
            {{#> @highlight }}
              <p><strong>Hai già acquistato con questa email? Ritrova le tue prenotazioni passate.</strong></p>
              <p>Se negli ultimi 6 mesi hai prenotato un parcheggio come ospite, lo troverai nella tua area riservata MyBLQ.</p>
            {{/@highlight}}
          </div>

          {{!-- SCELTA PROFILO --}}
          <fieldset class="u-mt-space-32 u-mt-space-64@md">
            <legend>Ti stai registrando come</legend>
            <div grid="grid 6@md">
              {{#each user-types }}
              <div>{{> @selection }}</div>
              {{/each}}
            </div>
            <div class="u-mt-space-24">
              <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
            </div>
          </fieldset>

          {{!-- DATI PERSONALI --}}
          <fieldset class="u-mt-space-32 u-mt-space-64@md">
            <legend>Dati personali</legend>
            <div grid="grid 6@sm">
              <div>{{> @input input-referent-name }}</div>
              <div>{{> @input input-referent-surname }}</div>
            </div>
            <div grid="grid 12">
              <div>{{> @input input-referent-phone }}</div>
            </div>
          </fieldset>

          <div class="u-mt-space-48 u-mt-space-64@md">
            {{> @button btn-proceed }}
          </div>

        </form>
      </div>
    </div>
	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></script>
  {{/content}}

{{/extend}}
{
  "template-main-class": "",
  "header": {
    "toolbarProgress": {
      "moleculeProgress": {
        "current-step": 2,
        "steps": [
          {
            "text": "Scegli parcheggio",
            "status": "data-step-complete"
          },
          {
            "text": "Inserisci i dati",
            "status": "data-step-current"
          },
          {
            "text": "Intestazione",
            "status": "data-step-incomplete"
          },
          {
            "text": "Checkout",
            "status": "data-step-incomplete"
          }
        ]
      }
    }
  },
  "cart": {
    "showProduct": true,
    "showTelepassIcon": false,
    "noDiscount": false,
    "showModifyDates": true,
    "showProductRecap": true,
    "showAdditionals": false,
    "showAddons": false,
    "showCartTotal": true,
    "showCartCta": true,
    "hasLoading": false,
    "cartTotal": {
      "show": true,
      "label": "Totale ordine",
      "price": "100,99 €",
      "netprice": "128,90 €"
    },
    "showVoucher": false,
    "voucher-info": false
  },
  "input-email": {
    "label_id": "email-field",
    "label_message": "E-mail",
    "label_class": "",
    "atom-input": {
      "id": "email-field",
      "type": "email",
      "required": true,
      "hasNote": true,
      "describedby": "email-note"
    },
    "note_id": "email-note",
    "note_message": "Inserisci la tua e-mail"
  },
  "input-confirm-email": {
    "label_id": "confirm-email-field",
    "label_message": "Conferma e-mail",
    "label_class": "",
    "atom-input": {
      "id": "confirm-email-field",
      "type": "email",
      "required": true,
      "hasNote": true,
      "describedby": "confirm-email-note"
    },
    "note_id": "confirm-email-note",
    "note_message": "Inserisci di nuovo la tua e-mail"
  },
  "input-password": {
    "label_id": "input-password-field",
    "label_message": "Scegli la password",
    "label_class": "has-password-button",
    "hasPasswordButton": true,
    "atom-input": {
      "id": "input-password-field",
      "type": "password",
      "required": true,
      "autocomplete": "new-password",
      "hasNote": true,
      "describedby": "input-password-note"
    },
    "note_id": "input-password-note",
    "note_message": "Definisci una password di almeno <strong>8 caratteri</strong> di cui 1 MAIUSCOLO e 1 numero"
  },
  "input-confirm-password": {
    "label_id": "input-confirm-password-field",
    "label_message": "Conferma la password",
    "label_class": "has-password-button",
    "hasPasswordButton": true,
    "atom-input": {
      "id": "input-confirm-password-field",
      "type": "password",
      "required": true,
      "hasNote": true,
      "describedby": "input-confirm-password-note"
    },
    "note_id": "input-confirm-password-note",
    "note_message": "Digita di nuovo la password"
  },
  "user-types": [
    {
      "modifier": "c-selection--compact",
      "text": "Privato",
      "img": {
        "src": "/images/svgs/personal-data.svg",
        "alt": "Privato"
      },
      "input": {
        "id": "user-type-1",
        "name": "user-type",
        "isChecked": true
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Azienda o libero professionista",
      "img": {
        "src": "/images/svgs/business-user.svg",
        "alt": "Azienda o libero professionista"
      },
      "input": {
        "id": "user-type-2",
        "name": "user-type",
        "isDisabled": true
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Agenzia viaggi",
      "img": {
        "src": "/images/svgs/travel-agency.svg",
        "alt": "Agenzia viaggi"
      },
      "input": {
        "id": "user-type-3",
        "name": "user-type",
        "isDisabled": true
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Pubblica amministrazione",
      "img": {
        "src": "/images/svgs/public-amministration.svg",
        "alt": "Pubblica amministrazione"
      },
      "input": {
        "id": "user-type-4",
        "name": "user-type",
        "isDisabled": true
      }
    }
  ],
  "input-referent-name": {
    "label_id": "input-referent-name",
    "label_message": "Nome del referente",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-name",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-name-note"
    },
    "note_id": "input-referent-name-note",
    "note_message": "Inserisci il nome del legale rappresentante"
  },
  "input-referent-surname": {
    "label_id": "input-referent-surname",
    "label_message": "Cognome del referente",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-surname",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-surname-note"
    },
    "note_id": "input-referent-surname-note",
    "note_message": "Inserisci il cognome del legale rappresentante"
  },
  "input-referent-phone": {
    "label_id": "input-referent-phone",
    "label_message": "Telefono",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-phone",
      "type": "tel",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-phone-note"
    },
    "note_id": "input-referent-phone-note",
    "note_message": "Inserisci il numero di telefono sul quale sarà possibile contattarti"
  },
  "btn-proceed": {
    "modifier": "c-button--elastic",
    "type": "submit",
    "text": "Prosegui"
  }
}

No notes defined.