Key Information Block: Product

<div class="key-information-block" data-module="keyInformationBlock"> <div class="grid-x"> <div class="cell key-information-block__item key-information-block__item--heading"> <h3 class="key-information-block__title">3 to try nearby</h3> </div> <div class="cell key-information-block__item"> <div class="key-information-item__icon"><svg xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 5c-2.669 0-5 2.426-5 5.636 0 .9.309 1.947.84 3.06.526 1.104 1.238 2.205 1.965 3.193a32.821 32.821 0 002.191 2.656l.195-.216a33.808 33.808 0 002.003-2.466c.728-.993 1.44-2.097 1.966-3.198.532-1.113.84-2.15.84-3.029C17 7.426 14.669 5 12 5zm0 16l-.703.711-.006-.006-.015-.015-.055-.055a31.929 31.929 0 01-.902-.962 34.826 34.826 0 01-2.124-2.598c-.773-1.049-1.561-2.262-2.16-3.518C5.44 13.312 5 11.955 5 10.636 5 6.516 8.042 3 12 3s7 3.516 7 7.636c0 1.303-.442 2.652-1.035 3.892-.599 1.251-1.387 2.466-2.159 3.518a35.798 35.798 0 01-3.023 3.584l-.055.056-.014.015-.006.005L12 21zm0 0l.707.707a1 1 0 01-1.41.004L12 21z"></path> </svg></div> <div class="key-information-item__title">Data Protection Officer, Tourism Ireland, 5th Floor Bishop&#x27;s Square, Redmond&#x27;s Hill, Dublin D02 TD99, Ireland</div> </div> <div class="cell key-information-block__item"> <div class="key-information-item__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.495 18.111c-.424-.72-.964-1.44-1.503-2.084-.309-.379-.655-.758-1.08-1.023-.5-.265-1.232-.417-1.733-.076-.232.152-.424.266-.656.417-.192.152-.423.265-.616.417-.578.379-1.08.152-1.503-.265-1.08-1.023-2.12-2.084-3.045-3.259-.347-.417-2.389-2.652-1.81-3.22.038-.039.076-.077.115-.114l.27-.266.539-.53.54-.53c.424-.418.424-1.175.27-1.706-.155-.455-.502-.871-.81-1.25-.54-.644-1.156-1.326-1.811-1.857-.463-.379-1.002-.72-1.58-.758a1.374 1.374 0 00-1.002.303c-.193.152-.386.341-.578.53-.617.645-1.08 1.516-1.31 2.35a5.268 5.268 0 00-.155 2.046c.154 1.781.925 3.335 1.85 4.813 1.002 1.629 2.12 3.22 3.391 4.66 1.812 2.009 4.201 4.282 6.899 5.04.655.19 1.387.303 2.08.227.887-.038 1.812-.34 2.583-.796.23-.151.462-.303.655-.454.27-.227.462-.569.5-.91.04-.644-.192-1.212-.5-1.705z"></path> </svg></div> <div class="key-information-item__title">+353 1 476 3400</div> </div> <div class="cell key-information-block__item"> <a href="http://example.com" class="button-p1 button-p1--with-icon-external " role="button">View Website</a> </div> </div> </div>
<div class="key-information-block" data-module="keyInformationBlock"> <div class="grid-x"> {{#if title}} <div class="cell key-information-block__item key-information-block__item--heading"> <h3 class="key-information-block__title">{{title}}</h3> </div> {{/if}} {{#if address}} <div class="cell key-information-block__item"><div class="key-information-item__icon"><svg xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 5c-2.669 0-5 2.426-5 5.636 0 .9.309 1.947.84 3.06.526 1.104 1.238 2.205 1.965 3.193a32.821 32.821 0 002.191 2.656l.195-.216a33.808 33.808 0 002.003-2.466c.728-.993 1.44-2.097 1.966-3.198.532-1.113.84-2.15.84-3.029C17 7.426 14.669 5 12 5zm0 16l-.703.711-.006-.006-.015-.015-.055-.055a31.929 31.929 0 01-.902-.962 34.826 34.826 0 01-2.124-2.598c-.773-1.049-1.561-2.262-2.16-3.518C5.44 13.312 5 11.955 5 10.636 5 6.516 8.042 3 12 3s7 3.516 7 7.636c0 1.303-.442 2.652-1.035 3.892-.599 1.251-1.387 2.466-2.159 3.518a35.798 35.798 0 01-3.023 3.584l-.055.056-.014.015-.006.005L12 21zm0 0l.707.707a1 1 0 01-1.41.004L12 21z"></path></svg></div><div class="key-information-item__title">{{address}}</div></div> {{/if}} {{#if telephone}} <div class="cell key-information-block__item"><div class="key-information-item__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.495 18.111c-.424-.72-.964-1.44-1.503-2.084-.309-.379-.655-.758-1.08-1.023-.5-.265-1.232-.417-1.733-.076-.232.152-.424.266-.656.417-.192.152-.423.265-.616.417-.578.379-1.08.152-1.503-.265-1.08-1.023-2.12-2.084-3.045-3.259-.347-.417-2.389-2.652-1.81-3.22.038-.039.076-.077.115-.114l.27-.266.539-.53.54-.53c.424-.418.424-1.175.27-1.706-.155-.455-.502-.871-.81-1.25-.54-.644-1.156-1.326-1.811-1.857-.463-.379-1.002-.72-1.58-.758a1.374 1.374 0 00-1.002.303c-.193.152-.386.341-.578.53-.617.645-1.08 1.516-1.31 2.35a5.268 5.268 0 00-.155 2.046c.154 1.781.925 3.335 1.85 4.813 1.002 1.629 2.12 3.22 3.391 4.66 1.812 2.009 4.201 4.282 6.899 5.04.655.19 1.387.303 2.08.227.887-.038 1.812-.34 2.583-.796.23-.151.462-.303.655-.454.27-.227.462-.569.5-.91.04-.644-.192-1.212-.5-1.705z"></path></svg></div><div class="key-information-item__title">{{telephone}}</div></div> {{/if}} {{#if items}} {{#each items}} <div class="cell key-information-block__item"> {{#if link}} {{> @cp-key-information-link }} {{else}} {{> @cp-key-information-item }} {{/if}} </div> {{/each}} {{/if}} {{#if button}} <div class="cell key-information-block__item"> {{> @cp-button-primary target=button.target url=button.url text=button.text modifier="with-icon-external" }} </div> {{/if}} </div> </div>
{ "title": "3 to try nearby", "items": [], "address": "Data Protection Officer, Tourism Ireland, 5th Floor Bishop's Square, Redmond's Hill, Dublin D02 TD99, Ireland", "telephone": "+353 1 476 3400", "button": { "url": "http://example.com", "text": "View Website" } }

There are no notes for this item.