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="membership signpost">
        </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  " tabindex="0">Visit the shop</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 eflBranding}}membership-signpost--efl{{#if eflBlue}}-blue{{else}}-white{{/if}}{{/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">
      {{#unless twoimage}}
        <img {{#if ctaVisible}}class="zoom-in"{{/if}} src="{{image}}" alt="membership signpost">
      {{/unless}}
       {{#if twoimage}}
        <picture>
            <source media="(max-width: 819px)" srcset="{{smallimage}}">
            <source media="(min-width: 820px)" srcset="{{bigimage}}">
            <img src="{{bigimage}}" alt="" class="zoom-in">
        </picture>
        {{/if}}
    </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>