England Football

Signpost 

<section class="signpost signpost--small   ">

    <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"> Visit the England store </h3>
            <p class="signpost__subheading"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta </p>

            <hr />
            <a href="/" class="cta cta--primary ">
                <p>Visit the shop</p>
            </a>

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

No notes defined.

{
  "heading": "Visit the England store",
  "subheading": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit dictum lacus, eu semper velit egesta",
  "image": "/assets/example-content/membership-signpost.png",
  "ctaVisible": true,
  "cta": {
    "copy": "Visit the shop",
    "disabled": false
  },
  "variant": "signpost--small"
}
 
<section
  class="signpost {{variant}} {{#if invert-layout}} membership-signpost--invert {{/if}}  {{#if branded}}membership-signpost--branded{{/if}}{{#if eflPromotionalBranding}}membership-signpost--efl-promotional{{#if eflGrey}} membership-signpost--efl-promotional-grey{{else}} membership-signpost--efl-promotional-white{{/if}}{{/if}}">

  <{{#if ctaVisible}}a href="#"{{else}}div{{/if}} class="signpost__outer">
    <div class="signpost__image-wrapper">
      <img {{#if ctaVisible}}class="zoom-in"{{/if}} src="{{image}}" alt="">
    </div>
    <div class="signpost__info">
      <h3 class="signpost__heading"> {{heading}} </h3>
      <p class="signpost__subheading"> {{subheading}} </p>
      {{#if eflPromotionalBranding}}<p class="signpost__copy">{{copy}}</p>{{/if}}
      <hr />
      {{#if ctaVisible}}
        {{render '@cta' cta merge="true"}}
      {{/if}}
    </div>
  </{{#if ctaVisible}}a href="#"{{else}}div{{/if}}>
</section>