<section class="squad-stats">
<div class="" data-behavior="tabs">
<div class="squad-stats__tabs">
<div role="tablist" aria-label="Squad Stats" class="tab-list">
<a href="#panel-squad-list" role="tab" aria-selected="true" aria-controls="panel-squad-list" id="tab-squad-list">
Squad
</a>
<a href="#panel-squad-stats" role="tab" aria-selected="false" aria-controls="panel-squad-stats" id="tab-squad-stats">
Stats
</a>
</div>
</div>
<div id="panel-squad-list" role="tabpanel" tabindex="0" aria-labelledby="tab-squad-list" data-tab-label="Squad">
<section class="squad-list current-player-squad">
<div class="squad-list__container">
<div class="squad-navbar" data-behaviour="squad-navbar" aria-label="Current player squad">
<div class="squad-navbar__wrapper">
<nav class="squad-navbar__nav-list" data-behavior="squad-navbar--nav-list" aria-label="Current player squad">
<a href="#" data-nav-to="squad-block-goalkeepers" class="squad-block-goalkeepers">
Goalkeepers
</a>
<a href="#" data-nav-to="squad-block-defenders" class="squad-block-defenders">
Defenders
</a>
<a href="#" data-nav-to="squad-block-midfielders" class="squad-block-midfielders">
Midfielders
</a>
<a href="#" data-nav-to="squad-block-forwards" class="squad-block-forwards">
Forwards
</a>
<a href="#" data-nav-to="squad-block-staff" class="squad-block-staff">
Staff
</a>
</nav>
</div>
</div>
<div class="squad-profiles-wrapper">
<div id="squad-block-goalkeepers" 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>
<div id="squad-block-defenders" class="player-profile-list" role="region" aria-label="Defenders">
<h2 class="player-profile-list__title">
Defenders <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-3.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>
</div>
<div id="squad-block-midfielders" class="player-profile-list" role="region" aria-label="Midfielders">
<h2 class="player-profile-list__title">
Midfielders <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>
<div id="squad-block-forwards" class="player-profile-list" role="region" aria-label="Forwards">
<h2 class="player-profile-list__title">
Forwards <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>
<div id="squad-block-staff" class="player-profile-list" role="region" aria-label="Staff">
<h2 class="player-profile-list__title">
Staff <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>
</div>
</div>
</section>
<section class="squad-list recent-player-squad">
<div class="squad-list__container">
<div class="squad-navbar" data-behaviour="squad-navbar" aria-label="Current player squad">
<div class="squad-navbar__wrapper">
<nav class="squad-navbar__nav-list" data-behavior="squad-navbar--nav-list" aria-label="Current player squad">
<a href="#" data-nav-to="squad-block-goalkeepers" class="squad-block-goalkeepers">
Goalkeepers
</a>
<a href="#" data-nav-to="squad-block-defenders" class="squad-block-defenders">
Defenders
</a>
<a href="#" data-nav-to="squad-block-midfielders" class="squad-block-midfielders">
Midfielders
</a>
<a href="#" data-nav-to="squad-block-forwards" class="squad-block-forwards">
Forwards
</a>
<a href="#" data-nav-to="squad-block-staff" class="squad-block-staff">
Staff
</a>
</nav>
</div>
</div>
<div class="squad-profiles-wrapper">
<div id="squad-block-goalkeepers" 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>
<div id="squad-block-defenders" class="player-profile-list" role="region" aria-label="Defenders">
<h2 class="player-profile-list__title">
Defenders <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-3.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>
</div>
<div id="squad-block-midfielders" class="player-profile-list" role="region" aria-label="Midfielders">
<h2 class="player-profile-list__title">
Midfielders <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>
<div id="squad-block-forwards" class="player-profile-list" role="region" aria-label="Forwards">
<h2 class="player-profile-list__title">
Forwards <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>
<div id="squad-block-staff" class="player-profile-list" role="region" aria-label="Staff">
<h2 class="player-profile-list__title">
Staff <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>
</div>
</div>
</section>
</div>
<div id="panel-squad-stats" role="tabpanel" tabindex="0" aria-labelledby="tab-squad-stats" data-tab-label="Stats">
<section class="team-stats" data-behavior="team-stats">
<div class="team-stats__content">
<div class="team-stats__tabs">
<div role="tablist" aria-label="Season stats" class="tab-list">
<a href="#panel-current-season" role="tab" aria-selected="true" aria-controls="panel-current-season" id="tab-current-season" tabindex="0">
Current season
</a>
<a href="#panel-all-time" role="tab" aria-selected="false" aria-controls="panel-all-time" id="tab-all-time" tabindex="0">
All time
</a>
</div>
</div>
<div id="panel-current-season" role="tabpanel" tabindex="0" aria-labelledby="tab-current-season" data-tab-label="Current season">
<div>
<h2 class="team-stats__title">Current Season stats</h2>
<p class="text-s team-stats__season-timeline">Since 1st Augsut 2021 - Present</p>
<div class="team-stats__list">
<div class="stat-item">
<p>
88
</p>
<span>Total games</span>
</div>
<div class="stat-item">
<p>
88
</p>
<span>Total goals</span>
</div>
<div class="stat-item">
<p>
8.88
</p>
<span>Goals per game</span>
</div>
<div class="stat-item">
<p>
8.88
</p>
<span>Shots per game</span>
</div>
<div class="stat-item">
<p>
88
</p>
<span>Expected goals<i>(xG)</i></span>
</div>
<div class="stat-item">
<p>
88
<sub class="stat-unit">%</sub>
</p>
<span>Average possession</span>
</div>
<div class="stat-item">
<p>
88
<sub class="stat-unit">%</sub>
</p>
<span>Win percentage</span>
</div>
<div class="stat-item">
<p>
88
<sub class="stat-unit">Th</sub>
</p>
<span>Current ranking</span>
</div>
</div>
<div class="team-stats__goals-details">
<div class="team-stats__progress-block">
<div class="tit">How the goals have been scored (%) <span></span></div>
<ul>
<li>
<div class="progress-label">Direct free-kick</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:90%"><span class="visually-hidden">90%</span></div>
</li>
<li>
<div class="progress-label">Penalty</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:10%"><span class="visually-hidden">10%</span></div>
</li>
<li>
<div class="progress-label">Outside box</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:40%"><span class="visually-hidden">40%</span></div>
</li>
<li>
<div class="progress-label">Inside box</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:20%"><span class="visually-hidden">20%</span></div>
</li>
<li>
<div class="progress-label">Header</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:60%"><span class="visually-hidden">60%</span></div>
</li>
<li>
<div class="progress-label">Open play</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:20%"><span class="visually-hidden">20%</span></div>
</li>
<li>
<div class="progress-label">Counter-attack</div>
<div class="progress-bar" aria-labelledby="progrss-bar"><span style="width:60%"><span class="visually-hidden">60%</span></div>
</li>
<li class="goals-count">
<span>0</span>
<span>10</span>
<span>20</span>
<span>30</span>
<span>40</span>
<span>50</span>
</li>
</ul>
</div>
<div class="team-stats__goal-post">
<div class="tit">Shots on target</div>
<div class="goal-net-outer" data-behavior="team-stats-goal">
<div class="goal-nets">
<div class="top-left"><span>3</span></div>
<div class="top-middle"><span>2</span></div>
<div class="top-right"><span>8</span></div>
<div class="bottom-left"><span>2</span></div>
<div class="bottom-middle"><span>7</span></div>
<div class="bottom-right"><span>1</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="team-stats__player-stats">
<h2 class="team-stats__title">Player statistics</h2>
<div class="carousel-container carousel--desktop-reset">
<div class="carousel-navigation">
<button aria-label="Previous" class="carousel__cta carousel__prev"><span class="visually-hidden">Previous
page</span><svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg></button>
<button aria-label="Next" class="carousel__cta carousel__next"><span class="visually-hidden">Next
page</span><svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg></button>
</div>
<div class="carousel player-stats-list" data-behavior="season-stats-carousel">
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Appearances">
<img src="/assets/example-content/player-stats.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Appearances</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">M.Mount</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Goals">
<img src="/assets/example-content/player-stats-2.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Goals</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">H.Kane</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Assists">
<img src="/assets/example-content/player-stats-3.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Assists</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">T.Mings</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Big chances created">
<img src="/assets/example-content/player-stats-4.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Big chances created</div>
<div class="player-stats__value">4 </div>
<div class="player-stats__name">T.Abraham</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Dribbles">
<img src="/assets/example-content/player-stats-5.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Dribbles</div>
<div class="player-stats__value">8 <span>.17 Yrs</span></div>
<div class="player-stats__name">H.Winks</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Tackles">
<img src="/assets/example-content/player-stats-6.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Tackles</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">J.Pickford</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Interceptions">
<img src="/assets/example-content/player-stats-7.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Interceptions</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">M.Rashford</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Clean sheets">
<img src="/assets/example-content/player-stats-8.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Clean sheets</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">R.Sterling</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div role="tablist" class="carousel__pagination"></div>
</div>
</div>
</div>
<div id="panel-all-time" role="tabpanel" tabindex="0" aria-labelledby="tab-all-time" data-tab-label="All time">
<!-- all time stats -->
<div>
<h2 class="team-stats__title">All-time stats</h2>
<p class="text-s team-stats__season-timeline">Since 3rd December 1870 - present</p>
<div class="team-stats__tab-block">
<div class="team-stats__list all-time">
<div class="stat-item">
<p>
8888
</p>
<span>Total games</span>
</div>
<div class="stat-item">
<p>
888
</p>
<span>Total goals</span>
</div>
<div class="stat-item">
<p>
8.88
</p>
<span>Goals per game</span>
</div>
<div class="stat-item">
<p>
88
<sub class="stat-unit">%</sub>
</p>
<span>Win percentage</span>
</div>
<div class="stat-item">
<p>
8.888
</p>
<span>Total players</span>
</div>
</div>
<div class="team-stats__info-block">
<ul>
<li>
<div class="team-stats__label-txt">Best world cup finish</div>
<div class="team-stats__info-txt">Winner 1966</div>
</li>
<li>
<div class="team-stats__label-txt">Best EuroS finish</div>
<div class="team-stats__info-txt">Semi-finals 1966</div>
</li>
<li>
<div class="team-stats__label-txt">Biggest win</div>
<div class="team-stats__info-txt">0-13 Ireland v England 1930</div>
</li>
<li>
<div class="team-stats__label-txt">First game</div>
<div class="team-stats__info-txt">0-1 SCOTLAND V ENGLAND 03.12.1870</div>
</li>
</ul>
</div>
<div>
</div>
</div>
<div class="team-stats__player-stats">
<h2 class="team-stats__title">All-time Player statistics</h2>
<div class="carousel-container carousel--desktop-reset">
<div class="carousel-navigation">
<button aria-label="Previous" class="carousel__cta carousel__prev"><span class="visually-hidden">Previous
page</span><svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg></button>
<button aria-label="Next" class="carousel__cta carousel__next"><span class="visually-hidden">Next
page</span><svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg></button>
</div>
<div class="carousel player-stats-list" data-behavior="all-time-stats-carousel">
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Appearances">
<img src="/assets/example-content/player-stats.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Appearances</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">M.Mount</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Goals">
<img src="/assets/example-content/player-stats-2.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Goals</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">H.Kane</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Assists">
<img src="/assets/example-content/player-stats-3.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Assists</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">T.Mings</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Big chances created">
<img src="/assets/example-content/player-stats-4.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Big chances created</div>
<div class="player-stats__value">4 </div>
<div class="player-stats__name">T.Abraham</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Dribbles">
<img src="/assets/example-content/player-stats-5.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Dribbles</div>
<div class="player-stats__value">8 <span>.17 Yrs</span></div>
<div class="player-stats__name">H.Winks</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Tackles">
<img src="/assets/example-content/player-stats-6.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Tackles</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">J.Pickford</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Interceptions">
<img src="/assets/example-content/player-stats-7.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Interceptions</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">M.Rashford</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="player-stats">
<div class="player-stats__img-wrapper" data-info="Clean sheets">
<img src="/assets/example-content/player-stats-8.png" alt="" />
<div class="player-stats__info-block">
<div class="player-stats__position">Clean sheets</div>
<div class="player-stats__value">88 </div>
<div class="player-stats__name">R.Sterling</div>
</div>
</div>
<div class="player-stats__ranking-card">
<ul>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>11</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>8</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>5</span>
</li>
<li>
<img src="/assets/example-content/player-stats-small-1.png" />
<p>T. Alexander-Arnold</p>
<span>3</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div role="tablist" class="carousel__pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
No notes defined.
/* No context defined. */
.squad-stats {
&__tabs {
display: flex;
justify-content: center;
}
@media screen and (min-width: $mq-medium) {
&__tabs {
margin: 0 7.5rem;
}
}
}
<section class="squad-stats">
<div class="" data-behavior="tabs">
<div class="squad-stats__tabs" >
<div role="tablist" aria-label="Squad Stats" class="tab-list">
<a href="#panel-squad-list" role="tab" aria-selected="true" aria-controls="panel-squad-list" id="tab-squad-list">
Squad
</a>
<a href="#panel-squad-stats" role="tab" aria-selected="false" aria-controls="panel-squad-stats" id="tab-squad-stats">
Stats
</a>
</div>
</div>
<div id="panel-squad-list" role="tabpanel" tabindex="0" aria-labelledby="tab-squad-list" data-tab-label="Squad">
{{render '@squad-list--without-sponsor'}}
</div>
<div id="panel-squad-stats" role="tabpanel" tabindex="0" aria-labelledby="tab-squad-stats" data-tab-label="Stats">
{{render '@team-stats'}}
</div>
</div>
</section>