<div class="legend-squad-page">
<div class="legends-squad-filter-menu" data-behaviour="legends-squad-filter-menu">
<div class="legends-squad-filter-menu__cancel">
<div class="filter-text">Adjust Filters</div>
<div class="close-filter">Cancel</div>
<div class="back-filter">Back</div>
</div>
<div class="legends-squad-filter-menu__filter-scroll">
<div class="legends-squad-filter-menu__filter-section">
<div class="legends-squad-filter-menu__filter-section--list" id="all-squads">
<a class="legends-squad-filter-menu__filter-section--squadlist squads-list squads-next">
<div>
<div class="filterby">Filter by Squad</div>
<div class="filtercontent">
<div class="title" id="getcheckedsquad">All Squads</div>
<div class="filtersquadscount">+<span id="filtersquadsnumber">1</span>more</div>
</div>
</div>
</a>
<div class="filter-squads squads-line"></div>
</div>
<div class="legends-squad-filter-menu__filter-section--list" id="all-genders">
<a class="legends-squad-filter-menu__filter-section--squadlist genders-list genders-next">
<div>
<div class="filterby">Filter by Gender</div>
<div class="filtercontent">
<div class="title" id="getcheckedgender">All Genders</div>
<div class="filtergenderscount">+<span id="filtergendersnumber">1</span>more</div>
</div>
</div>
</a>
<div class="filter-genders genders-line"></div>
</div>
<div class="legends-squad-filter-menu__filter-section--list" id="all-positions">
<a class="legends-squad-filter-menu__filter-section--squadlist positions-list positions-next">
<div>
<div class="filterby">Filter by Positions</div>
<div class="filtercontent">
<div class="title" id="getcheckedpositions">All Positions</div>
<div class="filterpositionscount">+<span id="filterpositionsnumber">1</span>more</div>
</div>
</div>
</a>
<div class="filter-positions positions-line"></div>
</div>
</div>
<div class="legends-squad-filter-menu__filter-options">
<div class="legends-squad-filter-menu__filter-options--buttons" id=all-squads-filter>
<div class="filter-buttons">
<input type="checkbox" class="allsquadsfilter" id="allsquad" value="allsquad">
<label for="allsquad">All Squads</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allsquadsfilter" id="menssenior" value="menssenior">
<label for="menssenior">Mens Senior</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allsquadsfilter" id="womenssenior" value="womenssenior">
<label for="womenssenior">Womens Senior</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allsquadsfilter" id="para" value="para">
<label for="para">Para</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allsquadsfilter" id="futsal" value="futsal">
<label for="futsal">futsal</label>
</div>
<div class="line"></div>
</div>
<div class="legends-squad-filter-menu__filter-options--buttons" id=all-genders-filter>
<div class="filter-buttons">
<input type="checkbox" class="allgendersfilter" id="allgenders" value="allgenders">
<label for="allgenders">All Genders</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allgendersfilter" id="male" value="male">
<label for="male">Male</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allgendersfilter" id="female" value="female">
<label for="female">Female</label>
</div>
<div class="line"></div>
</div>
<div class="legends-squad-filter-menu__filter-options--buttons" id=all-positions-filter>
<div class="filter-buttons">
<input type="checkbox" class="allpositionsfilter" id="allpositions" value="allpositions">
<label for="allpositions">All Positions</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allpositionsfilter" id="goalkeeper" value="goalkeeper">
<label for="goalkeeper">Goalkeeper</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allpositionsfilter" id="defender" value="defender">
<label for="defender">Defender</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allpositionsfilter" id="midfielder" value="midfielder">
<label for="midfielder">Midfielder</label>
</div>
<div class="line"></div>
<div class="filter-buttons">
<input type="checkbox" class="allpositionsfilter" id="forward" value="forward">
<label for="forward">Forward</label>
</div>
<div class="line"></div>
</div>
</div>
</div>
<div class="legends-squad-filter-menu__button-group">
<div class="legends-squad-filter-menu__button-group--results">
<a class="result" href="#legends-squad-list">Show Me <span id="showmeresult"></span><span> Results</span></a>
<div class="filter reset-filter">Reset Filters</div>
</div>
<div class="legends-squad-filter-menu__button-group--apply-filter">
<a class="result apply-filters" href="#legends-squad-list"> Apply Filters </a>
</div>
</div>
</div>
<div class="legends-banner">
<div class="content-managable-banner">
<div class="content-managable-banner__heading-block">
<h1 class="content-managable-banner__heading">England teams</h1>
<ul>
<li>
<noscript class="loading-lazy">
<img src="/assets/example-content/gold-lion-small.svg" alt="" loading="lazy" />
</noscript>
</li>
<li>
<noscript class="loading-lazy">
<img src="/assets/example-content/gold-lion-small.svg" alt="" loading="lazy" />
</noscript>
</li>
<li>
<noscript class="loading-lazy">
<img src="/assets/example-content/gold-lion-small.svg" alt="" loading="lazy" />
</noscript>
</li>
</ul>
</div>
<p class="content-managable-banner__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna ligula, imperdiet ac sollicitudin sed, faucibus id sapien. Cras porta condimentum turpis, quis tincidunt turpis tempus ut.</p>
</div>
</div>
<div class="scroll-top hide" data-behaviour="scroll-top">
<button id="scroll-top" title="Go to top">
<img src="/assets/example-content/back_to_the_top.png" alt="back to top" id="optionalstuff" />
</button>
</div>
<figure class="image-with-caption">
<picture>
<source media="(max-width: 800px)" srcset="/assets/example-content/Hero-image-600.png">
<source media="(min-width: 801px)" srcset="/assets/example-content/Hero-image.png">
<img src="/assets/example-content/Hero-image.png" alt="">
</picture>
<figcaption>
<div class="inline-sponsor">
Presented by: <img src="/assets/example-content/white-sponsor-logo-bt.svg" alt="Sponsor name" />
</div>
</figcaption>
</figure>
<div class="common-template overlap-header-content">
<div class="page-content__row-container"></div>
<div class="legends-content">
<section class="legends-squad-list" id="legends-squad-list">
<div class="squad-list__container">
<div class="squad-profiles-wrapper">
<div id="squad-block-goalkeepers" class="player-profile-list legends-player-profile-list" role="region" aria-label="150+ ">
<h2 class="player-profile-list__title">150+
<span class="player-profile-list__title2">CUPS</span>
</h2>
<div data-carousel-attr="carousel-legends-150">
<div class="player-profile-list__players carousel" data-legends-attr="legends-150">
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":false, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":false, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":true, "female":false, "allpositions":true, "goalkeeper":true, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":false, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":false, "female":false, "allpositions":true, "goalkeeper":true, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":true, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":false, "womenssenior":false, "para":true, "futsal":true, "allgenders":false, "male":false, "female":false, "allpositions":true, "goalkeeper":true, "defender":true, "midfielder":true, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="tabbed-carousel__navigation-bottom">
<div role="tablist" class="tabbed-carousel__pagination carousel__pagination"></div>
</div>
<div class="tabbed-carousel__arrows-wrap">
<button aria-label="Previous" class="carousel__cta carousel__prev tabbed-carousel__prev disabled">
<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 tabbed-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>
</div>
</div>
</div>
<div id="squad-block-defenders" class="player-profile-list legends-player-profile-list" role="region" aria-label="100+ ">
<div class="design-spacer design-spacer--blank-52">
<hr class="design-spacer__lineandlogo" />
<img src="/assets/example-content/design-spacer-logo.svg" alt="" />
<hr class="design-spacer__lineandlogo" />
</div>
<h2 class="player-profile-list__title">100+
<span class="player-profile-list__title2">CUPS</span>
</h2>
<div data-carousel-attr="carousel-legends-100">
<div class="player-profile-list__players carousel" data-legends-attr="legends-100">
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":true, "female":false, "allpositions":true, "goalkeeper":true, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":true, "male":true, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":true, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="tabbed-carousel__navigation-bottom">
<div role="tablist" class="tabbed-carousel__pagination carousel__pagination"></div>
</div>
<div class="tabbed-carousel__arrows-wrap">
<button aria-label="Previous" class="carousel__cta carousel__prev tabbed-carousel__prev disabled">
<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 tabbed-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>
</div>
</div>
</div>
<div id="squad-block-midfielders" class="player-profile-list legends-player-profile-list" role="region" aria-label="50+ ">
<div class="design-spacer design-spacer--blank-52">
<hr class="design-spacer__lineandlogo" />
<img src="/assets/example-content/design-spacer-logo.svg" alt="" />
<hr class="design-spacer__lineandlogo" />
</div>
<h2 class="player-profile-list__title">50+
<span class="player-profile-list__title2">CUPS</span>
</h2>
<div data-carousel-attr="carousel-legends-50">
<div class="player-profile-list__players carousel" data-legends-attr="legends-50">
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":true, "male":false, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":true, "male":true, "female":false, "allpositions":true, "goalkeeper":true, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":true, "male":true, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":true, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":true, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
<div class="legends-player-profile legend-player-count" data-filter='{"allsquad":true, "menssenior":true, "womenssenior":false, "para":false, "futsal":false, "allgenders":false, "male":false, "female":false, "allpositions":true, "goalkeeper":false, "defender":true, "midfielder":false, "forward":true }'>
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<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">2</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="tabbed-carousel__navigation-bottom">
<div role="tablist" class="tabbed-carousel__pagination carousel__pagination"></div>
</div>
<div class="tabbed-carousel__arrows-wrap">
<button aria-label="Previous" class="carousel__cta carousel__prev tabbed-carousel__prev disabled">
<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 tabbed-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>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container legends-manager">
<h2 class="heading-section ">Managers</h2>
<div class="container__content">
<div class="carousel-container">
<div class="carousel" data-behavior="carousel-glide" data-carousel-loop="true">
<div data-glide-el="track">
<ul class="glide__slides">
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
<li>
<div class="legends-player-profile">
<div class="player-profile">
<div class="player-profile__img-wrapper">
<img src="/assets/example-content/player-holder-bkgnd.png" alt="" />
<div class="player-profile__caps-info">
<span class="player-profile__caps-info--value">127</span>
<span class="player-profile__caps-info--label">caps</span>
</div>
<div class="player-profile__stats">
<div class="stats">
<p class="text-xs ">Games managed</p>
<p class="value">39</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">Gordon
<div>
<span class="player-name__lastname">Banks</span>
</div>
<span class="player-name__active-year">Active 8888-8888</span>
</a>
</div>
</div>
</li>
</ul>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="carousel-navigation" data-glide-el="controls">
<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>
</div>
</div>
</div>
</div>
</section>
<div class="legends__signpost">
<div class="row-container common-template__row-container">
<section class="signpost membership-signpost ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/legends-signpost.png" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> ENGLAND STORE LINK </h3>
<p class="signpost__subheading"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna ligula, imperdiet ac sollicitudin sed, faucibus id sapien. Cras porta condimentum turpis, quis tincidunt turpis tempus ut. </p>
<hr />
<span class="cta cta--primary">CALL TO ACTION</span>
</div>
</a href="#">
</section>
</div>
<h2 class="heading-section">
Related Content
</h2>
<div class="tabbed-carousel" data-behavior="tabs-with-carousel">
<div class="tabbed-carousel__navigation">
<div class="tabbed-carousel__tab-list" role="tablist" aria-label="">
<a href="#panel-latest-videos" role="tab" aria-selected="true" aria-controls="panel-latest-videos" id="tab-latest-videos" tabindex="0" data-behavior="latest-videos">
latest videos
</a>
<a href="#panel-highlights" role="tab" aria-selected="false" aria-controls="panel-highlights" id="tab-highlights" tabindex="0" data-behavior="highlights">
highlights
</a>
<a href="#panel-live" role="tab" aria-selected="false" aria-controls="panel-live" id="tab-live" tabindex="0" data-behavior="live">
live
</a>
<a href="#panel-archive" role="tab" aria-selected="false" aria-controls="panel-archive" id="tab-archive" tabindex="0" data-behavior="archive">
archive
</a>
</div>
<div class="tabbed-carousel__select-list">
<select data-behavior="tabbed-carousel-select-list">
<option selected value="latest-videos">latest videos</option>
<option value="highlights">highlights</option>
<option value="live">live</option>
<option value="archive">archive</option>
</select>
</div>
</div>
<div class="tabbed-carousel__tab-panels">
<div id="panel-latest-videos" role="tabpanel" tabindex="0" aria-labelledby="tab-latest-videos" data-tab-label="latest videos">
<div class="carousel" data-behavior="carousel-latest-videos">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-highlights" role="tabpanel" tabindex="0" aria-labelledby="tab-highlights" data-tab-label="highlights">
<div class="carousel" data-behavior="carousel-highlights">
<div>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-live" role="tabpanel" tabindex="0" aria-labelledby="tab-live" data-tab-label="live">
<div class="carousel" data-behavior="carousel-live">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-archive" role="tabpanel" tabindex="0" aria-labelledby="tab-archive" data-tab-label="archive">
<div class="carousel" data-behavior="carousel-archive">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="tabbed-carousel__navigation-bottom">
<div role="tablist" class="tabbed-carousel__pagination carousel__pagination"></div>
</div>
<div class="tabbed-carousel__arrows-wrap">
<button aria-label="Previous" class="carousel__cta carousel__prev tabbed-carousel__prev disabled">
<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 tabbed-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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sponsorship-list">
<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>
<hr />
<div class="secondary-sponsors container">
<div class="container__content">
<ul class="secondary-sponsors__logos">
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-google-cloud.png" aria-label="Google-cloud" alt="Google-cloud" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-lucozade.png" aria-label="Lucozade" alt="Lucozade" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-deliveroo.png" aria-label="Deliveroo" alt="Deliveroo" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-nationwide.png" aria-label="Nationwide" alt="Nationwide" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-paypal.png" aria-label="Paypal" alt="Paypal" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-disney.png" aria-label="Disney" alt="Disney" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-national-express.png" aria-label="National-express" alt="National-express" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-snickers.png" aria-label="Snickers" alt="Snickers" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-ee.png" aria-label="EE" alt="EE" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-lg.png" aria-label="LG" alt="LG" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-emirates.png" aria-label="Emirates" alt="Emirates" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-McDonald.png" aria-label="McDonald" alt="McDonald" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-budweiser.png" aria-label="Budweiser" alt="Budweiser" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-continental.png" aria-label="Continental" alt="Continental" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-mitre.png" aria-label="Mitre" alt="Mitre" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-cognizant.png" aria-label="Cognizant" alt="Cognizant" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-pokemon.png" aria-label="Pokemon" alt="Pokemon" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-buildbase.png" aria-label="Buildbase" alt="Buildbase" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-boots.png" aria-label="Boots" alt="Boots" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="legends-squad-filter remove-filter" data-behaviour="legends-squad-filter">
<div class="legends-squad-filter__content">
<div class="legends-squad-filter__result">
<span>Filter Results</span>
</div>
<div class="legends-squad-filter__count">
<div class="number" id="number">0</div>
</div>
</div>
</div>
</div>
No notes defined.
{
"legends-caption": true,
"legends-sponsor": {
"sponsor-logo": "/assets/example-content/white-sponsor-logo-bt.svg",
"copy": "Presented by:"
},
"image-mobile": "/assets/example-content/Hero-image-600.png",
"image-desktop": "/assets/example-content/Hero-image.png",
"heading": "ENGLAND STORE LINK",
"subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna ligula, imperdiet ac sollicitudin sed, faucibus id sapien. Cras porta condimentum turpis, quis tincidunt turpis tempus ut.",
"image": "/assets/example-content/legends-signpost.png",
"cta": {
"copy": "CALL TO ACTION"
},
"banner": {
"legend": true,
"heading": "England teams",
"copy": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna ligula, imperdiet ac sollicitudin sed, faucibus id sapien. Cras porta condimentum turpis, quis tincidunt turpis tempus ut.",
"image": "/assets/example-content/gold-lion-small.svg"
}
}
.legend-squad-page {
background-color: $grey-light;
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
.container {
max-width: 100%;
}
.legends-squad-list {
position: relative;
&::before {
content: '';
background-image: url('./assets/example-content/legends-overlay.svg');
width: 100%;
height: 100%;
display: block;
background-size: cover;
position: absolute;
opacity: 0.1;
}
}
.legends-banner {
background: $black;
}
.content-managable-banner {
&__heading {
color: $white;
margin-bottom: 2.4rem;
line-height: 6.3rem;
}
&__copy {
color: $white;
}
}
.image-with-caption {
figcaption {
display: none;
//enable the below code when sponsor are avilable as per design
// background: #1d1d1b;
// opacity: 0.8;
}
.inline-sponsor {
font-family: $text-font;
align-items: center;
display: flex;
justify-content: center;
color: white;
font-size: 1.8rem;
img {
width: 10%;
}
}
}
.page-content {
overflow: hidden;
position: relative;
}
.legends-bg {
margin-top: 30rem;
opacity: 0.1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
background-size: cover;
}
.legends-content {
position: relative;
}
.player-profile-list {
&__title {
color: $white;
}
}
.overlap-header-content {
background: $black;
margin-top: 0;
z-index: 0;
}
.legends__signpost {
background: #e5e5e5;
padding: 5.1rem 1.8rem 2.2rem 1.8rem;
.row-container {
padding: 0;
}
.heading-section {
margin: 5.1rem 0 2rem 0;
}
}
.membership-signpost {
.signpost {
&__outer {
border-radius: 8px;
background: $black !important;
}
&__info {
margin: 5.2rem 0;
}
}
}
.squad-profiles-wrapper {
padding: 0 1.6rem;
.design-spacer {
&__lineandlogo {
display: none;
}
}
}
.tabbed-carousel {
&__navigation {
justify-content: space-around;
}
}
.content-card {
justify-content: center;
}
}
@media screen and (min-width: $mq-medium) {
.legend-squad-page {
.squad-list__container {
padding-left: 11rem;
padding-right: 11rem;
}
.legends__signpost {
padding: 0 15rem 9.2rem 15rem;
.heading-section {
margin: 0;
}
}
.content-managable-banner {
&__heading {
margin-top: 6rem;
}
&__copy {
margin-top: 8rem;
}
}
.inline-sponsor {
img {
max-width: 2%;
}
}
.banner {
position: relative;
img {
object-fit: fill;
}
}
.content-card {
justify-content: unset;
}
.carousel-container {
margin: auto;
}
.membership-signpost {
height: 39rem;
margin: 5.2rem 0 9.3rem 0;
max-width: 114rem;
.signpost {
&__info {
margin: 1.6rem 0;
.cta {
background: $black;
}
}
}
}
}
}
// eslint-disable-line no-unused-expressions
:root [data-brand='legends'] {
.player-profile-list {
&__title {
color: $white;
}
&__title2 {
color: $grey;
margin-left: 0.5rem;
}
}
.membership-signpost {
.signpost {
&__heading,
&__subheading {
color: $white;
}
&__info {
.cta {
background: $black;
}
}
}
}
}
<div class="legend-squad-page">
{{render '@legends-squad-filter-menu'}}
<div class="legends-banner">
{{render '@content-manageable-banner' banner merge="true"}}
</div>
{{render '@scroll-top'}}
{{render '@image-with-caption' this merge="true"}}
<div class="common-template overlap-header-content">
<div class="page-content__row-container"></div>
<div class="legends-content">
{{render '@legends-squad-list'}}
{{render '@legends-manager'}}
<div class="legends__signpost">
{{#> @row-container}}
{{render '@membership-signpost' this merge=true}}
{{/ @row-container}}
<h2 class="heading-section">
Related Content
</h2>
{{render '@tabbed-carousel--default'}}
</div>
</div>
</div>
{{render '@sponsorship-list'}}
</div>
{{render '@legends-squad-filter'}}
</div>