<footer class="c-footer c-footer--emergency ">
    <div class='c-footer__inner'>
        <div class="c-copyright">
            <div class="c-copyright__logo">
                <a href="" class="">
                    <img src="../../images/svgs/logo-adb-white.svg" class="c-logo" alt="Homepage aeroporto di Bologna" />
                </a>
            </div>
            <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>
                </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>
<footer class="c-footer c-footer--emergency {{modifier}}">
  <div class='c-footer__inner'>
    {{render '@copyright--emergency'}}
  </div>
</footer>

{{render '@dialog--newsletter'}}
{
  "footer-lang": {
    "language-list": {
      "languages": [
        {
          "text": "ita",
          "url": "#",
          "aria-label": "Italiano"
        },
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese",
          "svg": true
        }
      ]
    }
  }
}
  • Content:
    .c-footer {
      background-color: #ffffff;
      padding: remify(60px) 0 remify(96px);
      color: primary(night, 100);
    
      a {
        color: primary(night, 100);
      }
    }
    
    .c-footer a:has(img) {
      display: inline-block;
    }
    
    .c-footer__inner {
      max-width: remify($base-page-width);
      margin: 0 auto;
      padding: 0 remify(16px);
    }
    
    /*------------------------------------*\
      Minimal modifier
    \*------------------------------------*/
    
    .c-footer--minimal .c-footer__inner {
    
      .c-cityguide {
        border-bottom: none;
        justify-content: flex-start;
      }
      .c-cityguide__brand {
        text-align: left;
      }
      .c-cityguide__socials {
        display: none;
      }
    
      .c-cityguide__brand,
      .c-cityguide__nav {
        flex: initial;
      }
    
      @include min-screen(bp(tablet-p)) { 
        display: flex;
        justify-content: flex-start;
        align-items: center;
    
        .c-cityguide {
          border-bottom: none;
          margin-bottom: 0;
          padding-bottom: 0;
          margin-right: remify(16px);
          flex: 0 0 250px;
        }
    
        .c-cityguide__logo {
          margin-bottom: 0;
          img {
            width: remify(212px);
          }
        }
    
        .c-copyright {
          flex-grow: 1;
          margin-bottom: 0;
        }
    
        .c-copyright__partners {
          justify-self: end;
        }
    
      }
    
    }
    
    /*------------------------------------*\
      Emergency modifier
    \*------------------------------------*/
    
    .c-footer--emergency {
      background-color: primary(night, 100);
      color: #ffffff;
    
      a,
      .c-copyright {
        color: #ffffff;
      }
    }
    
    /*------------------------------------*\
      Map detail view modifier
    \*------------------------------------*/
    
    // .c-footer--map-detail {
    //   display: none;
    
    //   @include min-screen (bp(tablet-p)) {
    //     display: block;
    //   }
    // }
    
  • URL: /components/raw/footer/_footer.scss
  • Filesystem Path: src/views/03-organisms/footer/_footer.scss
  • Size: 1.7 KB

No notes defined.