<div class="hero-carousel" data-behavior="hero-carousel">
<div data-glide-el="track">
<div class="glide__slides">
<div class="banner banner--gradient">
<picture>
<source media="(max-width: 600px)" srcset="/assets/example-content/womens-hero-600.png">
<source media="(min-width: 600px)" srcset="/assets/example-content/womens-hero.png">
<img src="/assets/example-content/womens-hero.png" alt="">
</picture>
<div class="hero-overlay ">
<div class="hero-overlay--gradient"></div>
<div class="hero-overlay__content">
<div class="hero-overlay__tag">Tag for content</div>
<h1 class="hero-overlay__title">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</h1>
<div class="hero-overlay__subtitle">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
</div>
<div class="hero-overlay__cta-btn">
<a class="cta cta--tertiary cta--inline" href="/">Button cta</a>
</div>
</div>
</div>
</div>
<div class="banner ">
<picture>
<source media="(max-width: 600px)" srcset="/assets/example-content/womens-hero-600.png">
<source media="(min-width: 600px)" srcset="/assets/example-content/womens-hero.png">
<img src="/assets/example-content/womens-hero.png" alt="">
</picture>
<div class="hero-overlay ">
<div class="hero-overlay--gradient"></div>
<div class="hero-overlay__content">
<div class="hero-overlay__tag">Tag for content</div>
<h1 class="hero-overlay__title">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</h1>
<div class="hero-overlay__subtitle">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
</div>
<div class="hero-overlay__cta-btn">
<a class="cta cta--tertiary cta--inline" href="/">Button cta</a>
</div>
</div>
</div>
</div>
<div class="banner ">
<picture>
<source media="(max-width: 600px)" srcset="/assets/example-content/womens-hero-600.png">
<source media="(min-width: 600px)" srcset="/assets/example-content/womens-hero.png">
<img src="/assets/example-content/womens-hero.png" alt="">
</picture>
</div>
</div>
</div>
</div>
<div class="common-template overlap-header-content">
<div class="crop-1">
<div class="match-details-container">
<div class="match-score" data-behaviour='match-score-live' data-match-id="asakmolx3ewk6zqs42cdrb97u">
<div class="match-score__goalscorers-left">
<div class="goal-scorers " data-behaviour="home-team">
<div class="goal-scorers__group player-scored">
<ul>
<li>
<span class="scorer-firstname">Kane</span>Kane
<span class="goal-time">(4′)</span>
<span class="goal-time">(63′)</span>
</li>
<li>
<span class="scorer-firstname">Rashford</span>Rashford
<span class="goal-time">(23′ PEN)</span>
</li>
</ul>
</div>
<div class="goal-scorers__group player-sent-off">
<ul>
<li>
<span class="scorer-firstname">Mings</span>Mings
<span class="goal-time">(76′)</span>
</li>
</ul>
</div>
<div class="goal-scorers__group missed-a-penalty">
<ul>
<li>
<span class="scorer-firstname">Mings</span>Mings
<span class="goal-time">(41′ MISSED PEN)</span>
</li>
</ul>
</div>
</div>
</div>
<div class="match-score__scoreline">
<div class="scoreline">
<div class="scoreline__live">
<div class="circle-wrapper">
<span class="pulsating-circle"></span>
</div>
<span>live </span>
<span class="minutes" data-behaviour="match-length">64</span>
</div>
<div class="scoreline__location"><span>Sat 31 March, 3pm</span> <span>Wembley stadium, England</span></div>
<div class="scoreline__results">
<div class="scoreline__team-crests">
<img src="/assets/example-content/team-badge-eng.png" alt="England" />
</div>
<div class="scoreline__team-goals" data-behaviour="team-goals-scored">
<div class="scoreline__team-goals--scored scoreline__team-goals--live-score">
<span>4</span>
<span>2</span>
</div>
<div class="scoreline__team-goals--time">
<span class="scoreline__team-goals--ht">HT: 2-2</span>
<span class="scoreline__team-goals--ft">FT: 2-3</span>
</div>
</div>
<div class="scoreline__team-crests">
<img src="/assets/example-content/team-badge-isl.png" alt="Iceland" />
</div>
</div>
</div>
</div>
<div class="match-score__goalscorers-right">
<div class="goal-scorers goal-scorers--invert " data-behaviour="away-team">
<div class="goal-scorers__group player-scored">
<ul>
<li>
<span class="scorer-firstname">Sterling</span>Sterling
<span class="goal-time">(19′)</span>
</li>
<li>
<span class="scorer-firstname">Sterling</span>Sterling
<span class="goal-time">(46′)</span>
</li>
</ul>
</div>
<div class="goal-scorers__group player-sent-off">
<ul>
<li>
<span class="scorer-firstname">Sterling</span>Sterling
<span class="goal-time">(65′)</span>
</li>
<li class="yellowcard">
<span class="scorer-firstname">Sterling</span>Sterling
<span class="goal-time">(64′)</span>
</li>
<li class="yellowredcard">
<span class="scorer-firstname">Sterling</span>Sterling
<span class="goal-time">(64′)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="match-stats">
<opta-widget widget="matchstats" competition="8" season="2020" match="2128322" template="custom" live="false" navigation="tabs_more" default_nav="1" show_match_header="false" show_score="false" show_halftime_score="false" show_crests="false" show_team_formation="false" show_competition_name="true" graph_style="full" show_date="false" date_format="dddd D MMMM YYYY" rounding="1" competition_naming="full" team_naming="full" stats_categories="Category 1|possession,shots,shots_on_target,corners_won,fouls_conceded" show_live="false" show_logo="false" show_title="false" breakpoints="400, 700" sport="football"></opta-widget>
</div>
</div>
</div>
<div class="row-container common-template__row-container">
<h1 class="heading-section">
<img src="/assets/example-content/we-are-england.svg" alt="We are England">
</h1>
<section class="large-video-player container">
<div class="large-video-player__inner container__content">
<h2 class="heading-section">LATEST VIDEOS FROM THE THREE LIONS</h2>
<div class="large-video-player__content">
<div class="large-video-player__video-wrap">
<iframe src="https://www.youtube.com/embed/ufLSGCZEPrg" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="vimeo video" allowfullscreen></iframe>
</div>
<div class="large-video-player__video-info">
<div class="datetime-info">
<span class="date">11 Oct 2021</span>
<span class="duration">3:30</span>
<span class="short-title">Three Lions</span>
</div>
<h3 class="title">
Raheem Sterling Seals Comeback Win To Top Group
</h3>
<hr />
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt uttempor labore et dolorgna aliqua.
</p>
<div class="share">
<div class="share__fallback" data-behavior="share-fallback">
<p>Share:</p>
<ul class="share__options">
<li>
<button data-behavior="copy-url" aria-label="Copy page link"><img src="/assets/images/share-copy-icon.svg" />
<span class="tooltip">Copy page link</span>
</button>
</li>
<li><a href="https://www.facebook.com/sharer.php?u=https://www.thefa.com/" aria-label="Facebook. Opens in a new tab" target="_blank" class="fb-button"><img src="/assets/images/share-facebook-icon.svg" alt="Facebook" /><span class="tooltip">Share on Facebook. Opens in a new tab</span></a></li>
<li><a href="https://twitter.com/intent/tweet?url=https://www.thefa.com/" aria-label="Twitter. Opens in a new tab" target="_blank" class="twitter-button"><img src="/assets/images/share-twitter-icon.svg" alt="Twitter" /><span class="tooltip">Share on Twitter. Opens in a new tab</span></a></li>
<li><a href="https://wa.me/?text=https://www.thefa.com/" aria-label="Whatsapp. Opens in new Tab" target="_blank" class="whatsapp-button"><img src="/assets/images/share-whatsapp-icon.svg" alt="WhatsApp" /><span class="tooltip">Share on Whatsapp</span></a></li>
</ul>
</div>
<button class="share__native" data-behavior="share-native"><span>Share:</span><img src="/assets/images/share-icon.svg" /></button>
</div>
</div>
</div>
</div>
</section>
<section class="container membership-carousel">
<h2 class="heading-section ">Exclusive Partner Offers</h2>
<div class="container__content">
<div class="carousel-container">
<div class="carousel" data-behavior="carousel-glide">
<div data-glide-el="track">
<ul class="glide__slides">
<li><a target="_blank" href="/" class="content-card ">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Title</p>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</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>
<section class="squad-widget" style="background-image: url('/assets/images/full-lion-mask-white.svg')">
<div class="container">
<div class="container__content squad-widget__inner">
<div class="squad-widget__info-block">
<h3 class="squad-widget__title">23 man<span>England squad</span></h3>
<ul class="squad-widget__sponsors">
<li><img src="/assets/example-content/crest-england.svg" alt="england" /></li>
<li><img src="/assets/example-content/deliveroo-logo.svg" alt="Sponsored by Deliveroo" /></li>
</ul>
<p class="squad-widget__league-name">
November 2021 World Cup Qualifiers
</p>
<div class="squad-widget__explore-cta">
<a class="cta cta--secondary">Explore squad and players</a>
</div>
<div class="squad-widget__featured-players">
<p>Featured players</p>
<ul>
<li>Harry <span>Marguire</span></li>
<li>Fikayo <span>Tomori</span></li>
<li>Tammy <span>Abraham</span></li>
</ul>
</div>
</div>
<div class="squad-widget__players">
<img src="/assets/example-content/squad-1.png" class="squad-widget__players--1" />
<img src="/assets/example-content/squad-2.png" class="squad-widget__players--2" />
<img src="/assets/example-content/squad-3.png" class="squad-widget__players--3" />
</div>
</div>
</div>
</section>
<div class="row-container common-template__row-container">
<section class="current-standings container" data-behavior="tabs">
<div class="container__content">
<div class="container__header">
<h2 class="heading-section ">Current standings</h2>
<div class="inline-sponsor">
Official sponsor <img src="/assets/example-content/sponsor-logo-bt.svg" alt="Sponsor name" />
</div>
</div>
<div class="current-standings__info">
<p class="text-m current-standings__competition-title">UEFA Euros 2021</p>
<div role="tablist" aria-label="Current standings" class="tab-list">
<a href="#panel-tree" role="tab" aria-selected="false" aria-controls="panel-tree" id="tab-tree" tabindex="0">
Tree
</a>
<a href="#panel-table" role="tab" aria-selected="true" aria-controls="panel-table" id="tab-table" tabindex="0">
Table
</a>
</div>
</div>
<div id="panel-tree" role="tabpanel" aria-labelledby="tab-tree" data-tab-label="Tree">
<div class="tournament-standings">
<opta-widget widget="tournament_tree" competition="4" season="2017" template="centralised" show_crests="true" show_third_place="true" show_goals_combined="false" date_format="lll" pre_match="false" show_competition_name="true" competition_naming="full" team_naming="full" show_live="false" show_logo="false" show_title="false" fixture_height="120" sport="football"></opta-widget>
</div>
</div>
<div id="panel-table" role="tabpanel" aria-labelledby="tab-table" data-tab-label="Table">
<div class="team-standings">
<div class="team-standings__container">
<opta-widget widget="standings" competition="4" season="2017" template="normal" live="false" navigation="tabs" default_nav="1" side="combined" data_detail="full" show_key="true" show_crests="true" points_in_first_column="true" lose_before_draw="false" show_form="6" competition_naming="full" team_naming="full" date_format="dddd D MMMM YYYY" sorting="false" show_live="false" show_relegation_average="false" show_logo="false" show_title="false" breakpoints="500" sport="football">
</opta-widget>
<div class="team-standings__match-details">
<div class="team-standings__match-stats">
<ul class="team-standings__match-report">
<li class="win">Win</li>
<li class="draw">Draw</li>
<li class="loss">Loss</li>
<li class="notplayed">Not played</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="current-standings__cta">
<a href="/" class="cta cta--primary ">
<p>VIEW FIXTURES AND RESULTS</p>
</a>
</div>
</div>
</section>
<div class="form-guide container">
<div class="form-guide__bg-overlay">
<div class="container__content">
<img class="form-guide__results-logo" src="/assets/images/england_crest.png" alt="" />
<p class="text-s vertical-spacing-s">Last 5 matches</p>
<ul class="form-results">
<li data-behaviour="tooltip">
<p class="form form--win" tabindex="0" role="button" aria-label="win">w</p>
<div class="form-results__tooltip" data-ref="tooltip">
<div class="form-results__match-date">WED 16 DEC 2020</div>
<div class="form-results__league">NATIONS LEAGUE GROUP STAGE</div>
<div class="match-result">
<div class="match-result__team">
<img src="/assets/example-content/germany-flag.png" alt="" />
<span>GER</span>
</div>
<div>
<div class="match-result__score">2 - 3</div>
<span>HT: 8-8</span>
</div>
<div class="match-result__team">
<img src="/assets/example-content/england-flag.png" alt="" />
<span>ENG</span>
</div>
</div>
<div class="form-results__match-location">WEMBLEY STADIUM, ENGLAND</div>
<a href="/" class="cta cta--primary ">
<p>Post-match report</p>
</a>
</div>
</li>
<li data-behaviour="tooltip">
<p class="form form--loss" tabindex="0" role="button" aria-label="loss">l</p>
<div class="form-results__tooltip" data-ref="tooltip">
<div class="form-results__match-date">WED 16 DEC 2020</div>
<div class="form-results__league">NATIONS LEAGUE GROUP STAGE</div>
<div class="match-result">
<div class="match-result__team">
<img src="/assets/example-content/germany-flag.png" alt="" />
<span>GER</span>
</div>
<div>
<div class="match-result__score">2 - 3</div>
<span>HT: 8-8</span>
</div>
<div class="match-result__team">
<img src="/assets/example-content/england-flag.png" alt="" />
<span>ENG</span>
</div>
</div>
<div class="form-results__match-location">WEMBLEY STADIUM, ENGLAND</div>
<a href="/" class="cta cta--primary ">
<p>Post-match report</p>
</a>
</div>
</li>
<li data-behaviour="tooltip">
<p class="form form--win" tabindex="0" role="button" aria-label="win">w</p>
<div class="form-results__tooltip" data-ref="tooltip">
<div class="form-results__match-date">WED 16 DEC 2020</div>
<div class="form-results__league">NATIONS LEAGUE GROUP STAGE</div>
<div class="match-result">
<div class="match-result__team">
<img src="/assets/example-content/germany-flag.png" alt="" />
<span>GER</span>
</div>
<div>
<div class="match-result__score">2 - 3</div>
<span>HT: 8-8</span>
</div>
<div class="match-result__team">
<img src="/assets/example-content/england-flag.png" alt="" />
<span>ENG</span>
</div>
</div>
<div class="form-results__match-location">WEMBLEY STADIUM, ENGLAND</div>
<a href="/" class="cta cta--primary ">
<p>Post-match report</p>
</a>
</div>
</li>
<li data-behaviour="tooltip">
<p class="form form--draw" tabindex="0" role="button" aria-label="draw">d</p>
<div class="form-results__tooltip" data-ref="tooltip">
<div class="form-results__match-date">WED 16 DEC 2020</div>
<div class="form-results__league">NATIONS LEAGUE GROUP STAGE</div>
<div class="match-result">
<div class="match-result__team">
<img src="/assets/example-content/germany-flag.png" alt="" />
<span>GER</span>
</div>
<div>
<div class="match-result__score">2 - 3</div>
<span>HT: 8-8</span>
</div>
<div class="match-result__team">
<img src="/assets/example-content/england-flag.png" alt="" />
<span>ENG</span>
</div>
</div>
<div class="form-results__match-location">WEMBLEY STADIUM, ENGLAND</div>
<a href="/" class="cta cta--primary ">
<p>Post-match report</p>
</a>
</div>
</li>
<li data-behaviour="tooltip">
<p class="form form--draw" tabindex="0" role="button" aria-label="draw">d</p>
<div class="form-results__tooltip" data-ref="tooltip">
<div class="form-results__match-date">WED 16 DEC 2020</div>
<div class="form-results__league">NATIONS LEAGUE GROUP STAGE</div>
<div class="match-result">
<div class="match-result__team">
<img src="/assets/example-content/germany-flag.png" alt="" />
<span>GER</span>
</div>
<div>
<div class="match-result__score">2 - 3</div>
<span>HT: 8-8</span>
</div>
<div class="match-result__team">
<img src="/assets/example-content/england-flag.png" alt="" />
<span>ENG</span>
</div>
</div>
<div class="form-results__match-location">WEMBLEY STADIUM, ENGLAND</div>
<a href="/" class="cta cta--primary ">
<p>Post-match report</p>
</a>
</div>
</li>
</ul>
<p class="text-xs vertical-spacing-m">Rollover for match information</p>
</div>
</div>
</div>
<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>
<section class="container membership-carousel">
<h2 class="heading-section ">Exclusive Partner Offers</h2>
<div class="container__content">
<div class="carousel-container">
<div class="carousel" data-behavior="carousel-glide">
<div data-glide-el="track">
<ul class="glide__slides">
<li><a target="_blank" href="/" class="content-card ">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Title</p>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</li>
<li><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="content-card__content">
<div class="content-card__content--dark-gradient">
</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>
</div>
</div>
</a>
</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>
<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>
</div>
No notes defined.
{
"name": "default",
"label": "Men's",
"brand": "mens",
"heading": "We are England",
"video": {
"heading": "LATEST VIDEOS FROM THE THREE LIONS",
"enableShare": true
},
"withNextMatch": true,
"matchDetails": {
"withNextMatch": false,
"withFullTime": false,
"withLivescore": true
}
}
{{render '@hero-carousel-banner'}}
<div class="common-template overlap-header-content">
<div class="crop-1">
{{#unless edgecase}}
{{render "@match-detail" matchDetails}}
{{/unless}}
{{#if edgecase}}
{{render "@upcoming-fixture--no-next-match"}}
{{/if}}
</div>
{{#> @row-container}}
<h1 class="heading-section">
<img src="/assets/example-content/we-are-england.svg" alt="We are England">
</h1>
{{render '@large-video-player' video merge=true}}
{{render '@membership-carousel'}}
{{/ @row-container}}
{{render '@squad-announcement-condensed' squad-announcement merge="true"}}
{{#> @row-container}}
{{render '@current-standings'}}
{{render '@form-guide'}}
{{render '@membership-signpost--with-button'}}
{{render '@membership-carousel'}}
{{render '@membership-signpost--with-button'}}
{{/ @row-container}}
</div>