<div class="section-logos">
    <div class="section-logos__inner">
        <div class="logo-wall">
            <div class="logo-wall__inner">
                <div class="logo-wall__headline">
                    <h2 class="headline headline--module-2">Unsere Partner</h2>
                </div>
                <div class="logo-wall__logos"><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-01.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-01.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-02.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-02.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-03.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-03.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-04.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-04.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-03.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-03.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-02.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-02.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-03.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-03.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-04.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-04.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-01.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-01.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-02.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-02.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-04.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-04.jpg" /></div>
                    </a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
                        <div class="image image--contain loading" style="padding-top: 50%;"><noscript><img class="image__fallback" alt="Alternativ-Text" width="160" height="80" src="../../images/content/logo-01.jpg" /></noscript><img class="image__img js-lazyload" alt="Alternativ-Text" width="160" height="80" data-src="../../images/content/logo-01.jpg" /></div>
                    </a></div>
            </div>
        </div>
    </div>
</div>
#{tag || 'div'}.section-logos()&attributes(attr)
  .section-logos__inner
    +include('@logo-wall', logos)
/* No context defined for this component. */
  • Content:
    .section-logos {
      background: #fff;
      padding: 8rem 1.5rem 11rem;
    
      @include mq($from: m) {
        padding: 8rem 3rem 11rem;
      }
    
      @include mq($from: xl) {
        padding: 8rem 9rem 12rem;
      }
    }
    
    .section-logos__inner {
      margin: 0 auto;
      max-width: 127rem;
    }
    
  • URL: /components/raw/section-logos/section-logos.scss
  • Filesystem Path: src/components/organisms/section-logos/section-logos.scss
  • Size: 258 Bytes

There are no notes for this item.