HAS Green Academy styleguide

Logos

1179 × 333 
<section>
    <div class="o-layer  o-layer--large">
        <div class="o-retain  o-retain--default">

            <div class="o-layout  o-layout--gap-base  o-layout--align-block-center">
                <div class="u-colspan-3@desk  u-offset-1@desk">
                    <h3>Onze partners</h3>
                </div>
                <div class="u-colspan-8@desk">
                    <div class="c-logo-slider">
                        <ul class="o-layout  o-layout--nowrap  o-layout--fit">
                            <li class="c-logo-slider__item">
                                <picture>
                                    <img class="c-img  lazyload  " data-srcset="https://via.placeholder.com/600x400 600w, https://via.placeholder.com/300x200 300w, " data-src="https://via.placeholder.com/300x200" alt="" sizes="auto" width="300" height="200">
                                </picture>

                            </li>
                            <li class="c-logo-slider__item">
                                <picture>
                                    <img class="c-img  lazyload  " data-srcset="https://via.placeholder.com/600x400 600w, https://via.placeholder.com/300x200 300w, " data-src="https://via.placeholder.com/300x200" alt="" sizes="auto" width="300" height="200">
                                </picture>

                            </li>
                            <li class="c-logo-slider__item">
                                <picture>
                                    <img class="c-img  lazyload  " data-srcset="https://via.placeholder.com/600x400 600w, https://via.placeholder.com/300x200 300w, " data-src="https://via.placeholder.com/300x200" alt="" sizes="auto" width="300" height="200">
                                </picture>

                            </li>
                            <li class="c-logo-slider__item">
                                <picture>
                                    <img class="c-img  lazyload  " data-srcset="https://via.placeholder.com/600x400 600w, https://via.placeholder.com/300x200 300w, " data-src="https://via.placeholder.com/300x200" alt="" sizes="auto" width="300" height="200">
                                </picture>

                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
 
<section>
  <div class="o-layer  o-layer--large">
    <div class="o-retain  o-retain--default">

      <div class="o-layout  o-layout--gap-base  o-layout--align-block-center">
        <div class="u-colspan-3@desk  u-offset-1@desk">
          <h3>Onze partners</h3>
        </div>
        <div class="u-colspan-8@desk">
          {{ render '@molecules-logo-slider' }}
        </div>
      </div>
    </div>
  </div>
</section>
 
/* No context defined. */

No notes defined.