England Football

Primary Sponsors 

<div class="primary-sponsors container">
    <div class="container__content">
        <ul class="primary-sponsors__logos">
            <li>
                <a href="#" target="_blank">
                    <img src="/assets/example-content/footer-sponsor-nike.png" aria-label="Nike" alt="Nike" />
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <img src="/assets/example-content/footer-sponsor-bt.png" aria-label="BT" alt="BT" />
                </a>
            </li>
        </ul>
    </div>
</div>

No notes defined.

{
  "sponsors": [
    {
      "alt": "Nike",
      "logo": "/assets/example-content/footer-sponsor-nike.png"
    },
    {
      "alt": "BT",
      "logo": "/assets/example-content/footer-sponsor-bt.png"
    }
  ]
}
  • Content: 
    .primary-sponsors {
  padding: 2rem 0;
  &__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    li {
      padding: 0 2.5rem;
    }
    img {
      max-width: 10.2rem;
      max-height: 6.6rem;
    }
  }
}
  • URL: /components/raw/primary-sponsors/primary-sponsors.scss
  • Filesystem Path: src/library/modules/footer-sponsorship/primary-sponsors/primary-sponsors.scss
  • Size: 260 Bytes 
<div class="primary-sponsors container">
    <div class="container__content">
        <ul class="primary-sponsors__logos">
            {{#each sponsors}}
            <li>
                <a href="#" target="_blank">
                    <img src="{{logo}}" aria-label="{{alt}}" alt="{{alt}}" />
                </a>
            </li>
            {{/each}}
        </ul>
    </div>
</div>