England Football

County Fas Result List 

<div class="county-fas-result-list">
    <div class="county-fas-result-list__list">
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result " data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result showhide" data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result showhide" data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result showhide" data-behaviour="county-fas-result">
            <div class="county-fas-result__inner">
                <div class="county-fas-result__inner--logo">
                    <img src="/assets/example-content/cpd-logo.svg" alt="">
                    <div class="county-dist">35M</div>
                </div>
                <div class="county-fas-result__inner--details">
                    <h3 class="county-name">Gloucestershire FA</h3>
                    <p>Contact Details</p>
                    <div class="phone-number">01606 871166</div>
                    <div class="mail-id"><span>CoachDevelopment@gloud.com</span></div>
                </div>
                <a href="/" class="cta cta--efl  view-cpd-opportunities" tabindex="0">View CPD Opportunities</a>

            </div>
        </div>
        <div class="county-fas-result-list__show-more-card">
            <button class="show-more mobile">SHOW MORE COUNTY FAs</button>
        </div>
    </div>
    <button class="show-more">Show More</button>
</div>

No notes defined.

{
  "courses": [
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      }
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      },
      "showHide": true
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      },
      "showHide": true
    },
    {
      "distance": 35,
      "venueName": "Gloucestershire FA",
      "img": "/assets/example-content/cpd-logo.svg",
      "phonenumber": "01606 871166",
      "mailid": "CoachDevelopment@gloud.com",
      "view-cpd-opportunities": {
        "copy": "View CPD Opportunities",
        "modifier": "efl",
        "additionalClass": "view-cpd-opportunities"
      },
      "showHide": true
    }
  ]
}
 
<div class="county-fas-result-list">
    <div class="county-fas-result-list__list">
        {{#each courses}}
        {{render '@county-fas-result' this merge="true"}}
        {{/each}}
        <div class="county-fas-result-list__show-more-card">
            <button class="show-more mobile">SHOW MORE COUNTY FAs</button>
        </div>
    </div>
    <button class="show-more">Show More</button>
</div>