<div class="page-wrapper efl-article-page">
<section class="efl-hero-banner without-image" data-behavior="efl-hero-banner">
<div class="efl-hero-banner__wrapper">
</div>
</section>
<div class="efl-page-content">
<div class="efl-page-content__tray">
<!-- two column block -->
<div class="efl-column-layout efl-column-layout--two">
<div class="efl-column-layout__col">
<!-- left column content -->
</div>
<div class="efl-column-layout__col">
<!-- right column content -->
</div>
</div>
</div>
</div>
<div class="efl-page-content__dynamic-placeholder">
<!-- below placeholders are dynamic we need to update based on component-->
<!-- full width column block -->
<div class="efl-column-layout efl-column-layout--one full-width">
<div class="course-venue-list" data-behaviour="course-venue-list" data-venue-json=''>
<div class="course-venue-list__container">
<h1 class="course-venue-list__heading">[Course Name] Courses Near [Postcode]</h1>
<h2 class="course-venue-list__subheading">All courses cost [price]</h2>
<div class="course-venue-list__totalcourses">10 Results</div>
<div class="course-venue-list__sortby">
<a class="course-venue-list__sortby--label" rel="button" tabindex="0" aria-labelledby="venue-sortby">
<span class="label">Sort by</span>
<span class="filter">Distance</span>
</a>
<div aria-expanded="false" role="list" class="course-venue-list__sortby--list">
<ul>
<li tabindex="0" data-value="Date">Date(Earliest To Latest)</li>
<li tabindex="0" data-value="Distance">Distance(Nearest To Furthest)</li>
</ul>
</div>
<select class="course-venue-list__sortby--select">
<option value="Date">Date(Earliest To Latest)</option>
<option value="Distance">Distance(Nearest To Furthest)</option>
</select>
</div>
<div class="course-venue-list__list">
<div class="course-venue-individual hidden" data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Monday 05 Feb 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">35M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">VenueName 1</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Saturday 02 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">29M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">E Blackpool Jepson Way, FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Friday 01 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">30M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">C Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Saturday 16 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">31M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">J Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Wednesday 16 Mar 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">31M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">K Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Saturday 02 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">33M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">D Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Friday 15 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">35M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">I Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Friday 01 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">37M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">F Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Tuesday 05 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">38M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">AFC Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Monday 11 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">39M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">G Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual showhide " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Saturday 09 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">38M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">H Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
<div class="course-venue-individual showhide " data-behaviour="course-venue-item">
<div class="course-venue-individual__inner">
<div class="course-venue-individual__information">
<div>
<h3 class="venue-dt">Friday 08 Apr 2022</h3>
</div>
<div class="course-venue-individual__distance venue-dist">318M</div>
</div>
<div class="course-venue-individual__information">
<div>
<p>Address</p>
<h3>
<div class="venue-name">B Blackpool Jepson Way,FY4 5DY</div>
</h3>
</div>
</div>
<div class="course-venue-individual__showhide">
<div class="schedule-cta" role="button" tabindex="0" aria-label="show schedule" aria-expanded="false" aria-level="expand" data-show="Show Schedule" data-hide="Hide Schedule">
<p>Show Schedule</p>
</div>
</div>
<div aria-expanded="false" class="course-venue-individual__content">
<div class="course-venue-individual__days">
<h3>Day One</h3>
<p>
<span class="venue-sche-dt">Wednesday 12 Sep</span>
<span class="middle-seperator">|</span>
<span class="venue-sche-time">5:00 PM - 6:00PM</span>
</p>
</div>
<div class="note">
<h3>
+ Blended Learning, Face to Face online with Teachers, Webinars & Journalling
</h3>
</div>
</div>
<a href="/" class="cta cta--efl " tabindex="0">Sign in to book course</a>
</div>
<footer>
<h5 class="venue-space">Few spaces left</h5>
</footer>
</div>
</div>
<div class="efl-loading"><span class="loader"></span><span class="efl-logo"></span>
</div>
<button class="course-venue-list__show-more">Load More</button>
</div>
</div>
<section class="signpost membership-signpost ">
<a href="#" class="signpost__outer">
<div class="signpost__image-wrapper">
<img class="zoom-in" src="/assets/example-content/membership-signpost.png" alt="membership signpost">
</div>
<div class="signpost__info">
<h3 class="signpost__heading">Can't Find What You're Looking For?</h3>
<p class="signpost__subheading">Start a new search and change your location criteria.</p>
<hr />
<span class="cta cta--primary " id="find-course-near-me" tabindex="0">CHANGE LOCATION</span>
</div>
</a href="#">
</section>
<div class="find-courses hidden" data-redirect-url="/components/preview/efl-venue-results-page" data-course-name="W1VC" data-radius="25" data-behaviour="bing-map-search" data-course-blockid="" data-course-isprocourse="False">
<button class="lightbox-overlay__close" id="close">
<span class="visually-hidden">Close dialog</span>
</button>
<div class="find-courses__image-wrapper">
<img src="/assets/example-content/find-courses-bg.png" loading="lazy">
</div>
<div class="find-courses__search">
<div class="find-courses__search--pin"></div>
<div class="steps search-step-1">
<div class="default-steps">
<h2>Let’s find a course</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vestibulum</p>
</div>
<div class="error-steps hidden">
<h2>Sorry, no courses found</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vestibulum.
<a href="/" target="_blank" class="contactus">Contact Us</a>
</p>
</div>
<a href="/" class="cta cta--primary location-denied hidden" id="location-denied" tabindex="0">location blocked by browser</a>
<a href="/" class="cta cta--primary current-location-found hidden" id="current-location-found" tabindex="0">Location found</a>
<a href="/" class="cta cta--primary use-current-location" id="use-current-location" tabindex="0">Use Current location</a>
<a href="/" class="cta cta--secondary enter-postcode" id="enter-postcode" tabindex="0">Enter postcode</a>
</div>
<div class="steps search-step-2 hidden">
<h2>Let’s find a course near you</h2>
<div class="find-courses__postcode">
<div id="searchBoxContainer">
<input type="text" id="searchBox" class="find-courses__postcode-input" placeholder="Enter your postcode" autocomplete="off" />
</div>
</div>
<a href="/" class="cta cta--primary postcode-search" id="postcode-search" tabindex="0">Search</a>
</div>
<div class="steps search-step-3 hidden">
<h2>Searching...</h2>
<div class="loading">
<div class="loader"></div>
<div class="efl-logo"></div>
</div>
</div>
</div>
</div>
</div>
<!-- minimum width column block -->
<div class="efl-column-layout efl-column-layout--one">
<!-- minimum width content -->
</div>
<!-- two column block -->
<div class="efl-column-layout efl-column-layout--two">
<div class="efl-column-layout__col">
<!-- left column content -->
</div>
<div class="efl-column-layout__col">
<!-- right column content -->
</div>
</div>
</div>
</div>
No notes defined.
{
"change-location": {
"variant": "membership-signpost",
"heading": "Can't Find What You're Looking For?",
"subheading": "Start a new search and change your location criteria.",
"cta": {
"copy": "CHANGE LOCATION",
"href": "#",
"modifier": "primary",
"id": "find-course-near-me",
"disabled": true
}
}
}
<div class="page-wrapper efl-article-page">
{{render '@efl-hero-banner--article-without-image' efl-hero-banner merge=true}}
<div class="efl-page-content">
<div class="efl-page-content__tray">
<!-- two column block -->
<div class="efl-column-layout efl-column-layout--two">
<div class="efl-column-layout__col">
<!-- left column content -->
</div>
<div class="efl-column-layout__col">
<!-- right column content -->
</div>
</div>
</div>
</div>
<div class="efl-page-content__dynamic-placeholder">
<!-- below placeholders are dynamic we need to update based on component-->
<!-- full width column block -->
<div class="efl-column-layout efl-column-layout--one full-width">
{{render '@course-venue-list'}}
{{render '@membership-signpost' change-location merge="true"}}
{{render '@find-courses'}}
</div>
<!-- minimum width column block -->
<div class="efl-column-layout efl-column-layout--one">
<!-- minimum width content -->
</div>
<!-- two column block -->
<div class="efl-column-layout efl-column-layout--two">
<div class="efl-column-layout__col">
<!-- left column content -->
</div>
<div class="efl-column-layout__col">
<!-- right column content -->
</div>
</div>
</div>
</div>