<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">
                        </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="Profilo aziendale">
                <strong aria-hidden="true">Profilo aziendale</strong>
                <li class="">
                    <a href="#" aria-label="Dati chiave">

                        Dati chiave
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Management">

                        Management
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Risorse umane">

                        Risorse umane
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Etica d&#x27;impresa">

                        Etica d&#x27;impresa
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="BLQ Training">

                        BLQ Training
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Normativa">

                        Normativa
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Titoli di accesso">

                        Titoli di accesso
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Ambiente, qualità e sicurezza">
                <strong aria-hidden="true">Ambiente, qualità e sicurezza</strong>
                <li class="">
                    <a href="#" aria-label="Ambiente ed energia">

                        Ambiente ed energia
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Qualità">

                        Qualità
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Sicurezza sul lavoro">

                        Sicurezza sul lavoro
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Segnalazioni">

                        Segnalazioni
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Safety Management System">

                        Safety Management System
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Business">
                <strong aria-hidden="true">Business</strong>
                <li class="">
                    <a href="#" aria-label="Aviation">

                        Aviation
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Retail, advertising, eventi">

                        Retail, advertising, eventi
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Bandi di gara">

                        Bandi di gara
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Fornitori">

                        Fornitori
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Sala stampa">
                <strong aria-hidden="true">Sala stampa</strong>
                <li class="">
                    <a href="#" aria-label="News">

                        News
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Comunicati stampa">

                        Comunicati stampa
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Photogallery">

                        Photogallery
                    </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>
<footer class="c-footer">

  <div class="c-footer__inner">
    
    {{> @cityguide cityguide }}
    {{render "@copyright"}}

  </div>

</footer>

{{ render "@dialog--newsletter" }}
{
  "cityguide": {
    "lists": [
      {
        "title": "Profilo aziendale",
        "items": [
          {
            "text": "Dati chiave",
            "url": "#"
          },
          {
            "text": "Management",
            "url": "#"
          },
          {
            "text": "Risorse umane",
            "url": "#"
          },
          {
            "text": "Etica d'impresa",
            "url": "#"
          },
          {
            "text": "BLQ Training",
            "url": "#"
          },
          {
            "text": "Normativa",
            "url": "#"
          },
          {
            "text": "Titoli di accesso",
            "url": "#"
          }
        ]
      },
      {
        "title": "Ambiente, qualità e sicurezza",
        "items": [
          {
            "text": "Ambiente ed energia",
            "url": "#"
          },
          {
            "text": "Qualità",
            "url": "#"
          },
          {
            "text": "Sicurezza sul lavoro",
            "url": "#"
          },
          {
            "text": "Segnalazioni",
            "url": "#"
          },
          {
            "text": "Safety Management System",
            "url": "#"
          }
        ]
      },
      {
        "title": "Business",
        "items": [
          {
            "text": "Aviation",
            "url": "#"
          },
          {
            "text": "Retail, advertising, eventi",
            "url": "#"
          },
          {
            "text": "Bandi di gara",
            "url": "#"
          },
          {
            "text": "Fornitori",
            "url": "#"
          }
        ]
      },
      {
        "title": "Sala stampa",
        "items": [
          {
            "text": "News",
            "url": "#"
          },
          {
            "text": "Comunicati stampa",
            "url": "#"
          },
          {
            "text": "Photogallery",
            "url": "#"
          }
        ]
      }
    ],
    "work-with-us": {
      "name": "default",
      "text": "Lavora con noi",
      "url": "#",
      "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.