England Football

Membership Signpost 

<!-- Default -->
<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="">
        </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>


<!-- With Button -->
<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="">
        </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>


<!-- With Invert Layout And Button -->
<section class="signpost membership-signpost  membership-signpost--invert   ">

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


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


<!-- Without Cta -->
<section class="signpost membership-signpost   ">

    <div class="signpost__outer">
        <div class="signpost__image-wrapper">
            <img 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 />
        </div>
    </div>
</section>


<!-- Efl Promotional White -->
<section class="signpost membership-signpost   membership-signpost--efl-promotional membership-signpost--efl-promotional-white">

    <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"> Here’s a powerful tag line about futsal coaching </p>
            <p class="signpost__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
            <hr />
            <span class="cta cta--primary">Sign Up Now</span>

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


<!-- Efl Promotional Grey -->
<section class="signpost membership-signpost   membership-signpost--efl-promotional membership-signpost--efl-promotional-grey">

    <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"> Here’s a powerful tag line about futsal coaching </p>
            <p class="signpost__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
            <hr />
            <span class="cta cta--primary">Sign Up Now</span>

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

No notes defined.

/* Default */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "England Football members get  access to home tickets 48 hours before general sale",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  }
}


/* With Button */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "England Football members get  access to home tickets 48 hours before general sale",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  }
}


/* With Invert Layout And Button */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "England Football members get  access to home tickets 48 hours before general sale",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  },
  "invert-layout": true
}


/* Branded */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "England Football members get  access to home tickets 48 hours before general sale",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  },
  "branded": true
}


/* Without Cta */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "England Football members get  access to home tickets 48 hours before general sale",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  },
  "ctaVisible": false
}


/* Efl Promotional White */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "Here’s a powerful tag line about futsal coaching",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  },
  "ctaVisible": true,
  "eflPromotionalBranding": true,
  "copy": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
}


/* Efl Promotional Grey */
{
  "variant": "membership-signpost",
  "heading": "Incredible Prizes",
  "subheading": "Here’s a powerful tag line about futsal coaching",
  "cta": {
    "copy": "Sign Up Now",
    "href": "#",
    "modifier": "primary",
    "disabled": true
  },
  "ctaVisible": true,
  "eflPromotionalBranding": true,
  "eflGrey": true,
  "copy": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
}


{{render '@signpost' this merge=true}}