<div class="teams-news-landing-page" style="background-image: url(/assets/example-content/england-teams-lion-bg.png);">
<div class="news-page__header">
<div class="news-landing-back-button__back">
<a href="#">News</a>
</div>
<div class="news-landing-back-button__line"></div>
<div class="container">
<div class="common-template__row-container">
<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/red-lion-small.svg" alt="" loading="lazy" />
</noscript>
</li>
<li>
<noscript class="loading-lazy">
<img src="/assets/example-content/red-lion-small.svg" alt="" loading="lazy" />
</noscript>
</li>
<li>
<noscript class="loading-lazy">
<img src="/assets/example-content/red-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>
</div>
<div class="news-navbar" data-behaviour="news-navbar">
<div class="news-navbar__wrapper">
<nav class="news-navbar__nav-list" data-behavior="news-navbar--nav-list">
<a href="#mens-senior-section" data-nav-to="mens-senior-section" class="mens-senior-section">
Men's senior
</a>
<a href="#womens-senior-section" data-nav-to="womens-senior-section" class="womens-senior-section">
women's senior
</a>
<a href="#youth-teams-section" data-nav-to="youth-teams-section" class="youth-teams-section">
Youth teams
</a>
<a href="#para-teams-section" data-nav-to="para-teams-section" class="para-teams-section">
Para teams
</a>
<a href="#elions-section" data-nav-to="elions-section" class="elions-section">
E-lions
</a>
<a href="#worldcup-section" data-nav-to="worldcup-section" class="worldcup-section">
FIFA World Cup
</a>
</nav>
</div>
</div>
<div class="article-news-card " id="mens-senior-section" 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 class="article-news-card article-news-card--section-bg" id="womens-senior-section" data-content="news-content" role="region" aria-label="women's senior" style="background-image: url(/assets/example-content/news-article-bkgnd-womens.png);">
<div class="article-news-card__header ">
<h2 class="article-news-card__title">women'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>
<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>
<div class="article-news-card article-news-card--section-bg" id="youth-teams-section" data-content="news-content" role="region" aria-label="Youth teams" style="background-image: url(/assets/example-content/news-article-bkgnd-youth.png);">
<div class="article-news-card__header ">
<h2 class="article-news-card__title">Youth teams</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 " 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 class="article-news-card article-news-card--section-bg" id="para-teams-section" data-content="news-content" role="region" aria-label="Para teams" style="background-image: url(/assets/example-content/news-article-bkgnd-womens.png);">
<div class="article-news-card__header ">
<h2 class="article-news-card__title">Para teams</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 " 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 class="article-news-card article-news-card--section-bg" id="elions-section" data-content="news-content" role="region" aria-label="E-lions" style="background-image: url(/assets/example-content/news-article-bkgnd-e-lions.png);">
<div class="article-news-card__header white-font ">
<h2 class="article-news-card__title">E-lions</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 " 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 class="article-news-card article-news-card--section-bg" id="worldcup-section" data-content="news-content" role="region" aria-label="FIFA World Cup 2022" style="background-image: url(/assets/example-content/news-article-bkgnd-worldcup.png);">
<div class="article-news-card__header white-font white-highlighter">
<h2 class="article-news-card__title">FIFA World Cup 2022</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 " 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>
No notes defined.
{
"banner": {
"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."
},
"nav-bar": {
"data": [
{
"title": "Men's senior",
"id": "mens-senior-section"
},
{
"title": "women's senior",
"id": "womens-senior-section"
},
{
"title": "Youth teams",
"id": "youth-teams-section"
},
{
"title": "Para teams",
"id": "para-teams-section"
},
{
"title": "E-lions",
"id": "elions-section"
},
{
"title": "FIFA World Cup",
"id": "worldcup-section"
}
]
},
"mens-section": {
"section-bg": false,
"title": "Men's senior",
"section-bg-img": "",
"horizontalMobileHide": true,
"id": "mens-senior-section"
},
"womens-section": {
"section-bg": true,
"title": "women's senior",
"section-bg-img": "/assets/example-content/news-article-bkgnd-womens.png",
"horizontalMobileHide": true,
"id": "womens-senior-section"
},
"youth-section": {
"section-bg": true,
"title": "Youth teams",
"isHorizontalOnly": true,
"section-bg-img": "/assets/example-content/news-article-bkgnd-youth.png",
"id": "youth-teams-section"
},
"para-section": {
"section-bg": true,
"title": "Para teams",
"isHorizontalOnly": true,
"section-bg-img": "/assets/example-content/news-article-bkgnd-womens.png",
"id": "para-teams-section"
},
"elions-section": {
"section-bg": true,
"title": "E-lions",
"isHorizontalOnly": true,
"section-bg-img": "/assets/example-content/news-article-bkgnd-e-lions.png",
"white-font": true,
"id": "elions-section"
},
"fifa-section": {
"section-bg": true,
"title": "FIFA World Cup 2022",
"isHorizontalOnly": true,
"section-bg-img": "/assets/example-content/news-article-bkgnd-worldcup.png",
"white-font": true,
"white-highlighter": true,
"id": "worldcup-section"
}
}
.teams-news-landing-page {
background-color: $grey-light;
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
.content-managable-banner {
padding-top: 2.8rem;
&__heading {
margin-bottom: 2rem;
line-height: 6.3rem;
}
}
&__back {
display: flex;
align-items: center;
padding-left: 0.2rem;
padding-top: 0.8rem;
& > a {
display: flex;
align-items: center;
text-decoration: none;
font-family: $heading-font;
font-size: 3rem;
line-height: 4rem;
letter-spacing: 0.01em;
color: $color-interface-light;
position: relative;
padding-left: 4rem;
&::before {
content: '';
background: url('./assets/images/view-all-arrow.svg') no-repeat center;
width: 3.8rem;
height: 3.8rem;
display: inline-block;
position: absolute;
left: 0;
transform: rotate(180deg);
}
}
}
&__line {
background: $color-interface-light;
opacity: 0.1;
height: 0.1rem;
display: block;
margin: 0.4rem 1.6rem;
}
.article-news-card--section-bg {
padding: 5.2rem 0;
}
@media screen and (min-width: $mq-medium) {
background-size: 100%;
.content-managable-banner {
padding-top: 4.2rem;
&__heading {
margin-bottom: 3.6rem;
line-height: 16.1rem;
}
}
&__back {
padding-left: 1.7rem;
padding-top: 1.2rem;
}
&__line {
margin: 1.2rem 3.2rem;
}
}
}
<div class="teams-news-landing-page" style="background-image: url(/assets/example-content/england-teams-lion-bg.png);">
<div class="news-page__header">
{{render '@news-landing-back-button'}}
<div class="container">
<div class="common-template__row-container">
{{render '@content-manageable-banner' banner merge="true"}}
</div>
</div>
</div>
{{render '@news-navbar' nav-bar merge="true"}}
{{render '@article-news-card' mens-section merge="true"}}
{{render '@article-news-card' womens-section merge="true"}}
{{render '@full-width-image-signpost'}}
{{render '@article-news-card' youth-section merge="true"}}
{{render '@article-news-card' para-section merge="true"}}
{{render '@article-news-card' elions-section merge="true"}}
{{render '@article-news-card' fifa-section merge="true"}}
</div>