<!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>

    <!-- Start Data Layer -->
    <script>
        window.dataLayer = [];
        var dataLayerPageName = 'England Football Landing page'; //Name of the page
        var dataLayerPageUrl = 'https://www-test.englandfootball.com';
        var dataLayerPageType = 'Home page'; //Other Ex: News Page, Home page, Videos, etc
        var dataLayerLoginType = 'FAN'; //‘<Prospect/Customer>’,
    </script>
    <!-- End Data Layer -->

    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl + '&gtm_auth=FKvPd_QP43aE94WBVX3E_g&gtm_preview=env-5&gtm_cookies_win=x';
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-KT4SPMT');
    </script>
    <!-- End Google Tag Manager -->

</head>

<body>
    <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 &amp; 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 &amp; 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 &amp; 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
                            &amp; 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 &amp; 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 &amp; 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 &amp; 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>

    <div id="main-content" data-brand=""></div>
</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>


  <!-- Start Data Layer -->
  <script>
    window.dataLayer = [];
    var dataLayerPageName = 'England Football Landing page'; //Name of the page
    var dataLayerPageUrl = 'https://www-test.englandfootball.com';
    var dataLayerPageType = 'Home page'; //Other Ex: News Page, Home page, Videos, etc
    var dataLayerLoginType = 'FAN'; //‘<Prospect/Customer>’,
  </script>
  <!-- End Data Layer -->

  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl + '&gtm_auth=FKvPd_QP43aE94WBVX3E_g&gtm_preview=env-5&gtm_cookies_win=x'; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KT4SPMT');</script>
  <!-- End Google Tag Manager -->

</head>

<body>
  {{render '@navigation--signed-in'}}
  <div id="main-content" data-brand="{{brand}}">{{{ yield }}}</div>
</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>