<div class="footer-contact">
    <div class="footer-contact__container">
        <div class="footer-navigation__container--sizing">
            <div class="footer-contact__contact-container--1">
                <span class="footer-contact__title">Sicher Einkaufen</span>
                <ul class="footer-contact__list--flex-wrap">
                    <li class="footer-contact__list-item--inline">

                        <div class="image ">
                            <picture>
                                <img src="/example-assets/images/footer-contact/sog-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="sog" srcset="/example-assets/images/footer-contact/sog-logo.png 1x, /example-assets/images/footer-contact/sog-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                            </picture>
                        </div>

                    </li>
                    <li class="footer-contact__list-item--inline">

                        <div class="image ">
                            <picture>
                                <img src="/example-assets/images/footer-contact/etme-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="etme" srcset="/example-assets/images/footer-contact/etme-logo.png 1x, /example-assets/images/footer-contact/etme-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                            </picture>
                        </div>

                    </li>
                    <li class="footer-contact__list-item--inline">

                        <div class="image ">
                            <picture>
                                <img src="/example-assets/images/footer-contact/tsg-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="tsg" srcset="/example-assets/images/footer-contact/tsg-logo.png 1x, /example-assets/images/footer-contact/tsg-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
                            </picture>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/page/components/footer/footer-contact/footer-contact.twig' %}
{
  "lists": [
    {
      "title": "Sicher Einkaufen",
      "orientation": "inline",
      "items": [
        {
          "type": "image-security-label",
          "image": {
            "src": "/example-assets/images/footer-contact/sog-logo.png",
            "src2x": "/example-assets/images/footer-contact/sog-logo@2x.png",
            "alt": "sog"
          }
        },
        {
          "type": "image-security-label",
          "image": {
            "src": "/example-assets/images/footer-contact/etme-logo.png",
            "src2x": "/example-assets/images/footer-contact/etme-logo@2x.png",
            "alt": "etme"
          }
        },
        {
          "type": "image-security-label",
          "image": {
            "src": "/example-assets/images/footer-contact/tsg-logo.png",
            "src2x": "/example-assets/images/footer-contact/tsg-logo@2x.png",
            "alt": "tsg"
          }
        }
      ]
    }
  ]
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/page/components/footer/footer-contact/footer-contact";
  • URL: /components/raw/footer-contact/footer-contact.scss
  • Filesystem Path: src/components/modules/page/components/footer/footer-contact/footer-contact.scss
  • Size: 135 Bytes

No notes defined.