England Football

Player Profile List 

<div id="" class="player-profile-list" role="region" aria-label="Goalkeepers">
    <h2 class="player-profile-list__title">
        Goalkeepers <span class="player-profile-list__title2"></span>
    </h2>
    <div class="player-profile-list__players">
        <div class="player-profile">
            <div class="player-profile__img-wrapper">
                <img src="/assets/example-content/player-profile.png" alt="" />
                <div class="player-profile__stats">
                    <div class="stats">
                        <p class="text-xs ">Senior caps</p>
                        <p class="value">6</p>
                    </div>
                    <div class="stats">
                        <p class="text-xs ">Senior goals</p>
                        <p class="value">1</p>
                    </div>

                    <div class="info">
                        <p class="text-xs ">Legacy No.</p>
                        <p class="value">1028</p>
                    </div>
                </div>
            </div>
            <a href='http://www.google.com' class="player-name">test
                <div>
                    <span class="player-name__lastname">Alexander</span>
                </div>
            </a>
        </div>

        <div class="player-profile">
            <div class="player-profile__img-wrapper">
                <img src="/assets/example-content/player-profile-2.png" alt="" />
                <div class="player-profile__stats">
                    <div class="stats">
                        <p class="text-xs ">Senior caps</p>
                        <p class="value">6</p>
                    </div>
                    <div class="stats">
                        <p class="text-xs ">Senior goals</p>
                        <p class="value">1</p>
                    </div>

                    <div class="info">
                        <p class="text-xs ">Legacy No.</p>
                        <p class="value">1028</p>
                    </div>
                </div>
            </div>
            <a href='http://www.google.com' class="player-name">Tammy
                <div>
                    <span class="player-name__lastname">Alexander</span>
                </div>
            </a>
        </div>

        <div class="player-profile">
            <div class="player-profile__img-wrapper">
                <img src="/assets/example-content/player-profile-2.png" alt="" />
                <div class="player-profile__stats">
                    <div class="stats">
                        <p class="text-xs ">Senior goals</p>
                        <p class="value">1</p>
                    </div>

                    <div class="info">
                        <p class="text-xs ">Legacy No.</p>
                        <p class="value">1028</p>
                    </div>
                </div>
            </div>
            <a href='http://www.google.com' class="player-name">Tammy
                <div>
                    <span class="player-name__lastname">Alexander</span>
                </div>
            </a>
        </div>

        <div class="player-profile">
            <div class="player-profile__img-wrapper">
                <img src="/assets/example-content/player-profile-3.png" alt="" />
                <div class="player-profile__stats">
                    <div class="stats">
                        <p class="text-xs ">Senior goals</p>
                        <p class="value">1</p>
                    </div>

                    <div class="info">
                        <p class="text-xs ">Legacy No.</p>
                        <p class="value">1028</p>
                    </div>
                </div>
            </div>
            <a href='http://www.google.com' class="player-name">Tammy
                <div>
                    <span class="player-name__lastname">Alexander</span>
                </div>
            </a>
        </div>

        <div class="player-profile">
            <div class="player-profile__img-wrapper">
                <img src="/assets/example-content/player-profile.png" alt="" />
                <div class="player-profile__stats">
                    <div class="stats">
                        <p class="text-xs ">Senior caps</p>
                        <p class="value">6</p>
                    </div>
                    <div class="stats">
                        <p class="text-xs ">Senior goals</p>
                        <p class="value">1</p>
                    </div>

                    <div class="info">
                        <p class="text-xs ">Legacy No.</p>
                        <p class="value">1028</p>
                    </div>
                </div>
            </div>
            <a href='http://www.google.com' class="player-name">test
                <div>
                    <span class="player-name__lastname">Alexander</span>
                </div>
            </a>
        </div>

    </div>
</div>

No notes defined.

{
  "competition": {
    "name": "squad-block-goalkeepers"
  },
  "title": {
    "copy": "Goalkeepers",
    "extraClasses": "player-profile-list__title"
  },
  "players": [
    {
      "firstName": "test"
    },
    {
      "image": "/assets/example-content/player-profile-2.png"
    },
    {
      "image": "/assets/example-content/player-profile-2.png",
      "stats": [
        {
          "title": {
            "copy": "Senior goals"
          },
          "value": {
            "copy": "1"
          }
        }
      ]
    },
    {
      "image": "/assets/example-content/player-profile-3.png",
      "stats": [
        {
          "title": {
            "copy": "Senior goals"
          },
          "value": {
            "copy": "1"
          }
        }
      ]
    },
    {
      "firstName": "test"
    }
  ]
}
 
<div id="{{id}}" class="player-profile-list" role="region" aria-label="{{title.copy}}">
  <h2 class="player-profile-list__title">
    {{title.copy}} <span class="player-profile-list__title2">{{title.copy2}}</span>
  </h2> 
  <div class="player-profile-list__players">
    {{#each players}}
        {{render '@player-profile' this merge="true" }}
    {{/each}}
  </div>
</div>