<div class="common-template article-page">
    <div class="news-container common-template__news-container">

        <div class="article-page__header">
            <div class="published-date">Published 05 March 2021<span>4 minutes read</span></div>
            <div class="article-page__header--tag">First team</div>
            <h1 class="heading-section ">Gareth Southgate&#x27;s tribute to junior game as he lauds emergence of attacking talent</h1>
            <div class="article-page__header--author">
                <p>Written by:</p>
                <p>FA Communications department</p>
            </div>
        </div>

    </div>

    <!-- <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>
 -->
    <a class="large-signpost-video " data-behavior="video-lightbox" data-video-id="M7lc1UVf-VE" data-poster-image="" tabindex="0">
        <img class="large-signpost-video__img" src="/assets/example-content/large-signpost-video.png" alt="">
        <div class="large-signpost-video--gradient"></div>
        <div class="large-signpost-video__overlay ">
            <h3 class="large-signpost-video__title" tabindex="0">
                Day 03:
                training with the lions
                at st georges park
            </h3>
            <div class="large-signpost-video__datetimewrapper">
                <div class="large-signpost-video__datetimewrapper--time">
                    <i class="clock"></i>
                    3:32 <span> video</span>
                </div>
                <div class="large-signpost-video__datetimewrapper--date">
                    11 Oct 2020
                </div>
            </div>
        </div>
    </a>

    <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>Three Lions boss Gareth Southgate admits he’s been left excited by the emergence of more young English attacking talent this season.</p>
        </div>

        <div class="rte-content rte-content--normal">
            <p>It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League.</p>
            <p>While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame.</p>
            <p>And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player.</p>
        </div>

        <div class="quotation-block">
            <q class="quotation-block--quote">It&#x27;s impossible to please everybody all of the time, but you just have to believe that you&#x27;re making decisions for the right reasons</q>
            <p class="quotation-block--source">Gareth Southgate // England Manager</p>
        </div>

    </div>

    <section class="large-video-player container">
        <div class="large-video-player__inner container__content">
            <h2 class="heading-section">Latest Videos</h2>
            <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>

    <div class="news-container common-template__news-container">

        <div class="rte-content rte-content--normal">
            <p>It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League.</p>
            <p>While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame.</p>
            <p>And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player.</p>
        </div>

        <div class="rte-content rte-content--normal">
            <p>It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League.</p>
            <p>While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame.</p>
            <p>And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player.</p>
        </div>

        <figure class="image-with-caption">
            <picture>
                <source media="(max-width: 800px)" srcset="/assets/example-content/image-with-caption-mob.jpg">
                <source media="(min-width: 801px)" srcset="/assets/example-content/image-with-caption.jpg">
                <img src="/assets/example-content/image-with-caption.jpg" alt="">
            </picture>
            <figcaption>Southgate chats to Bukayo Sako in training last November, after the Arsenal plater became one of the latest young players to join the squad.</figcaption>
        </figure>

        <div class="rte-content rte-content--normal">
            <p>It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League.</p>
            <p>While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame.</p>
            <p>And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player.</p>
        </div>

        <div class="rte-content rte-content--normal">
            <p>It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League.</p>
            <p>While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame.</p>
            <p>And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player.</p>
        </div>

        <a href="/" class="cta cta--primary ">
            <p>Call to action</p>
        </a>

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

    <section class="container image-gallery">
        <h3 class="image-gallery__heading">England&#x27;s Euro 2020 adventure in pictures</h3>
        <div class="container__content">
            <div class="carousel-container">
                <div class="carousel" data-behavior="carousel-image-gallery">
                    <div data-glide-el="track">
                        <ul class="glide__slides">
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-01.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-02.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-03.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-04.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-05.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-06.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                            <li>
                                <a class="image-gallery__link">
                                    <img class="image-gallery__img" src="/assets/example-content/example-carousel-image-05.png" alt="">
                                    <div class="image-gallery__caption">England 1-0 Croatia, June 13, 2021 - England started their Euro 2020 campaign by righting a few wrongs, with Raheem Sterling sealing an opening-day victory over 2018 World Cup conquerors Croatia at a jubilant Wembley.Photo by Glyn Kirk/Pool/AFP via Getty Images</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="image-gallery__navigation" data-glide-el="controls">
                        <button aria-label="Previous" class="image-gallery__cta image-gallery__cta--prev" data-glide-dir="<"><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="image-gallery__cta image-gallery__cta--next" data-glide-dir=">"><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 class="image-gallery__totalslides">
                        <span class="image-gallery__totalslides--count">01/10</span>
                    </div>
                    <div class="carousel-nav-block">
                        <div class="carousel-nav-wrapper">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="row-container common-template__row-container">
        <section class="related-news-section">
            <!-- latest news comes here -->
        </section>
        <a class="large-signpost-article " href="#">
            <img class="large-signpost-article__img" src="/assets/example-content/large-signpost-article.png" alt="">
            <div class="large-signpost-article--gradient"></div>
            <div class="large-signpost-article__overlay ">
                <h3 class="large-signpost-article__title">&#x27;Playing as a kid were the best times of my life&#x27;</h3>
                <div class="large-signpost-article__tag">
                    <p>11 Oct 2020 <span>|</span> 5 min read</p>
                </div>
            </div>
        </a>

    </div>
</div>

No notes defined.

{
  "rte-lead": {
    "content": [
      {
        "text": "Three Lions boss Gareth Southgate admits he’s been left excited by the emergence of more young English attacking talent this season."
      }
    ]
  },
  "rte-text1": {
    "content": [
      {
        "text": "It’s been almost three months since the England squad were together as a group last November and as he starts to look towards picking his next squad ahead of this month’s European Qualifiers, there’s been some eye-catching performances in the Premier League."
      },
      {
        "text": "While the likes of Jack Grealish, Mason Mount and Phil Foden started to establish themselves in the senior set up last autumn, there’s now a growing queue of players who have started to put themselves in the frame."
      },
      {
        "text": "And it’s left Southgate enthused about the future and also enamoured with how the grassroots game in England is starting to foster a different profile of player."
      }
    ]
  },
  "call-to-action-cta": {
    "href": "/",
    "copy": "Call to action"
  },
  "related-news": {
    "copy": "Related news"
  }
}
  • Content:
    // 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.
    // We can use the same approach with the CTA component.
    
    .article-page {
      .share {
        margin: 0 auto;
        // TODO: I don't think width or margin-top are needed.
        width: 30rem;
        margin-top: 6.5rem;
    
        .share__native {
          margin: 0 auto;
        }
      }
      .cta {
        margin: 0 auto;
        min-width: 30rem;
      }
      //TODO: I haven't seen a tabbed carousel in article, but we should be able
      // to control the margins using our containers?
      .tabbed-carousel {
        margin-top: 3rem;
      }
    }
    
  • URL: /components/raw/article-page/article-page.scss
  • Filesystem Path: src/library/pages/article-page/article-page.scss
  • Size: 784 Bytes
<div class="common-template article-page">
  {{#> @news-container}}
    {{render '@article-header'}}
  {{/ @news-container}}

  <!-- {{render '@hero-image-banner--default'}} -->
  {{render '@large-signpost-video'}}

  {{#> @news-container}}
    {{render '@share'}}
    {{render '@rte--rte-lead' rte-lead merge=true}}
    {{render '@rte' rte-text1 merge=true}}
    {{render '@quotation-block'}}
  {{/ @news-container}}

  {{render '@large-video-player'}}

  {{#> @news-container}}
    {{render '@rte' rte-text1 merge=true}}
    {{render '@rte' rte-text1 merge=true}}
    {{render '@image-with-caption'}}
    {{render '@rte' rte-text1 merge=true}}
    {{render '@rte' rte-text1 merge=true}}
    {{render '@cta' call-to-action-cta merge="true"}}
    {{render '@share'}}
  {{/ @news-container}} 

  {{render '@image-gallery'}}

  {{#> @row-container}}
    <section class="related-news-section">
      <!-- latest news comes here -->
    </section>
    {{render '@large-signpost-article'}}
  {{/ @row-container}}
</div>