<div class="page-wrapper" data-brand='englandfootball-supplimentary'>
<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 left-align">
<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="common-template overlap-header-content">
<div class="background-crop-2">
<div class="tray common-template__tray">
<div class="main-header-intro" data-ghost-text="Welcome">
<h1 class="main-header-intro__heading">Welcome to England football</h1>
</div>
<div class="row-container common-template__row-container">
<section class="large-video-player container">
<div class="large-video-player__inner container__content">
<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>
</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>
<section class="container large-signpost-carousel ">
<div class="container__content">
<div class="carousel-container">
<div class="carousel" data-behavior="large-signpost-carousel">
<div data-glide-el="track">
<ul class="glide__slides">
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-1.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">pickford to the RESCUE</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-2.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">lioness roar into the final</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-3.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">'PLAYING AS A KID WERE THE BEST TIMES OF MY LIFE’</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-2.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">lioness roar into the final</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-1.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">pickford to the RESCUE</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-3.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">'PLAYING AS A KID WERE THE BEST TIMES OF MY LIFE’</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
</ul>
<div class="large-signpost-carousel__navigation" data-glide-el="controls">
<button aria-label="Previous" class="large-signpost-carousel__cta large-signpost-carousel__cta--prev" data-glide-dir="<"><span class="visually-hidden">Previous
page</span><svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.0002 8.00034L3.90024 8.00034L8.20056 12.2997L6.79995 13.7003L0.100587 6.99999L6.79995 0.299672L8.20056 1.70029L3.90024 5.99965L18.0002 5.99965L18.0002 8.00034Z" fill="currentColor" />
</svg></button>
<button aria-label="Next" class="large-signpost-carousel__cta large-signpost-carousel__cta--next" data-glide-dir=">"><span class="visually-hidden">Next
page</span><svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.000240326 5.99966H14.0998L9.79944 1.7003L11.2001 0.299683L17.8994 7L11.2001 13.7003L9.79944 12.2997L14.0998 8.00035H-0.000240326V5.99966Z" fill="currentColor" />
</svg></button>
</div>
<div class="large-signpost-carousel__playpause">
<button aria-label="Play" class="large-signpost-carousel__cta large-signpost-carousel__cta--play hidden"><span class="visually-hidden">Play</span><svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.666504 16.6252C0.701482 18.3155 2.28225 19.3378 3.66658 18.5336L14.8019 11.6143C15.4086 11.238 15.8203 10.5456 15.8203 9.73584C15.8203 8.92613 15.4086 8.23364 14.8019 7.85742L3.66658 0.94752C2.28225 0.143256 0.701461 1.15608 0.666504 2.84639V16.6252Z" fill="currentColor" />
</svg></button>
<button aria-label="Pause" class="large-signpost-carousel__cta large-signpost-carousel__cta--pause"><span class="visually-hidden">Pause</span><svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.666504" y="0.333313" width="4" height="17.3333" fill="currentColor" />
<rect x="6.666504" y="0.333313" width="4" height="17.3333" fill="currentColor" />
</svg></button>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
</div>
</div>
</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>
</div>
</div>
<div class="background-crop-3" data-lazy-background="/assets/example-content/ef-landing.png" data-brand="mens">
<div data-brand='englandfootball'>
<div class="multiple-image-signpost">
<div class="multiple-image-signpost__title-logo">
<img src="/assets/images/england-badge.svg" alt="" />
</div>
<h2 class="heading-section ">Follow the Pride of England</h2>
<div class="multiple-image-signpost__players">
<a class="image-signpost">
<div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-1.png">
<source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-1.png">
<img src="/assets/example-content/image-singpost-1.png" alt="">
</picture>
</div>
<div class="image-signpost__title">MENS SENIOR</div>
</a>
<a class="image-signpost">
<div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-2.png">
<source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-2.png">
<img src="/assets/example-content/image-singpost-2.png" alt="">
</picture>
</div>
<div class="image-signpost__title">WOMENS SENIOR</div>
</a>
<a class="image-signpost">
<div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-3.png">
<source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-3.png">
<img src="/assets/example-content/image-singpost-3.png" alt="">
</picture>
</div>
<div class="image-signpost__title">PARA</div>
</a>
<a class="image-signpost">
<div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-4.png">
<source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-4.png">
<img src="/assets/example-content/image-singpost-4.png" alt="">
</picture>
</div>
<div class="image-signpost__title">Youth</div>
</a>
<a class="image-signpost">
<div class="image-signpost__img-wrapper" data-behaviour="ripple-effect">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/image-singpost-mob-5.png">
<source media="(min-width: 820px)" srcset="/assets/example-content/image-singpost-5.png">
<img src="/assets/example-content/image-singpost-5.png" alt="">
</picture>
</div>
<div class="image-signpost__title">E-LIONS</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="background-crop-2" data-brand="mens">
<div class="tray common-template__tray" data-brand="englandfootball">
<div class="row-container common-template__row-container">
<section class="signpost membership-signpost ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/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="main-header-intro" data-ghost-text="Find Football">
<h2 class="main-header-intro__heading">Find Football</h2>
<p class="main-header-intro__copy">Exclusive discounts and offers for members of the Pride</p>
</div>
<section class="signpost signpost--large ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/football-near-you.jpg" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> Get involved in football near you </h3>
<p class="signpost__subheading"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta </p>
<hr />
<span class="cta cta--link">Check out opportunities</span>
</div>
</a href="#">
</section>
<section class="container large-signpost-carousel ">
<div class="container__content">
<div class="carousel-container">
<div class="carousel" data-behavior="large-signpost-carousel">
<div data-glide-el="track">
<ul class="glide__slides">
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-1.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">pickford to the RESCUE</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-2.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">lioness roar into the final</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-3.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">'PLAYING AS A KID WERE THE BEST TIMES OF MY LIFE’</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-2.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">lioness roar into the final</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-1.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">pickford to the RESCUE</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
<li>
<a class="large-signpost-carousel__slide" href="#" tabindex="0">
<img class="large-signpost-carousel__img" src="/assets/example-content/large-signpost-carousel-3.png" alt="">
<div class="large-signpost-carousel--gradient"></div>
<div class="large-signpost-carousel__overlay">
<div class="large-signpost-carousel__titleblock">
<div class="large-signpost-carousel__totalslides--count"></div>
<h3 class="large-signpost-carousel__title">'PLAYING AS A KID WERE THE BEST TIMES OF MY LIFE’</h3>
</div>
<div class="large-signpost-carousel__tag">
<p>11 Oct 2020 <span>|</span> 5 min read</p>
</div>
</div>
</a>
</li>
</ul>
<div class="large-signpost-carousel__navigation" data-glide-el="controls">
<button aria-label="Previous" class="large-signpost-carousel__cta large-signpost-carousel__cta--prev" data-glide-dir="<"><span class="visually-hidden">Previous
page</span><svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.0002 8.00034L3.90024 8.00034L8.20056 12.2997L6.79995 13.7003L0.100587 6.99999L6.79995 0.299672L8.20056 1.70029L3.90024 5.99965L18.0002 5.99965L18.0002 8.00034Z" fill="currentColor" />
</svg></button>
<button aria-label="Next" class="large-signpost-carousel__cta large-signpost-carousel__cta--next" data-glide-dir=">"><span class="visually-hidden">Next
page</span><svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.000240326 5.99966H14.0998L9.79944 1.7003L11.2001 0.299683L17.8994 7L11.2001 13.7003L9.79944 12.2997L14.0998 8.00035H-0.000240326V5.99966Z" fill="currentColor" />
</svg></button>
</div>
<div class="large-signpost-carousel__playpause">
<button aria-label="Play" class="large-signpost-carousel__cta large-signpost-carousel__cta--play hidden"><span class="visually-hidden">Play</span><svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.666504 16.6252C0.701482 18.3155 2.28225 19.3378 3.66658 18.5336L14.8019 11.6143C15.4086 11.238 15.8203 10.5456 15.8203 9.73584C15.8203 8.92613 15.4086 8.23364 14.8019 7.85742L3.66658 0.94752C2.28225 0.143256 0.701461 1.15608 0.666504 2.84639V16.6252Z" fill="currentColor" />
</svg></button>
<button aria-label="Pause" class="large-signpost-carousel__cta large-signpost-carousel__cta--pause"><span class="visually-hidden">Pause</span><svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.666504" y="0.333313" width="4" height="17.3333" fill="currentColor" />
<rect x="6.666504" y="0.333313" width="4" height="17.3333" fill="currentColor" />
</svg></button>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="carousel-widget container">
<div class="container__content">
<div class="container__header">
<h2 class="heading-section ">This is the heading used to top a section</h2>
</div>
<div class="carousel-widget__content">
<div class="tabbed-carousel" data-behavior="tabs-with-carousel">
<div class="tabbed-carousel__navigation">
<div class="tabbed-carousel__tab-list" role="tablist" aria-label="">
<a href="#panel-latest-videos" role="tab" aria-selected="true" aria-controls="panel-latest-videos" id="tab-latest-videos" tabindex="0" data-behavior="latest-videos">
latest videos
</a>
<a href="#panel-highlights" role="tab" aria-selected="false" aria-controls="panel-highlights" id="tab-highlights" tabindex="0" data-behavior="highlights">
highlights
</a>
<a href="#panel-live" role="tab" aria-selected="false" aria-controls="panel-live" id="tab-live" tabindex="0" data-behavior="live">
live
</a>
<a href="#panel-archive" role="tab" aria-selected="false" aria-controls="panel-archive" id="tab-archive" tabindex="0" data-behavior="archive">
archive
</a>
</div>
<div class="tabbed-carousel__select-list">
<select data-behavior="tabbed-carousel-select-list">
<option selected value="latest-videos">latest videos</option>
<option value="highlights">highlights</option>
<option value="live">live</option>
<option value="archive">archive</option>
</select>
</div>
</div>
<div class="tabbed-carousel__tab-panels">
<div id="panel-latest-videos" role="tabpanel" tabindex="0" aria-labelledby="tab-latest-videos" data-tab-label="latest videos">
<div class="carousel" data-behavior="carousel-latest-videos">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-highlights" role="tabpanel" tabindex="0" aria-labelledby="tab-highlights" data-tab-label="highlights">
<div class="carousel" data-behavior="carousel-highlights">
<div>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-live" role="tabpanel" tabindex="0" aria-labelledby="tab-live" data-tab-label="live">
<div class="carousel" data-behavior="carousel-live">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="panel-archive" role="tabpanel" tabindex="0" aria-labelledby="tab-archive" data-tab-label="archive">
<div class="carousel" data-behavior="carousel-archive">
<div>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="/assets/example-content/womens-hero-600.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<button class="content-card content-card--video" id="video-dialog-label" data-behavior="vimeo-video-lightbox" data-video-id="545863177" data-poster-image="/assets/example-content/autoplay-hero-error.png">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">02.04 <span>video</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Sponsored</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</button>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
<div>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=H11o250_xCA" class="content-card content-card--video">
<div class="content-card__image-bg">
<img src="/assets/example-content/video-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">Video Card - 1</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
<a target="_blank" href="/" class="content-card content-card--article">
<div class="content-card__image-bg">
<img src="/assets/example-content/article-card-image.png" />
</div>
<div class="time">5 min <span>read</span></div>
<div class="content-card__content">
<div class="content-card__content--dark-gradient">
<div class="sponsor-logo">
<img src="/assets/example-content/content-card-sponsor.svg" alt="sponsor">
</div>
</div>
<div class="content-card__content--info">
<div class="sponsored-label">Men's Senior</div>
<p class="title">head & shoulders present: Jack grealish, The heard yeards</p>
<hr />
<div class="dateduration-wrap">
<span class="date">11 Oct 2020</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="carousel-nav-block">
<div class="carousel-nav-wrapper">
<div class="tabbed-carousel__navigation-bottom">
<div role="tablist" class="tabbed-carousel__pagination carousel__pagination"></div>
</div>
<div class="tabbed-carousel__arrows-wrap">
<button aria-label="Previous" class="carousel__cta carousel__prev tabbed-carousel__prev disabled">
<span class="visually-hidden">Previous page</span>
<svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg>
</button>
<button aria-label="Next" class="carousel__cta carousel__next tabbed-carousel__next">
<span class="visually-hidden">Next page</span>
<svg fill="none" viewBox="0 0 10 17" xmlns="http://www.w3.org/2000/svg">
<path d="m9.2722 9.3355-6.75 6.75c-0.46089 0.4609-1.2087 0.4609-1.6706 0-0.46089-0.4609-0.46089-1.2097 0-1.6706l5.9146-5.9146-5.9146-5.9146c-0.46089-0.46089-0.46089-1.2097 0-1.6706 0.46194-0.46089 1.2097-0.46089 1.6706 0l6.75 6.75c0.46194 0.46089 0.46194 1.2097 0 1.6706v-1.4e-4z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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/visit-england-store.jpg" 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/supporters-travel-club.jpg" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> England Supporters Travel Club </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 memberships</p>
</a>
</div>
</a href="#">
</section>
</div>
<div class="advertising-mpu">
<a href="#">
<picture>
<source media="(max-width: 819px)" srcset="/assets/example-content/advertising-300.png">
<source media="(min-width: 820px)" srcset=" /assets/example-content/advertising-780.png">
<img src="/assets/example-content/advertising-300.png" alt="">
</picture>
</a>
</div>
<section class="signpost signpost--large ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/bootroom.jpg" alt="">
</div>
<div class="signpost__info">
<h3 class="signpost__heading"> The Boot Room, Coaching, Interviews, and Courses </h3>
<p class="signpost__subheading"> The Boot Room, the home of coaching and learning resources for English football. View popular coaching resources, featured articles </p>
<hr />
<span class="cta cta--link">Visit The Bootroom</span>
</div>
</a href="#">
</section>
</div>
</div>
</div>
</div>
No notes defined.
{
"page-heading": {
"ghost-text": "Welcome",
"heading": "Welcome to England football"
},
"section-heading": {
"ghost-text": "Find Football",
"heading": "Find Football",
"copy": "Exclusive discounts and offers for members of the Pride",
"ish2styles": true
},
"large-video": {
"heading": null
},
"visit-store": {
"image": "/assets/example-content/visit-england-store.jpg",
"heading": "Visit The England Store",
"subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta",
"cta": {
"copy": "Visit the shop"
}
},
"supporters-club": {
"image": "/assets/example-content/supporters-travel-club.jpg",
"heading": "England Supporters Travel Club",
"subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta",
"cta": {
"copy": "Visit memberships"
}
},
"football-near-you": {
"heading": "Get involved in football near you",
"subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta",
"image": "/assets/example-content/football-near-you.jpg",
"cta": {
"copy": "Check out opportunities"
}
},
"bootroom": {
"heading": "The Boot Room, Coaching, Interviews, and Courses",
"subheading": "The Boot Room, the home of coaching and learning resources for English football. View popular coaching resources, featured articles",
"image": "/assets/example-content/bootroom.jpg",
"cta": {
"copy": "Visit The Bootroom"
}
}
}
<div class="page-wrapper" data-brand='englandfootball-supplimentary'>
{{render '@hero-image-banner--left-align' }}
<div class="common-template overlap-header-content">
<div class="background-crop-2">
{{#> @tray}}
{{render '@main-header-intro' page-heading}}
{{#> @row-container}}
{{render '@large-video-player' large-video merge=true }}
{{render '@membership-signpost' }}
{{render '@large-signpost-carousel' }}
{{render '@membership-carousel' }}
{{/@row-container}}
{{/ @tray}}
</div>
<div class="background-crop-3" data-lazy-background="/assets/example-content/ef-landing.png" data-brand="mens">
<div data-brand='englandfootball'>
{{render '@multiple-image-signpost' }}
</div>
</div>
</div>
<div class="background-crop-2" data-brand="mens">
{{#> @tray attrs='data-brand="englandfootball"'}}
{{#> @row-container}}
{{render '@membership-signpost' }}
{{render '@main-header-intro--h2-style' section-heading}}
{{render '@signpost-large' football-near-you merge=true}}
{{render '@large-signpost-carousel'}}
{{render '@carousel-widget' }}
<div class="layout-md-2col">
{{render '@signpost' visit-store merge=true}}
{{render '@signpost' supporters-club merge=true}}
</div>
{{render '@advertising-mpu'}}
{{render '@signpost-large' bootroom merge=true}}
{{/@row-container}}
{{/ @tray}}
</div>
</div>