Signpost
<div class="coop-c-signpost"> <a href="#" class="coop-c-signpost__link" data-contenttype="" data-contentparent="" data-linktext="" > <div class="coop-c-signpost__content"> <h3 class="coop-c-signpost__title"> See all recipes </h3> <span class="coop-c-signpost__icon" aria-hidden="true"> <svg class="coop-c-signpost__icon__svg" viewBox="0 0 16 29"> <path d="M1.909 28.11a1.575 1.575 0 0 1-1.115-2.691L11.713 14.5.793 3.58a1.575 1.575 0 1 1 2.23-2.228l12.033 12.033a1.575 1.575 0 0 1 0 2.229L3.023 27.647c-.307.308-.71.463-1.114.463z"/> </svg> </span> </div> </a> </div> <div class="coop-c-signpost"> <a href="https://account.coop.co.uk/sign-in" class="coop-c-signpost__link" data-contenttype="Signpost" data-contentparent="Signposts" data-linktext="Sign in to Membership" > <figure class="coop-c-signpost__media"> <picture class="coop-c-signpost__image"> <!-- max image size 360w 203h --> <source media="(min-width: 48em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=360&h=203 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=720&h=406 2x" type="image/webp"> <!-- max image size 751w 423h --> <source media="(min-width: 37.5em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=751&h=423 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=1502&h=846 2x" type="image/webp"> <!-- 25.9375em / max image size 583w 329h --> <source media="(min-width: 25.9375em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=583&h=329 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=webp&fit=thumb&q=60&w=1166&h=658 2x" type="image/webp"> <!-- if no webp supported then default to serve progressive jpeg --> <source media="(min-width: 48em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=360&h=203 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=720&h=406 2x" type="image/jpeg"> <!-- max image size 751w 423h --> <source media="(min-width: 37.5em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=751&h=423 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=1502&h=846 2x" type="image/jpeg"> <!-- 25.9375em / max image size 583w 329h --> <source media="(min-width: 25.9375em)" srcset="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=583&h=329 1x, //images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&fl=progressive&q=60&w=1166&h=658 2x" type="image/jpeg"> <!-- fallback --> <img src="//images.ctfassets.net/bffxiku554r1/4wuuKMjqUbsIJL7gl65A7I/3ebd189f497edaf54091615e67203910/Memb.png?fm=jpg&fit=thumb&q=60&w=751&h=423" alt="Membership"> </picture> </figure> <div class="coop-c-signpost__content"> <h3 class="coop-c-signpost__title"> Sign in to Membership </h3> <span class="coop-c-signpost__icon" aria-hidden="true"> <svg class="coop-c-signpost__icon__svg" viewBox="0 0 16 29"> <path d="M1.909 28.11a1.575 1.575 0 0 1-1.115-2.691L11.713 14.5.793 3.58a1.575 1.575 0 1 1 2.23-2.228l12.033 12.033a1.575 1.575 0 0 1 0 2.229L3.023 27.647c-.307.308-.71.463-1.114.463z"/> </svg> </span> </div> </a> </div>