<div class="common-template faq-page">
<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 class="row-container common-template__row-container">
<p class="faq-page__info-text">Find out more about The FA SuperKicks</p>
</div>
<div class="news-container common-template__news-container">
<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 class="rte-content rte-content--lead">
<p>Please read our FAQs below to help you with any queries about The FA SuperKicks. If you have any further questions, please contact us and we will endeavour to respond within 7 working days:</p>
</div>
<a href="/" class="cta cta--primary ">
<p>Contact Us</p>
</a>
<div class="accordion" data-behaviour="accordion">
<p class="accordion__category">registration</p>
<div class="accordion__content">
<h3>
<button class="accordion__trigger" id="question-1.1" aria-expanded="false" aria-controls="question-1.1-panel">
question-1.1 : Where can I get more information about safeguarding in football?
<span class="accordion__trigger-icon fill-arrow"></span>
</button>
</h3>
<div class="accordion__panel" id="question-1.1-panel" role="region" aria-labelledby="question-1.1">
<div class="accordion__panel--aligncontent">
<div class="rte-content rte-content--normal">
<p>Safeguarding is important to us and we taken the following steps to ensure it: We will always communicate with you, not your child, if you choose to sign up for marketing emails – your email address is our only point of contact. We will never share your personal information outside The FA unless you give us permission to do so. We will never use location tracking on The FA SuperKicks videos. If you are worried about your child and need to report a concern these experts can help: (CEOP) Child Exploitation and Online Protection command - <a href='#'>https: //ceop.police.uk/safety-centre/ NSPCC</a> - <a href='#'>https: //www.nspcc.org.uk/<a /> Childline - <a href='#'>https: //www.childline.org.uk/</a> You can also contact The FA directly via - <a href='#'>safeguarding@thefa.com</a> or call 0800 0835 902</p>
</div>
</div>
</div>
</div>
<div class="accordion__content">
<h3>
<button class="accordion__trigger" id="question-1.2" aria-expanded="false" aria-controls="question-1.2-panel">
question-1.2 : Where can I get more information about safeguarding in football?
<span class="accordion__trigger-icon fill-arrow"></span>
</button>
</h3>
<div class="accordion__panel" id="question-1.2-panel" role="region" aria-labelledby="question-1.2">
<div class="accordion__panel--aligncontent">
<div class="rte-content rte-content--normal">
<p>Safeguarding is important to us and we taken the following steps to ensure it: We will always communicate with you, not your child, if you choose to sign up for marketing emails – your email address is our only point of contact. We will never share your personal information outside The FA unless you give us permission to do so. We will never use location tracking on The FA SuperKicks videos. If you are worried about your child and need to report a concern these experts can help: (CEOP) Child Exploitation and Online Protection command - <a href='#'>https: //ceop.police.uk/safety-centre/ NSPCC</a> - <a href='#'>https: //www.nspcc.org.uk/<a /> Childline - <a href='#'>https: //www.childline.org.uk/</a> You can also contact The FA directly via - <a href='#'>safeguarding@thefa.com</a> or call 0800 0835 902</p>
</div>
<div class="left-aligned">
<a href="/" class="cta cta--primary ">
<p>Primary CTA</p>
</a>
</div>
<div class="left-aligned">
<a href="/" class="cta cta--primary ">
<p>Primary CTA</p>
</a>
</div>
<div class="left-aligned">
<a href="/" class="cta cta--primary ">
<p>Primary CTA</p>
</a>
</div>
</div>
</div>
</div>
<p class="accordion__category">HOW IT WORKS</p>
<div class="accordion__content">
<h3>
<button class="accordion__trigger" id="question-2.1" aria-expanded="false" aria-controls="question-2.1-panel">
question-2.1 : Where can I get more information about safeguarding in football?
<span class="accordion__trigger-icon fill-arrow"></span>
</button>
</h3>
<div class="accordion__panel" id="question-2.1-panel" role="region" aria-labelledby="question-2.1">
<div class="accordion__panel--aligncontent">
<div class="rte-content rte-content--normal">
<p>Safeguarding is important to us and we taken the following steps to ensure it: We will always communicate with you, not your child, if you choose to sign up for marketing emails – your email address is our only point of contact. We will never share your personal information outside The FA unless you give us permission to do so. We will never use location tracking on The FA SuperKicks videos. If you are worried about your child and need to report a concern these experts can help: (CEOP) Child Exploitation and Online Protection command - <a href='#'>https: //ceop.police.uk/safety-centre/ NSPCC</a> - <a href='#'>https: //www.nspcc.org.uk/<a /> Childline - <a href='#'>https: //www.childline.org.uk/</a> You can also contact The FA directly via - <a href='#'>safeguarding@thefa.com</a> or call 0800 0835 902</p>
</div>
<section class="efl-large-video-player efl-blue" data-behavior="efl-large-video-player">
<div class="efl-large-video-player__inner">
<div class="efl-large-video-player__content">
<h2>Example</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et ut labore et ut labore et dolorgna aliqua.</p>
<a href="#">Hyperlink text to access the next page</a>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>Lorem ipsum dolor sit amet, consectetur</li>
</ul>
<p><em>Lorem ipsum dolor sit amet, consectetur</em></p>
</div>
<div class="efl-large-video-player__video-wrap" data-video-type="youtube" data-video-id="ufLSGCZEPrg">
<div class="efl-large-video-player__video-poster">
<img src="/assets/example-content/video-error-poster.jpg" alt="error-video" loading="lazy" />
</div>
<div class="efl-large-video-player__video-thumbnail">
<button tabindex="0" aria-label="Example play in youtube video player">
<img src="/assets/example-content/womens-hero.png" alt="" loading="lazy" />
</button>
</div>
<div id="efl-large-video-player" class="efl-large-video-player__player"></div>
</div>
</div>
</section>
</div>
</div>
</div>
<p class="accordion__category">Online/Offline usability - connectivity</p>
<div class="accordion__content">
<h3>
<button class="accordion__trigger" id="question-3.1" aria-expanded="false" aria-controls="question-3.1-panel">
question-3.1 : Where can I get more information about safeguarding in football?
<span class="accordion__trigger-icon fill-arrow"></span>
</button>
</h3>
<div class="accordion__panel" id="question-3.1-panel" role="region" aria-labelledby="question-3.1">
<div class="accordion__panel--aligncontent">
<div class="rte-content rte-content--normal">
<p>Safeguarding is important to us and we taken the following steps to ensure it: We will always communicate with you, not your child, if you choose to sign up for marketing emails – your email address is our only point of contact. We will never share your personal information outside The FA unless you give us permission to do so. We will never use location tracking on The FA SuperKicks videos. If you are worried about your child and need to report a concern these experts can help: (CEOP) Child Exploitation and Online Protection command - <a href='#'>https: //ceop.police.uk/safety-centre/ NSPCC</a> - <a href='#'>https: //www.nspcc.org.uk/<a /> Childline - <a href='#'>https: //www.childline.org.uk/</a> You can also contact The FA directly via - <a href='#'>safeguarding@thefa.com</a> or call 0800 0835 902</p>
</div>
</div>
</div>
</div>
</div>
</div>
<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>
<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>
<h1 class="heading-section">
<img src="/assets/example-content/we-are-england.svg" alt="We are England">
</h1>
</div>
<div class="sponsorship-list">
<div class="primary-sponsors container">
<div class="container__content">
<ul class="primary-sponsors__logos">
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/footer-sponsor-nike.png" aria-label="Nike" alt="Nike" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/footer-sponsor-bt.png" aria-label="BT" alt="BT" />
</a>
</li>
</ul>
</div>
</div>
<hr />
<div class="secondary-sponsors container">
<div class="container__content">
<ul class="secondary-sponsors__logos">
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-google-cloud.png" aria-label="Google-cloud" alt="Google-cloud" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-lucozade.png" aria-label="Lucozade" alt="Lucozade" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-deliveroo.png" aria-label="Deliveroo" alt="Deliveroo" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-nationwide.png" aria-label="Nationwide" alt="Nationwide" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-paypal.png" aria-label="Paypal" alt="Paypal" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-disney.png" aria-label="Disney" alt="Disney" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-national-express.png" aria-label="National-express" alt="National-express" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-snickers.png" aria-label="Snickers" alt="Snickers" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-ee.png" aria-label="EE" alt="EE" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-lg.png" aria-label="LG" alt="LG" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-emirates.png" aria-label="Emirates" alt="Emirates" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-McDonald.png" aria-label="McDonald" alt="McDonald" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-budweiser.png" aria-label="Budweiser" alt="Budweiser" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-continental.png" aria-label="Continental" alt="Continental" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-mitre.png" aria-label="Mitre" alt="Mitre" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-cognizant.png" aria-label="Cognizant" alt="Cognizant" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-pokemon.png" aria-label="Pokemon" alt="Pokemon" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-buildbase.png" aria-label="Buildbase" alt="Buildbase" />
</a>
</li>
<li>
<a href="#" target="_blank">
<img src="/assets/example-content/secondary-sponsors/footer-boots.png" aria-label="Boots" alt="Boots" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
No notes defined.
{
"infoText": "Find out more about The FA SuperKicks",
"image": "/assets/example-content/we-are-england.svg",
"rte-lead": {
"content": [
{
"text": "Please read our FAQs below to help you with any queries about The FA SuperKicks. If you have any further questions, please contact us and we will endeavour to respond within 7 working days:"
}
]
},
"call-to-action-cta": {
"href": "/",
"copy": "Contact Us"
}
}
// TODO: We should look to remove this file.
// If these styles are needed, can we move them into a component or module?
// It might be that we can:
// - Use a helper to center the share content
// - Update all share components to be centred
// - Create a variant of the share that is centred.
.faq-page {
// TODO: This info text I think is supposed to be a caption to the hero overlay
// We should try to move this into that component
&__info-text {
@include text-s--narrow;
margin: 1.4rem 0 1.8rem 0;
}
.share {
width: 25rem;
margin: 0 auto;
.share__native {
margin: 0 auto;
}
}
// TODO: Can we use a layout container to control this margin
.signpost {
margin-top: 7.1rem;
}
.heading-2 {
color: $blue;
line-height: 4.6rem;
font-size: 4rem;
letter-spacing: -0.01em;
}
&[data-brand='mens'],
&[data-brand='womens'] {
.heading-2 {
font-family: $heading-font;
font-size: 4rem;
color: $color-interface-light;
letter-spacing: 0.02em;
line-height: 4rem;
}
}
@media screen and (max-width: $mq-small) {
.heading-2 {
line-height: 3rem;
font-size: 2.8rem;
}
&[data-brand='mens'],
&[data-brand='womens'] {
.heading-2 {
font-size: 4.4rem;
letter-spacing: 0.01em;
}
}
}
}
<div class="common-template faq-page">
{{render '@hero-image-banner--default'}}
{{#> @row-container}}
<p class="faq-page__info-text">{{infoText}}</p>
{{/ @row-container}}
{{#> @news-container}}
{{render '@share'}}
{{render '@rte--rte-lead' rte-lead merge=true}}
{{render '@cta' call-to-action-cta merge="true"}}
{{render '@accordion'}}
{{/ @news-container}}
{{#> @row-container}}
{{render '@membership-signpost'}}
{{render '@carousel-widget' }}
<h1 class="heading-section">
<img src="{{image}}" alt="We are England">
</h1>
{{/ @row-container}}
{{render '@sponsorship-list'}}
</div>