<div class="common-template profile-page">
    <div class="profile-page-header-tab">
        <ul role="tablist" class="efl-learner-profile-tab">
            <li>
                <a href="/" role="tab" tabindex="0">
                    Travel Club Bio</a>
            </li>

        </ul>
    </div>
    <section class="profile-page-header-banner">
        <picture>
            <source media="(max-width: 744px)" srcset="/assets/example-content/profile-page-header-marble-mob.svg">
            <source media="(max-width: 1280px)" srcset="/assets/example-content/profile-page-header-marble-tab.svg">
            <source media="(min-width: 1280px)" srcset="/assets/example-content/profile-page-header-marble.svg">
            <img class="background-marble" src="/assets/example-content/profile-page-header-marble.svg" alt="">
        </picture>

        <div class="profile-page-header-banner__wrapper">
            <picture>
                <source media="(max-width: 744px)" srcset="/assets/example-content/profile-page-header-left-mob.png">
                <source media="(max-width: 1280px)" srcset="/assets/example-content/profile-page-header-left-tablet.svg">
                <source media="(min-width: 1280px)" srcset="/assets/example-content/profile-page-header-left.svg">
                <img class="left-overlay-image" src="/assets/example-content/profile-page-header-left.svg" alt="">
            </picture>
            <picture>
                <source media="(max-width: 744px)" srcset="/assets/example-content/profile-page-header-right-mob.png">
                <source media="(max-width: 1280px)" srcset="/assets/example-content/profile-page-header-right-tablet.svg">
                <source media="(min-width: 1280px)" srcset="/assets/example-content/profile-page-header-right.svg">
                <img class="right-overlay-image" src="/assets/example-content/profile-page-header-right.svg" alt="">
            </picture>
        </div>
        <div class="profile-page-header-banner__overlay">
            <div class="profile-page-header-banner__content">
                <div class="profile-page-header-banner__content--logo">
                    <img src=/assets/example-content/profile-page-header-logo.svg>
                </div>
                <div class="profile-page-header-banner__content--heading">
                    <div class="profile-page-header-banner__content--heading__title">
                        <span>England Supporters Travel Club</span>
                    </div>
                    <div class="profile-page-header-banner__content--heading__subtitle">
                        <span>Gareth Young | 3453245432523 | Member since 2016</span>
                        <span>Exclusive access to away and tournament fixtures</span>
                        <span>Exclusive entry to competitions, e-newsletters and much more</span>
                    </div>
                    <div class="profile-page-header-banner__content--heading__btn">
                        <a href="/" class="cta cta--r-primary ">
                            <p>Get Membership</p>
                        </a>

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

    <div class="profile-page__body">
        <div class="profile-info-card">
            <div class="profile-info-card__header">
                <div class="profile-info-card__header__title">NUMBER OF Caps EARNED</div>
            </div>
            <div>
                <section class="profile-page-total-caps">
                    <div class="profile-page-total-caps__wrapper">
                        <picture>
                            <source media="(max-width: 744px)" srcset="/assets/example-content/lion-mob.png">
                            <source media="(max-width: 1080px)" srcset="/assets/example-content/lion-tablet.png">
                            <source media="(min-width: 1080px)" srcset="/assets/example-content/lion-desktop.png">
                            <img class="background-lion" src="/assets/example-content/lion-desktop.png" alt="">
                        </picture>
                        <div class="profile-page-total-caps__overlay">

                            <div class="profile-page-total-caps__content">
                                <div class="profile-page-caps">
                                    <div class="number">32</div>
                                    <div class="subtitle">TOTAL CAPS<span class="asterisk">*</span></div>
                                </div>
                                <div class="profile-page-total-caps__content--star">
                                </div>
                                <div class="profile-page-caps">
                                    <div class="number">32</div>
                                    <div class="subtitle">TOTAL CAPS<span class="asterisk">*</span></div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="profile-page-total-caps__renewal">
                        <span>*2 bonus caps for renewing your ESTC membership for three consecutive years</span>
                    </div>
                </section>
            </div>
            <div>
                <div class="caps-details">
                    <div class="caps-details__container">
                        <div class="caps-details--row">
                            <p class="caps-details--text">
                                <sapn class="caps-details--heighlight">730</sapn> people have <sapn class="caps-details--heighlight">49
                                </sapn> caps or more
                            </p>
                            <p class="caps-details--text">
                                <sapn class="caps-details--heighlight">718
                                </sapn> are England Supporters
                                Travel Club members
                            </p>
                            <p class="caps-details--text">
                                <sapn class="caps-details--heighlight">12</sapn>
                                are England Supporters
                                Club members
                            </p>
                        </div>
                    </div>
                    <div class="caps-details__table-container">
                        <div class="cta-container">
                            <a href="/" class="cta cta--quaternary">
                                <p>
                                    cta
                                </p>
                            </a>
                        </div>

                        <div class="collapsible-content-element">
                            <div class="profile-page--caps-table">
                                <div class="caps-table-component">

                                    <div class="caps-table--container">

                                        <table class="caps-table" data-first-ballot="70%" data-second-ballot="mini ballot" data-third-ballot="30%">
                                            <thead>
                                                <tr>
                                                    <th>
                                                        <p class="caps-table--title">Caps</p>
                                                        <p class="caps-table--sub-title">Number of caps earned since June 2022.</p>
                                                    </th>
                                                    <th>
                                                        <p class="caps-table--title">Total Members</p>
                                                        <p class="caps-table--sub-title">Total count of members who have earned this number of caps.</p>
                                                    </th>
                                                    <th>
                                                        <p class="caps-table--title">ESC Members</p>
                                                        <p class="caps-table--sub-title">Members who have earned this number of caps.</p>
                                                    </th>
                                                    <th>
                                                        <p class="caps-table--title">ESTC Members</p>
                                                        <p class="caps-table--sub-title">Travel Club members who have earned this number of caps.</p>
                                                    </th>
                                                    <th>
                                                        <p class="caps-table--title">Total Above</p>
                                                        <p class="caps-table--sub-title">Total of this caps level and above</p>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="empty-tr"></tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <th>33</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>2,00</td>
                                                </tr>
                                                <tr>
                                                    <th>32</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>3,00</td>
                                                </tr>
                                                <tr>
                                                    <th>31</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>4,00</td>
                                                </tr>
                                                <tr>
                                                    <th>30</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>5,00</td>
                                                </tr>
                                                <tr>
                                                    <th>29</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>6,00</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>7,00</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>8,00</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>9,00</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1,000</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1,100</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1,200</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1,300</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1,400</td>
                                                </tr>
                                                <tr>
                                                    <th>34</th>
                                                    <td>809</td>
                                                    <td>3</td>
                                                    <td>806</td>
                                                    <td>1500</td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                    <div class="enter-away-application">
                                        <p class="enter-away-application--title">Enter Away Allocation</p>
                                        <div class="enter-away-application--input-container">
                                            <input class="enter-away-application--input" type="number" min="0" inputmode="numeric" placeholder="Enter ticket allocation" />
                                            <img aria-describedby="tooltip" src="./../../../assets/example-content/info-icon.svg" class="info-tooltip" alt="info icon" />
                                            <div id="tooltip" role="tooltip" class="info-tooltip-text">Enter the total number of allocated tickets for
                                                an away fixture. We’ll calculate and highlight which cap levels are
                                                guaranteed to receive a ticket and which levels will be entered into a second ballot.
                                                <div id="arrow" data-popper-arrow></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="caps-table-component__caption-container">
                                        <p>Special thanks to ESTC members <span class="members">Matt Isle</span> and <span class="members">David Lilley
                                            </span> for their valuable
                                            contributions and inspiration behind
                                            this
                                            enhanced caps table.</p>

                                        <p>This calculator is for illustrative purposes only. Actual chances of securing a ticket may vary based on
                                            final
                                            allocations and demand.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <div class="profile-info-card">
            <div class="profile-info-card__header">
                <div class="profile-info-card__header__title">NUMBER OF Caps EARNED</div>
            </div>
            <div class="profile-page__match-attended">

                <article class="fixture-card fixture-card__attended-match " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                        <span class="fixture-detail-extra-span last-match-fixture-detail__extra-info fixture-detail__extra-info">
                            this is extra details
                        </span>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <article class="fixture-card fixture-card__attended-match   profile-page-hide " class="fixture-card fixture-card__attended-match profile-page_hide">
                    <div class="fixture-card__fixture-info">
                        <h3 class="fixture-card__tournament">fifa world cup qatar 2022 Euro qualifier
                        </h3>
                        <span class="fixture-card__round">Round of 16</span>
                        <p class="fixture-card__location">Khalifa International Stadium</p>
                        <p>Thurs 20th Feb <span class="fixture-card__pipe">|</span> <span>20:00 GMT</span></p>
                    </div>

                    <div>
                        <div class="fixture-detail">
                            <p class="visually-hidden">Fixture</p>
                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-england.svg" alt="" />England</span>
                            </p>

                            <p class="fixture-detail__col">
                                <span class="fixture-detail__team">
                                    <img src="/assets/example-content/crest-iceland.png" alt="" />Denmark</span>
                            </p>

                            <div class="score-container">
                                <div class="score">
                                    <span class="score-1">1</span>
                                    <span class="score-separator">-</span>
                                    <span class="score-2">2</span>
                                </div>
                                <p class="last-match-fixture-detail__extra-info fixture-detail__extra-info">
                                    <abbr title="FULL TIME">FT</abbr>
                                </p>

                            </div>

                        </div>
                    </div>

                    <div class="fixture-card__ctas">
                        <a href="/components/preview/article-page" class="cta cta--secondary " name="match-report">
                            <p>Match report &amp; highlights</p>
                        </a>

                    </div>
                </article>

                <div class="attendedMatched-load-more">
                    <a href="/" class="cta cta--primary ">
                        <p>Primary CTA</p>
                    </a>

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

        <section class="signpost membership-signpost   membership-signpost--branded">

            <a href="#" class="signpost__outer">
                <div class="signpost__image-wrapper">
                    <img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="">
                </div>
                <div class="signpost__info">
                    <h3 class="signpost__heading"> Incredible Prizes </h3>
                    <p class="signpost__subheading"> England Football members get access to home tickets 48 hours before
                        general
                        sale </p>

                    <hr />
                    <span class="cta cta--primary">Sign Up Now</span>

                </div>
            </a href="#">
        </section>
    </div>
</div>

No notes defined.

{
  "results": [
    {
      "sno": 1
    },
    {
      "sno": 2
    },
    {
      "sno": 3,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 4,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 5,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 6,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 7,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 8,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 9,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 10,
      "hide": true,
      "extraDetail": "this is extra details"
    },
    {
      "sno": 11,
      "hide": true
    },
    {
      "sno": 12,
      "hide": true
    },
    {
      "sno": 12,
      "hide": true
    }
  ]
}
<div class="common-template profile-page">
  {{render '@profile-page-header-tab'}}
  {{render '@profile-page-header-banner'}}
  <div class="profile-page__body">
    {{#> @profile-info-card}}
    <div>
      {{render '@profile-page-total-caps'}}
    </div>
    <div>
      {{render '@caps-details'}}
    </div>

    {{/ @profile-info-card}}
    {{#> @profile-info-card}}
    <div class="profile-page__match-attended">

      {{#each this.results}}
      {{ render '@fixture-card--attended-match' this merge="true" }}
      {{/each}}

      {{#each this.lagecy}}

      {{render '@fixture-card--lagecy' this merge="true"}}

      {{/each}}

      <div class="attendedMatched-load-more">
        {{render '@cta'}}
      </div>
      </div>
      {{/ @profile-info-card}}


    <section class="signpost membership-signpost   membership-signpost--branded">

      <a href="#" class="signpost__outer">
        <div class="signpost__image-wrapper">
          <img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="">
        </div>
        <div class="signpost__info">
          <h3 class="signpost__heading"> Incredible Prizes </h3>
          <p class="signpost__subheading"> England Football members get access to home tickets 48 hours before
            general
            sale </p>

          <hr />
          <span class="cta cta--primary">Sign Up Now</span>

        </div>
        </a href="#">
        </section>
        </div>
</div>