<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Preview Layout</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="//secure.widget.cloud.opta.net/v3/css/v3.football.opta-widgets.css">
<link rel="stylesheet" href="../../styles/main.css">
<script>
window.MSInputMethodContext && document.documentMode && document.write('<script src="https://cdn.jsdelivr.net/gh/nuxodin/ie11CustomProperties@4.1.0/ie11CustomProperties.min.js"><\/script>');
</script>
</head>
<body data-brand="legends">
<header class="fixed-header">
<div class="site-header container">
<div class="container__content">
<a href="#main-content" class="skip-to-content">Skip to main content</a>
<img src="/assets/images/england-football-logo.svg" alt="England Football logo" class="logo" /></a>
</div>
<button class="hamburger" aria-controls="main-nav" aria-haspopup="true" aria-expanded="false">Open
navigation</button>
<nav role="navigation" class="site-navigation" id="main-nav">
<ul>
<li class="site-navigation__level1">
<button class="site-navigation__main-tab" aria-controls="teams" aria-haspopup="true" aria-expanded="false" role="menu">England
Teams</button>
<div class="site-navigation__level2-wrapper" id="teams">
<ul class="site-navigation__level2">
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-1" id="accordion-button-1" tabindex="-1">Three Lions</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-1" role="region" aria-labelledby="accordion-button-1" hidden="">
<li><a href="/" data-attr="true">Home</a></li>
<li><a href="/">Squad</a></li>
<li><a href="/">Fixtures & Results</a></li>
<li><a href="/" class="link-external">England Supports Travel Club</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-2" id="accordion-button-2" tabindex="-1">Lionesses</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-2" role="region" aria-labelledby="accordion-button-2" hidden="">
<li><a href="/">Home</a></li>
<li><a href="/">Squad</a></li>
<li><a href="/">Fixtures & Results</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-3" id="accordion-button-3" tabindex="-1">Youth</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-3" role="region" aria-labelledby="accordion-button-3" hidden="">
<li><a href="/">Home</a></li>
<li><a href="/">Men's U21</a></li>
<li><a href="/">Women's U23</a></li>
<li><a href="/">Fixtures & Results</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-4" id="accordion-button-4" tabindex="-1">Para</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-4" role="region" aria-labelledby="accordion-button-4" hidden="">
<li><a href="/">Home</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-9" id="accordion-button-9" tabindex="-1">Play</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-9" role="region" aria-labelledby="accordion-button-9" hidden="">
<li><a href="/">Home</a></li>
</ul>
</li>
<li class="site-navigation__promos">
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">Tickets</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">England Store</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">Interactive Timeline</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">My England Football</a>
</li>
</ul>
</div>
</li>
<li class="site-navigation__level1">
<button class="site-navigation__main-tab" aria-controls="play" aria-haspopup="true" aria-expanded="false" role="menu">Play
& Participate</button>
<div class="site-navigation__level2-wrapper" id="play">
<ul class="site-navigation__level2">
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-5" id="accordion-button-5" tabindex="-1">Play</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-5" role="region" aria-labelledby="accordion-button-5" hidden="">
<li><a href="/">Home</a></li>
<li><a href="/">Adult</a></li>
<li><a href="/">Kids</a></li>
<li><a href="/">Women & Girls</a></li>
<li><a href="/">Disability</a></li>
<li><a href="/" class="link-external">England Supports Travel Club</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-6" id="accordion-button-6" tabindex="-1">Learn</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-6" role="region" aria-labelledby="accordion-button-6" hidden="">
<li><a href="/" class="link-external">The Bootroom</a></li>
<li><a href="/" class="link-external">Courses</a></li>
<li><a href="/" class="link-external">Session Plans</a></li>
<li><a href="/" class="link-external">Coach Community</a></li>
<li><a href="/" class="link-external">Safeguarding</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-7" id="accordion-button-7" tabindex="-1">Volunteer</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-7" role="region" aria-labelledby="accordion-button-7" hidden="">
<li><a href="/">Home</a></li>
<li><a href="/" class="link-external">Safeguarding</a></li>
</ul>
</li>
<li>
<button class="site-navigation__section-heading accordion-trigger" aria-expanded="false" aria-controls="accordion-section-8" id="accordion-button-8" tabindex="-1">Explore</button>
<ul class="site-navigation__level3 accordion-section" id="accordion-section-8" role="region" aria-labelledby="accordion-button-8" hidden="">
<li><a href="/">Home</a></li>
<li><a href="/">Helpful Apps & Websites</a></li>
<li><a href="/">Respect</a></li>
<li><a href="/">Grassroots Awards</a></li>
<li><a href="/">County FAs</a></li>
<li><a href="/">COVID-19 Guidane</a></li>
<li><a href="/">The Football Foundation</a></li>
</ul>
</li>
<li class="site-navigation__promos">
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">Find Football</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">Platform for Football</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">Matchday app</a>
<a href="/" class="site-navigation__promo" style="background-image: url(/assets/example-content/nav-promo-store.jpg)">My England Football</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="site-navigation__mobile-prompt">
Please select either England Teams or Play & Participate for navigation options
</div>
</nav>
<div class="container__content b2c-nav-container">
<div class="site-signin">
<a href="#"><span class="mob-only">Sign in/Up</span><span class="desktop-only">Sign in</span></a>
<span class="desktop-only">or</span>
<a class="site-register" href="#">Register Now</a>
</div>
</div>
</div>
</header>
<footer class="footer-section">
<section class="container">
<div class="footer-socialsection">
<nav class="footer-subnav">
<ul>
<li><a target="_blank" href="#">Contact Us</a></li>
<li><a target="_blank" href="#">Privacy policy</a></li>
<li><a target="_blank" href="/#">Terms of use</a></li>
<li><a href="#">Anti-Slavery</a></li>
<li><a tabindex="0">Cookie Settings</a></li>
</ul>
</nav>
</div>
<div class="footerstrip">
<div class="footer-icons">
<img src="/assets/images/fa.png" alt="" />
<img src="/assets/images/ef_logo.png" alt="" />
<img src="/assets/images/england_crest.png" alt="" />
</div>
</div>
</section>
<div class="footer-bottom">
<span>The Football Association © 2001 - 2021 - All Rights Reserved</span>
</div>
</footer>
</body>
<script src="../../scripts/main.js"></script>
<script src="//secure.widget.cloud.opta.net/v3/v3.opta-widgets.js"></script>
<script>
var opta_settings = {
subscription_id: 'da939516b450292833901c0d38b3e825',
language: 'en_GB',
timezone: 'Europe/London'
};
</script>
</html>
No notes defined.
/* No context defined. */
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Preview Layout</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="//secure.widget.cloud.opta.net/v3/css/v3.football.opta-widgets.css">
<link rel="stylesheet" href="{{ path '/styles/main.css' }}">
<script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://cdn.jsdelivr.net/gh/nuxodin/ie11CustomProperties@4.1.0/ie11CustomProperties.min.js"><\/script>');</script>
</head>
<body data-brand="legends">
{{render '@navigation'}}
{{{ yield }}}
{{render '@footer'}}
</body>
<script src="{{path '/scripts/main.js'}}"></script>
<script src="//secure.widget.cloud.opta.net/v3/v3.opta-widgets.js"></script>
<script>
var opta_settings = {
subscription_id: 'da939516b450292833901c0d38b3e825',
language: 'en_GB',
timezone: 'Europe/London'
};
</script>
</html>