England Football

Squad Announcement Condensed 

<section class="squad-widget" style="background-image: url('/assets/images/full-lion-mask-white.svg')">
    <div class="container">
        <div class="container__content squad-widget__inner">
            <div class="squad-widget__info-block">
                <h3 class="squad-widget__title">23 man<span>England squad</span></h3>
                <ul class="squad-widget__sponsors">
                    <li><img src="/assets/example-content/crest-england.svg" alt="england" /></li>
                    <li><img src="/assets/example-content/deliveroo-logo.svg" alt="Sponsored by Deliveroo" /></li>
                </ul>
                <p class="squad-widget__league-name">
                    November 2021 World Cup Qualifiers
                </p>
                <div class="squad-widget__explore-cta">
                    <a class="cta cta--secondary">Explore squad and players</a>
                </div>
                <div class="squad-widget__featured-players">
                    <p>Featured players</p>
                    <ul>
                        <li>Harry <span>Marguire</span></li>
                        <li>Fikayo <span>Tomori</span></li>
                        <li>Tammy <span>Abraham</span></li>
                    </ul>
                </div>
            </div>
            <div class="squad-widget__players">
                <img src="/assets/example-content/squad-1.png" class="squad-widget__players--1" />
                <img src="/assets/example-content/squad-2.png" class="squad-widget__players--2" />
                <img src="/assets/example-content/squad-3.png" class="squad-widget__players--3" />
            </div>
        </div>
    </div>
</section>

No notes defined.

{
  "team": "man",
  "p1": {
    "first-name": "Harry",
    "last-name": "Marguire",
    "image": "squad-1"
  },
  "p2": {
    "first-name": "Fikayo",
    "last-name": "Tomori",
    "image": "squad-2"
  },
  "p3": {
    "first-name": "Tammy",
    "last-name": "Abraham",
    "image": "squad-3"
  }
}
 
<section class="squad-widget" style="background-image: url('/assets/images/full-lion-mask-white.svg')">
  <div class="container">
    <div class="container__content squad-widget__inner">
      <div class="squad-widget__info-block">
        <h3 class="squad-widget__title">23 {{team}}<span>England squad</span></h3>
        <ul class="squad-widget__sponsors">
          <li><img src="/assets/example-content/crest-england.svg" alt="england" /></li>
          <li><img src="/assets/example-content/deliveroo-logo.svg" alt="Sponsored by Deliveroo" /></li>
        </ul>
        <p class="squad-widget__league-name">
          November 2021 World Cup Qualifiers
        </p>
        <div class="squad-widget__explore-cta">
          <a class="cta cta--secondary">Explore squad and players</a>
        </div>
        <div class="squad-widget__featured-players">
          <p>Featured players</p>
          <ul>
            <li>{{p1.first-name}} <span>{{p1.last-name}}</span></li>
            <li>{{p2.first-name}} <span>{{p2.last-name}}</span></li>
            <li>{{p3.first-name}} <span>{{p3.last-name}}</span></li>
          </ul>
        </div>
      </div>
      <div class="squad-widget__players">
        <img src="/assets/example-content/{{p1.image}}.png" class="squad-widget__players--1" />
        <img src="/assets/example-content/{{p2.image}}.png" class="squad-widget__players--2" />
        <img src="/assets/example-content/{{p3.image}}.png" class="squad-widget__players--3" />
      </div>
    </div>
  </div>
</section>