England Football

Squad Announcement With Players: Featured Player Fikayo Tomori 

<section class="squad-announcement container" style="background-image: url(/assets/images/lion-watermark.png)">
    <div class="container__content squad-announcement__inner" style="background-image: url(/assets/example-content/10-fikayo-tomori.png)">
        <div>
            <h1 class="squad-announcement__heading">Squad <span>announcement</span></h1>
            <div class="squad-announcement__league-name">November 2021 World Cup Qualifiers</div>
            <ul class="squad-announcement__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>
        </div>
        <div>
            <p class="squad-announcement__position">Forwards</p>
            <ul class="squad-announcement__players">
                <li>Marcus<span>rashford</span></li>
                <li>Jadon<span>Sancho</span></li>
                <li>Raheem<span>Sterling</span></li>
                <li>Harry<span>Kane</span></li>
            </ul>
            <p class="squad-announcement__position">Midfielders</p>
            <ul class="squad-announcement__players">
                <li>Phil<span>Foden</span></li>
                <li>Jordan<span>Henderson</span></li>
                <li>Mason<span>Mount</span></li>
                <li>Declan<span>Rice</span></li>
                <li>James<span>Ward-ProWse</span></li>
                <li>Harry<span>WInks</span></li>
                <li>Tammy<span>Abraham</span></li>
                <li>Dominic<span>Calvert-Lewin</span></li>
                <li>Jack<span>Grealish</span></li>
            </ul>
            <p class="squad-announcement__position">Defenders</p>
            <ul class="squad-announcement__players">
                <li>Ben<span>Chillwell</span></li>
                <li>Conor<span>Coady</span></li>
                <li>Eric<span>Dier</span></li>
                <li>Joe<span>Gomez</span></li>
                <li>Reece<span>James</span></li>
                <li>Michael<span>Keane</span></li>
                <li>Harry<span>MAGuire</span></li>
                <li>Ainsley<span>MaitlanD-Niles</span></li>
                <li>Tyronne<span>Mings</span></li>
                <li>TRENT<span>ALEXANDER-ARNOLD</span></li>
                <li>Bukayo<span>Saka</span></li>
                <li>Keieran<span>Tripper</span></li>
                <li>Kyle<span>Walker</span></li>
            </ul>
            <p class="squad-announcement__position">Goalkeepers</p>
            <ul class="squad-announcement__players">
                <li>DEAN<span>HENDERSON</span></li>
                <li>JORDAN<span>PICKFORD</span></li>
                <li>NICK<span>POPE</span></li>
            </ul>
        </div>
        <div class="share">
            <div class="share__fallback" data-behavior="share-fallback">
                <p>Share:</p>
                <ul class="share__options">
                    <li>
                        <button data-behavior="copy-url" aria-label="Copy page link"><img src="/assets/images/share-copy-icon.svg" />
                            <span class="tooltip">Copy page link</span>
                        </button>
                    </li>

                    <li><a href="https://www.facebook.com/sharer.php?u=https://www.thefa.com/" aria-label="Facebook. Opens in a new tab" target="_blank" class="fb-button"><img src="/assets/images/share-facebook-icon.svg" alt="Facebook" /><span class="tooltip">Share on Facebook. Opens in a new tab</span></a></li>
                    <li><a href="https://twitter.com/intent/tweet?url=https://www.thefa.com/" aria-label="Twitter. Opens in a new tab" target="_blank" class="twitter-button"><img src="/assets/images/share-twitter-icon.svg" alt="Twitter" /><span class="tooltip">Share on Twitter. Opens in a new tab</span></a></li>
                    <li><a href="https://wa.me/?text=https://www.thefa.com/" aria-label="Whatsapp. Opens in new Tab" target="_blank" class="whatsapp-button"><img src="/assets/images/share-whatsapp-icon.svg" alt="WhatsApp" /><span class="tooltip">Share on Whatsapp</span></a></li>
                </ul>
            </div>

            <button class="share__native" data-behavior="share-native"><span>Share:</span><img src="/assets/images/share-icon.svg" /></button>
        </div>
        <a href="/" class="cta--primary squad-announcement__cta">View player profiles</a>
    </div>
</section>

No notes defined.

{
  "featuredPlayerImage": "/assets/example-content/10-fikayo-tomori.png",
  "lionWatermarkImage": "/assets/images/lion-watermark.png",
  "squadPlayers": [
    {
      "position": "Forwards",
      "players": [
        {
          "firstName": "Marcus",
          "lastName": "rashford"
        },
        {
          "firstName": "Jadon",
          "lastName": "Sancho"
        },
        {
          "firstName": "Raheem",
          "lastName": "Sterling"
        },
        {
          "firstName": "Harry",
          "lastName": "Kane"
        }
      ]
    },
    {
      "position": "Midfielders",
      "players": [
        {
          "firstName": "Phil",
          "lastName": "Foden"
        },
        {
          "firstName": "Jordan",
          "lastName": "Henderson"
        },
        {
          "firstName": "Mason",
          "lastName": "Mount"
        },
        {
          "firstName": "Declan",
          "lastName": "Rice"
        },
        {
          "firstName": "James",
          "lastName": "Ward-ProWse"
        },
        {
          "firstName": "Harry",
          "lastName": "WInks"
        },
        {
          "firstName": "Tammy",
          "lastName": "Abraham"
        },
        {
          "firstName": "Dominic",
          "lastName": "Calvert-Lewin"
        },
        {
          "firstName": "Jack",
          "lastName": "Grealish"
        }
      ]
    },
    {
      "position": "Defenders",
      "players": [
        {
          "firstName": "Ben",
          "lastName": "Chillwell"
        },
        {
          "firstName": "Conor",
          "lastName": "Coady"
        },
        {
          "firstName": "Eric",
          "lastName": "Dier"
        },
        {
          "firstName": "Joe",
          "lastName": "Gomez"
        },
        {
          "firstName": "Reece",
          "lastName": "James"
        },
        {
          "firstName": "Michael",
          "lastName": "Keane"
        },
        {
          "firstName": "Harry",
          "lastName": "MAGuire"
        },
        {
          "firstName": "Ainsley",
          "lastName": "MaitlanD-Niles"
        },
        {
          "firstName": "Tyronne",
          "lastName": "Mings"
        },
        {
          "firstName": "TRENT",
          "lastName": "ALEXANDER-ARNOLD"
        },
        {
          "firstName": "Bukayo",
          "lastName": "Saka"
        },
        {
          "firstName": "Keieran",
          "lastName": "Tripper"
        },
        {
          "firstName": "Kyle",
          "lastName": "Walker"
        }
      ]
    },
    {
      "position": "Goalkeepers",
      "players": [
        {
          "firstName": "DEAN",
          "lastName": "HENDERSON"
        },
        {
          "firstName": "JORDAN",
          "lastName": "PICKFORD"
        },
        {
          "firstName": "NICK",
          "lastName": "POPE"
        }
      ]
    }
  ]
}
 
<section class="squad-announcement container" style="background-image: url({{lionWatermarkImage}})">
  <div class="container__content squad-announcement__inner" style="background-image: url({{featuredPlayerImage}})">
    <div>
      <h1 class="squad-announcement__heading">Squad <span>announcement</span></h1>
      <div class="squad-announcement__league-name">November 2021 World Cup Qualifiers</div>
      <ul class="squad-announcement__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>
    </div>
    <div>
      {{#each squadPlayers}}
      <p class="squad-announcement__position">{{position}}</p>
      <ul class="squad-announcement__players">
        {{#each players}}
        <li>{{firstName}}<span>{{lastName}}</span></li>
        {{/each}}
      </ul>
      {{/each}}
    </div>
    {{render '@share'}}
    <a href="/" class="cta--primary squad-announcement__cta">View player profiles</a>
  </div>
</section>