<div class="england-football-homepage">
<div class="hero-overlay-image hero-overlay-image--overlay shallow-image">
<img class="hero-overlay-image__img" src="/assets/example-content/hero-overlay-background-image.jpg" alt="">
<div class="hero-section">
<div class="hero-section__partner-logos">
<img src="/assets/example-content/hero-partner-bt.png" alt="Nike" />
<img src="/assets/example-content/hero-partner-deliveroo.png" alt="BT" />
</div>
<h3 class="hero-section__title">Eight England outsiders making a case for Gareth Southgate's match against Iceland</h3>
<div class="hero-section__description">Lorem ipsum dolor sit amet, consectetur</div>
<div class="hero-section__count-down">
<div class="days"><span>2</span>Days</div>
<div class="hours"><span>3</span>Hours</div>
<div class="minutes"><span>2</span>Minutes</div>
<div class="seconds"><span>12</span>Seconds</div>
</div>
<div class="hero-section__cta">
<a href="/" class="cta cta--secondary ">
<p>Latest News</p>
</a>
</div>
</div>
</div>
<div class="efl-search-mechanic hidden" data-behavior="efl-search-mechanic" id="efl-search-mechanic">
<div class="efl-search-mechanic__inputgroup" data-min-text="5">
<input type="text" class="efl-search-mechanic__input" placeholder="Search England Football" autocomplete="off">
<a class="clear-input" aria-label="Clear input"></a>
<span class="line"></span>
</div>
<div class="efl-search-mechanic__result hidden">
<div class="efl-search-mechanic__result--loading hidden">
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
<div class="efl-search-mechanic__result--suggestion hidden">
<h3>Suggestions</h3>
<div class="suggesion-list-group">
<div class="suggesion-list">
<!-- clone suggetion html object -->
</div>
<div class="see-all">
<a class="see-all-cta">SEE ALL RESULTS</a>
</div>
</div>
</div>
<div class="efl-search-mechanic__result--noresult hidden">
<h3>No Results</h3>
<div class="suggesion-list-group">
<div class="suggesion-list">
We're sorry. We were not able to find a match for your search. Please check for typos and spelling errors or try a more general / different search
</div>
</div>
</div>
<div class="efl-search-mechanic__result--allresults hidden">
<div class="allresults-tabs" role="tablist" aria-label="Panel Tablist">
<a role="tab" aria-selected="true" aria-controls="panel-tab-all" id="tab-all" data-search-filter="">All</a>
<a role="tab" aria-selected="false" aria-controls="panel-tab-courses" id="tab-courses" data-search-filter="c139e0de1b1a4e62a05ce4a90fc37ab7">Courses</a>
<a role="tab" aria-selected="false" aria-controls="panel-tab-sessions" id="tab-sessions" data-search-filter="5b8c1f84b7364f42aee54bae6a8cef06">Sessions</a>
<a role="tab" aria-selected="false" aria-controls="panel-tab-article" id="tab-article" data-search-filter="affa021ca9a24b60b08058bc80351cda">Articles</a>
<a role="tab" aria-selected="false" aria-controls="panel-tab-cpd" id="tab-cpd" data-search-filter="44983d32599d4a0aa3ea497cf00530bd">CPD</a>
</div>
<div role="tabpanel" id="panel-tab-all">
<h3>0 Results</h3>
<div class="result-scroll">
<div class="result-lists">
</div>
<div class="more-result-lists">
</div>
<div class="result-lists-norsult hidden">
We're sorry. We were not able to find a match for your search
</div>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
<div role="tabpanel" id="panel-tab-courses" hidden="true">
<h3>0 Results</h3>
<div class="result-scroll">
<div class="result-lists">
</div>
<div class="more-result-lists">
</div>
<div class="result-lists-norsult hidden">
We're sorry. We were not able to find a match for your search
</div>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
<div role="tabpanel" id="panel-tab-sessions" hidden="true">
<h3>0 Results</h3>
<div class="result-scroll">
<div class="result-lists">
</div>
<div class="more-result-lists">
</div>
<div class="result-lists-norsult hidden">
We're sorry. We were not able to find a match for your search
</div>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
<div role="tabpanel" id="panel-tab-article" hidden="true">
<h3>0 Results</h3>
<div class="result-scroll">
<div class="result-lists">
</div>
<div class="more-result-lists">
</div>
<div class="result-lists-norsult hidden">
We're sorry. We were not able to find a match for your search
</div>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
<div role="tabpanel" id="panel-tab-cpd" hidden="true">
<h3>0 Results</h3>
<div class="result-scroll">
<div class="result-lists">
</div>
<div class="more-result-lists">
</div>
<div class="result-lists-norsult hidden">
We're sorry. We were not able to find a match for your search
</div>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="common-template overlap-header-content">
<div class="companion-container">
<div class="companion-container__withouttab">
<article class="fixture-card" data-filter='{ "filter": "competition", "name": "fifa", "id": "1" }' data-analytics='{"pagename":"England Football Landing page","matchcategory":"fixtures","matchtype":"Fifa world cup qatar 2022 Euro qualifier","matchmode":"Round of 16","matchdetail":"England Vs Iceland","matchvenue":"Khalifa International Stadium"}'>
<div class="fixture-card__fixture-info">
<p class="fixture-card__tournament">Fifa world cup qatar 2022 Euro qualifier
<span class="fixture-card__round">Round of 16</span>
</p>
<p class="fixture-card__location">Khalifa International Stadium</p>
<p>Thurs 20th Feb <span>20:00 GMT</span></p>
</div>
<div class="fixture-detail">
<p class="visually-hidden">Fixture</p>
<p class="fixture-detail__col">
<span class="fixture-detail__team">
<img src="/assets/example-content/crest-england.svg" alt="" />England</span>
</p>
<p class="fixture-detail__col">
<span class="fixture-detail__team">
<img src="/assets/example-content/crest-iceland.png" alt="" />Iceland</span>
</p>
<p class="fixture-detail__time">20:00</p>
<p class="fixture-detail__extra-info">
<img src="/assets/example-content/sponsor-logo-bt.svg" alt="BT Sport" />
<img src="/assets/example-content/logo-itv.png" alt="ITV" />
</p>
</div>
<div class="fixture-card__ctas">
<a href="/" class="cta cta--secondary " name="match-preview">
<p>Match preview</p>
</a>
<a href="https://ticketing.thefa.com/" class="cta cta--primary " target="_blank" name="buy-tickets">
<p>Buy tickets</p>
</a>
</div>
</article>
</div>
</div>
</div>
<section class="ef-sub-navigation">
<div class="sub-navigation-tiles">
<div class="optional-title ">
<h2 class="optional-title__title">Grassroots Inititives</h2>
<a href="#" class="optional-title__view-button">view all</a>
</div>
<div class="sub-navigation-tiles__section">
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Latest News</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Match Highlights</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Find Football</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Grassroots Football</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image-only" style="background-image: url(/assets/example-content/tile-background.jpg);"></div>
</a>
</div>
</div>
</section>
<div class="upcoming-fixture-list" data-behaviour="upcoming-fixtures-list">
<!-- Last match fixture start-->
<div class="fixture-list__item mob-hide" data-analytics='{"pagename":"","matchtype":"","matchmode":"","matchdetail":"","matchvenue":""}'>
<article class="last-match-card fixture-card">
<div class="last-match-card__fixture-info fixture-card__fixture-info">
<h3 class="last-match-card__title">
Last match
</h3>
<p class="last-match-card__subtitle fixture-card__tournament">
euro 2021 group stage
</p>
<span class="last-match-card__location fixture-card__location">wembley stadium, england</span>
<span class="last-match-card__location fixture-card__location">sat 14 june 2020</span>
</div>
<div class="last-match-fixture-detail fixture-detail--result">
<p class="visually-hidden">Results</p>
<p class="last-match-fixture-detail__col fixture-detail__col">
<span class="last-match-fixture-detail__team fixture-detail__team">
<img src="/assets/example-content/crest-england.svg" alt="England" />England</span>
<span class="last-match-fixture-detail__score fixture-detail__score">3</span>
</p>
<p class="last-match-fixture-detail__col fixture-detail__col">
<span class="last-match-fixture-detail__team fixture-detail__team">
<img src="/assets/example-content/crest-iceland.png" alt="Iceland" />Iceland</span>
<span class="last-match-fixture-detail__score fixture-detail__score">1</span>
</p>
<p class="last-match-fixture-detail__extra-info fixture-detail__extra-info"><abbr title="After Extra Time">AET</abbr> <span>England win 4 - 3 on
penalties</span></p>
</div>
<div class="last-match-card__ctas fixture-card__ctas">
<a href="https://ticketing.thefa.com/" class="cta cta--secondary " target="_blank" name="match-report-highlights">
<p>match report & highlights</p>
</a>
</div>
</article>
</div>
<!-- Next match fixture start-->
<div class="fixture-list__item " data-analytics='{"pagename":"","matchtype":"","matchmode":"","matchdetail":"","matchvenue":""}'>
<div class="fixtures-block">
<h2 class="fixtures-block__title">Next match</h2>
<div class="fixtures-block__subtitle">Nations league group stage</div>
<div class="fixtures-block__match">
<div class="fixtures-block__team">
<div class="fixtures-block__team-block">
<img src="/assets/example-content/team-badge-eng.png" />
<span class="fixtures-block__team-name" aria-label="England">ENG</span>
</div>
</div>
<div class="fixtures-block__split">
<span class="fixtures-block__split-vs" aria-label="Versus">vs</span>
</div>
<div class="fixtures-block__team">
<div class="fixtures-block__team-block">
<span class="fixtures-block__team-name" aria-label="Iceland">ISL</span>
<img src="/assets/example-content/team-badge-isl.png" />
</div>
</div>
</div>
<div class="fixtures-block__place">Wembley stadium, England</div>
<div class="fixtures-block__type">
<span>Thu 25, March 2021</span>
<span class="fixtures-block__pipe">|</span>
</div>
<div class="fixtures-block__actions">
<div>
<div class="fixtures-block__buttons">
<div class="fixtures-block__button-left">
<a href="" class="cta cta--primary">Buy tickets</a>
</div>
<div class="fixtures-block__button-right">
<a href="" class="cta cta--secondary">View tables & Fixtures</a>
</div>
</div>
</div>
<div class="fixtures-block__schedule-partner">
<div class="fixtures-block__schedule">
<div class="fixtures-block__partner">
<span>Official Partner</span>
<img src="/assets/example-content/hublot-logo.png" />
</div>
<div class="fixtures-block__datetimer" data-behavior="countdown-timer" data-targetdate="9/2/2021 7:45:00 PM">
<ul>
<li>00<span>Weeks</span></li>
<li>00<span>Days</span></li>
<li>00<span>Hrs</span></li>
<li>00<span>Mins</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Upcoming match fixture start-->
<div class="fixture-list__item mob-hide" data-analytics='{"pagename":"","matchtype":"","matchmode":"","matchdetail":"","matchvenue":""}'>
<article class="following-match-card" data-filter='{ "filter": "competition", "name": "", "id": "" }' data-analytics='{"pagename":"","matchtype":"","matchmode":"","matchdetail":"","matchvenue":""}'>
<div class="following-match-card__fixture-info fixture-card__fixture-info">
<h3 class="following-match-card__title">
Following match
</h3>
<p class="following-match-card__subtitle fixture-card__tournament">
euro 2021 group stage
</p>
<span class="following-match-card__location fixture-card__location">wembley stadium, england</span>
<span class="following-match-card__location fixture-card__location">sat 14 june 2020</span>
</div>
<div class="following-match-fixture-detail fixture-detail">
<p class="visually-hidden">Fixture</p>
<p class="following-match-fixture-detail__col fixture-detail__col">
<span class="following-match-fixture-detail__team fixture-detail__team">
<img src="/assets/example-content/crest-england.svg" alt="" />England</span>
</p>
<p class="following-match-fixture-detail__col fixture-detail__col">
<span class="following-match-fixture-detail__team fixture-detail__team">
<img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
</p>
<p class="following-match-fixture-detail__time fixture-detail__time">20:00</p>
</div>
<div class="following-match-card__ctas fixture-card__ctas">
<a href="https://ticketing.thefa.com/" class="cta cta--primary " target="_blank" name="buy-tickets">
<p>Buy tickets</p>
</a>
</div>
</article>
</div>
</div>
<div class="row-container common-template__row-container">
<section class="ef-sub-navigation">
<div class="sub-navigation-tiles">
<div class="optional-title ">
<h2 class="optional-title__title">Grassroots Inititives</h2>
<a href="#" class="optional-title__view-button">view all</a>
</div>
<div class="sub-navigation-tiles__section">
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Latest News</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Match Highlights</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Find Football</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image" style="background-image: url(/assets/example-content/tile-background-text.jpg);"></div>
<div class="navigation-tile__title">Grassroots Football</div>
</a>
<a class="navigation-tile" href="/">
<div class="navigation-tile__bg-image-only" style="background-image: url(/assets/example-content/tile-background.jpg);"></div>
</a>
</div>
</div>
</section>
<section class="signpost membership-signpost ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> Incredible Prizes </h3>
<p class="signpost__subheading"> England Football members get access to home tickets 48 hours before general sale </p>
<hr />
<span class="cta cta--primary">Sign Up Now</span>
</div>
</a href="#">
</section>
<div class="article-news-card " id="mens-senior" data-content="news-content" role="region" aria-label="men's senior">
<div class="article-news-card__header ">
<h2 class="article-news-card__title">men's senior</h2>
<a href="#" class="article-news-card__view-button">view all</a>
</div>
<div class="article-news-card__single-vertical">
<div class="article-news-card__single">
<a href="#" class="news-card news-card--single " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-single.jpg" />
<div class="news-card__image--time">5 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Black History Month: Tony Collins - the first black manager in the English Football League</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
</div>
<div class="article-news-card__vertical">
<a href="#" class="news-card news-card--vertical " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--vertical " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--vertical " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
</div>
</div>
<div class="article-news-card__horizontal">
<a href="#" class="news-card news-card--horizontal " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-horizontal-1.jpg" />
<div class="news-card__image--time">12 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Andorra 0-5 England: Jadon Sancho and Tammy Abraham seize their chance</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-horizontal-1.jpg" />
<div class="news-card__image--time">12 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Andorra 0-5 England: Jadon Sancho and Tammy Abraham seize their chance</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-horizontal-1.jpg" />
<div class="news-card__image--time">12 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Andorra 0-5 England: Jadon Sancho and Tammy Abraham seize their chance</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal " data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-horizontal-1.jpg" />
<div class="news-card__image--time">12 min<span> read</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Andorra 0-5 England: Jadon Sancho and Tammy Abraham seize their chance</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="article-news-card " id="mens-senior" data-content="news-content" role="region" aria-label="men's senior">
<div class="article-news-card__header ">
<h2 class="article-news-card__title">men's senior</h2>
<a href="#" class="article-news-card__view-button">view all</a>
</div>
<div class="article-news-card__horizontal ">
<a href="#" class="news-card news-card--horizontal news-card--video" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> video</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal news-card--video" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> video</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal news-card--video" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> video</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
<a href="#" class="news-card news-card--horizontal news-card--video" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="news-card__image">
<img src="/assets/example-content/news-vertical-1.jpg" />
<div class="news-card__image--time">5 min<span> video</span></div>
</div>
<div class="news-card__content">
<div class="news-card__content--title">men's senior</div>
<p class="news-card__content--description">Manchester United can make English football history in the Champions League against</p>
<hr />
<div class="news-card__content--date-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</a>
</div>
</div>
<a class="large-signpost-article " href="#">
<img class="large-signpost-article__img" src="/assets/example-content/large-signpost-article.png" alt="">
<div class="large-signpost-article--gradient"></div>
<div class="large-signpost-article__overlay text-center">
<h3 class="large-signpost-article__title">'Playing as a kid were the best times of my life'</h3>
<div class="large-signpost-article__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
<section class="fullwidth-imagesignpost">
<div class="fullwidth-imagesignpost__outer">
<div class="fullwidth-imagesignpost__infoblock">
<img src="/assets/example-content/bkgnd-red.png" />
<div class="fullwidth-imagesignpost__content">
<h3>LATEST GRASSROOTS NEWS AND VIDEO</h3>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna ligula, imperdiet ac sollicitud</p>
<a href="/" class="cta cta--primary ">
<p>View All</p>
</a>
</div>
</div>
<div class="fullwidth-imagesignpost__imgwrapper">
<img src="/assets/example-content/Vector-red.png" class="fullwidth-imagesignpost__vector" />
<img src="/assets/example-content/right-image.png" class="fullwidth-imagesignpost__rightimg" />
</div>
</div>
</section>
<section class="container vertical-spacing-xxl first-call-up">
<div class="container__content">
<div class="container__header">
<h2 class="heading-section ">New Lions</h2>
</div>
<div class="carousel-container">
<div class="carousel" data-behavior="carousel-glide">
<div data-glide-el="track">
<ul class="glide__slides">
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card-2.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Jadon
<div>
<span class="player-name__lastname">Sancho</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Jadon's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</li>
<li>
<article class="player-card">
<img class="player-card__image" src="/assets/example-content/player-card.jpg" />
<div class="player-card__info">
<img class="team player-card__team" src="/assets/example-content/leicster.jpg" />
<h1 class="player-name">Callum
<div>
<span class="player-name__lastname">Hudson-Odoi</span>
</div>
</h1>
<dl class="stat-list ">
<div>
<dt>Age</dt>
<dd>20 years</dd>
</div>
<div>
<dt>Position</dt>
<dd>Forward</dd>
</div>
<div>
<dt>Legacy number</dt>
<dd>1234567890</dd>
</div>
</dl>
<a href="/" class="text-xs player-card__cta">View Callum's profile</a>
</div>
</article>
</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>
<a class="large-signpost-article " href="#">
<img class="large-signpost-article__img" src="/assets/example-content/large-signpost-article.png" alt="">
<div class="large-signpost-article--gradient"></div>
<div class="large-signpost-article__overlay text-center">
<h3 class="large-signpost-article__title">'Playing as a kid were the best times of my life'</h3>
<div class="large-signpost-article__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
<div class="row-container common-template__row-container">
<div class="layout-md-2col">
<section class="signpost signpost--small ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> Visit the England store </h3>
<p class="signpost__subheading"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta </p>
<hr />
<a href="/" class="cta cta--primary ">
<p>Visit the shop</p>
</a>
</div>
</a href="#">
</section>
<section class="signpost signpost--small ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> Visit the England store </h3>
<p class="signpost__subheading"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta </p>
<hr />
<a href="/" class="cta cta--primary ">
<p>Visit the shop</p>
</a>
</div>
</a href="#">
</section>
</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>
No notes defined.
{
"heading": {
"sub-navigation-title": true
}
}
.england-football-homepage {
display: flex;
flex-direction: column;
row-gap: 7.2rem;
.overlap-header-content {
margin-top: -10.4rem;
}
.fixtures-block {
margin-bottom: 0 !important;
}
.article-news-card {
padding: 0 !important;
}
.vertical-spacing-xxl {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
<div class="england-football-homepage">
{{render '@hero-overlay-image--shallow-hero-image' }}
{{render '@efl-search-mechanic' }}
<div class="common-template overlap-header-content">
{{render '@companion-container'}}
</div>
{{render '@sub-navigation-tiles' heading merge=true}}
{{render '@upcoming-fixture'}}
{{#> @row-container}}
{{render '@sub-navigation-tiles' heading merge=true}}
{{render '@membership-signpost'}}
{{render '@article-news-card'}}
{{/@row-container}}
{{render '@article-news-card--horizontal-video-card' merge="true"}}
{{render '@large-signpost-article--with-text-center'}}
{{render '@full-width-image-signpost'}}
{{render '@first-call-up'}}
{{render '@large-signpost-article--with-text-center'}}
{{#> @row-container}}
<div class="layout-md-2col">
{{render '@signpost' merge=true}}
{{render '@signpost' merge=true}}
</div>
{{/@row-container}}
{{render '@sponsorship-list'}}
</div>