<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">Course Availability</h3>
            <p class="signpost__subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vestibulum lectus a diam sagittis imperdiet. Donec sagittis mauris at nunc posuere, eu congue massa mollis.</p>

            <hr />
            <span class="cta cta--primary " id="find-course-near-me" tabindex="0">Sign Up Now</span>

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

No notes defined.

{
  "variant": "membership-signpost",
  "heading": "Course Availability",
  "subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vestibulum lectus a diam sagittis imperdiet. Donec sagittis mauris at nunc posuere, eu congue massa mollis.",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "id": "find-course-near-me",
    "disabled": true,
    "additionalClass": ""
  }
}
{{render '@signpost' this merge=true}}