<div class="icon-cards icon-cards--carousel icon-cards--tear" data-module="iconCardsCarousel">
<div class="grid-container">
<div class="carousel">
<div class="grid-x">
<div class="carousel__title-container cell">
<h3 class="carousel__title">In Ireland</h3>
<div class="carousel__buttons-container">
<a href="#" class="button-p3 button-p3--icon-only carousel__button carousel__button--prev disabled" role="button">
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
</svg>
</a>
<a href="#" class="button-p3 button-p3--icon-only carousel__button carousel__button--next disabled" role="button">
<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
</svg>
</a>
</div>
</div>
<div class="carousel__track cell">
<div class="carousel__bounds"></div>
<div class="carousel__draggable"></div>
</div>
</div>
<div class="carousel__slider grid-x">
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
<g clip-path='url(#clip0)'>
<path d='M21.123 26.457l-.635 2.225c-.128.442-.537.73-.988.73a.99.99 0 01-.271-.035c-.543-.144-.866-.695-.712-1.221l.63-2.21a.534.534 0 01-.456.139c-.87-.05-1.74-.1-2.662-.1-7.988 0-14.44 2.334-14.44 5.215 0 2.88 6.452 5.214 14.44 5.214 7.988 0 14.44-2.334 14.44-5.214 0-2.136-3.688-4.023-8.91-4.768a.59.59 0 01-.4-.248 1.21 1.21 0 01-.036.273zM27.445 3.294a.272.272 0 01-.154-.248l.103-.348c.102-.397-.052-.844-.461-1.043-.512-.198-1.075.05-1.178.547l-.154.397a.283.283 0 01-.256.149c-7.22-1.34-14.388 2.433-17.256 8.89-.153.347.205.595.513.447a3.757 3.757 0 011.024-.448c1.536-.496 3.277 0 4.352 1.192.46.497.768 1.093.87 1.64.052.248.41.347.615.148.512-.496 1.126-.894 1.895-1.092 1.28-.348 2.713-.05 3.737.794.41.348.717.696.922 1.093.051.1.051.199.051.248l-2.734 9.918a1.042 1.042 0 011.075-.343.999.999 0 01.676.591c.005-.03 0-.06.01-.09l2.612-9.634c0-.1.102-.149.153-.198.41-.249.871-.398 1.383-.497a4.19 4.19 0 013.636 1.093c.563.546.921 1.191 1.075 1.837.051.248.41.348.614.149.41-.447.973-.745 1.588-.993 1.433-.497 3.072-.199 4.147.794.359.348.666.745.922 1.143.154.298.614.248.666-.15.87-6.997-3.482-13.701-10.446-15.986z' />
</g>
<defs>
<clipPath id='clip0'>
<path d='M0 .003h38v38H0v-38z' />
</clipPath>
</defs>
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Public Holidays</p>
<p class="icon-card__subtitle">Public holidays on the island of Ireland mean big celebrations.</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
<path fill-rule='evenodd' clip-rule='evenodd' d='M14.578 9.503c.605 0 1.157.344 1.422.888l3.494 7.152c.106.216.161.454.161.695v2.746h9.773c.45 0 .878.19 1.179.526l6.988 7.792c.26.29.405.667.405 1.057v6.06c0 .875-.709 1.584-1.583 1.584h-21.84a1.583 1.583 0 01-1.583-1.584v-7.132L9.97 26.29a1.583 1.583 0 01-.469-1.125v-6.926c0-.24.055-.479.16-.695l3.495-7.152a1.583 1.583 0 011.423-.888zm-1.911 9.101v5.9l3.025 2.999c.3.297.469.702.469 1.124v6.209h18.672v-3.871l-6.112-6.815h-10.65a1.583 1.583 0 01-1.583-1.583v-3.963l-1.91-3.911-1.911 3.911z' />
<path fill-rule='evenodd' clip-rule='evenodd' d='M6.806 21.041a1.583 1.583 0 012.221 0l6.334 6.234c.302.298.472.705.472 1.129v8.015c0 .875-.709 1.584-1.583 1.584H1.583A1.583 1.583 0 010 36.419v-8.015c0-.424.17-.831.473-1.129l6.333-6.234zm-3.64 8.026v5.77h9.5v-5.77l-4.75-4.676-4.75 4.676zM25.333 1.586c0-.874.71-1.583 1.584-1.583h7.916c.875 0 1.584.709 1.584 1.583v26.917a1.583 1.583 0 01-2.862.934L29.28 23.59h-2.363a1.583 1.583 0 01-1.584-1.583V1.586zM28.5 3.169v17.253h1.583c.506 0 .98.241 1.279.65l1.888 2.582V3.17H28.5z' />
<path fill-rule='evenodd' clip-rule='evenodd' d='M20.583 7.92c0-.875.71-1.584 1.584-1.584h4.75c.874 0 1.583.709 1.583 1.583v14.25c0 .875-.709 1.584-1.583 1.584h-4.75a1.583 1.583 0 01-1.584-1.584V7.92zm3.167 1.583v11.083h1.583V9.503H23.75z' />
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Tourist Offices</p>
<p class="icon-card__subtitle">So you want to source local information and advice about travelling in Ireland?</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'>
<path d='M13.232 1.586A3.724 3.724 0 009.5 5.318v27.37a3.724 3.724 0 003.732 3.731h12.44a3.724 3.724 0 003.733-3.732V5.318a3.724 3.724 0 00-3.732-3.732h-12.44zm-1.659 4.147h15.758v24.88H11.573V5.734zm7.88 26.125a1.659 1.659 0 110 3.317 1.659 1.659 0 010-3.317z' />
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Helpful Apps</p>
<p class="icon-card__subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictumst ut tortor eu, tortor in porta fringilla.</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
<path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' />
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Headline Title</p>
<p class="icon-card__subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
<path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' />
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Headline Title</p>
<p class="icon-card__subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
<div class="carousel__slide cell">
<div class="icon-card icon-card--small">
<a class="icon-card__link js-icon-card-link" href="#">
<div class="icon-card__icon-wrapper">
<div class="icon-card__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
<path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' />
</svg></div>
</div>
<div class="icon-card__inner">
<p class="icon-card__title">Headline Title</p>
<p class="icon-card__subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.</p>
<div class="icon-card__cta-icon"></div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="icon-cards icon-cards--carousel icon-cards--tear" data-module="iconCardsCarousel">
<div class="grid-container">
<div class="carousel">
<div class="grid-x">
<div class="carousel__title-container cell">
{{#if title}}<h3 class="carousel__title">{{{title}}}</h3>{{/if}}
{{#if iconCards.length}}
<div class="carousel__buttons-container">
{{> @cp-button-tertiary url="#" disabled=true modifier="icon-only carousel__button carousel__button--prev"}}
{{> @cp-button-tertiary url="#" disabled=true modifier="icon-only carousel__button carousel__button--next"}}
</div>
{{/if}}
</div>
<div class="carousel__track cell">
<div class="carousel__bounds"></div>
<div class="carousel__draggable"></div>
</div>
</div>
<div class="carousel__slider grid-x">
{{#each iconCards}}
<div class="carousel__slide cell">
{{> @cp-icon-card-small}}
</div>
{{/each}}
</div>
</div>
</div>
</div>
{
"title": "In Ireland",
"iconCards": [
{
"title": "Public Holidays",
"subtitle": "Public holidays on the island of Ireland mean big celebrations.",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'><g clip-path='url(#clip0)'><path d='M21.123 26.457l-.635 2.225c-.128.442-.537.73-.988.73a.99.99 0 01-.271-.035c-.543-.144-.866-.695-.712-1.221l.63-2.21a.534.534 0 01-.456.139c-.87-.05-1.74-.1-2.662-.1-7.988 0-14.44 2.334-14.44 5.215 0 2.88 6.452 5.214 14.44 5.214 7.988 0 14.44-2.334 14.44-5.214 0-2.136-3.688-4.023-8.91-4.768a.59.59 0 01-.4-.248 1.21 1.21 0 01-.036.273zM27.445 3.294a.272.272 0 01-.154-.248l.103-.348c.102-.397-.052-.844-.461-1.043-.512-.198-1.075.05-1.178.547l-.154.397a.283.283 0 01-.256.149c-7.22-1.34-14.388 2.433-17.256 8.89-.153.347.205.595.513.447a3.757 3.757 0 011.024-.448c1.536-.496 3.277 0 4.352 1.192.46.497.768 1.093.87 1.64.052.248.41.347.615.148.512-.496 1.126-.894 1.895-1.092 1.28-.348 2.713-.05 3.737.794.41.348.717.696.922 1.093.051.1.051.199.051.248l-2.734 9.918a1.042 1.042 0 011.075-.343.999.999 0 01.676.591c.005-.03 0-.06.01-.09l2.612-9.634c0-.1.102-.149.153-.198.41-.249.871-.398 1.383-.497a4.19 4.19 0 013.636 1.093c.563.546.921 1.191 1.075 1.837.051.248.41.348.614.149.41-.447.973-.745 1.588-.993 1.433-.497 3.072-.199 4.147.794.359.348.666.745.922 1.143.154.298.614.248.666-.15.87-6.997-3.482-13.701-10.446-15.986z'/></g><defs><clipPath id='clip0'><path d='M0 .003h38v38H0v-38z'/></clipPath></defs></svg>",
"link": {
"text": "",
"url": "#"
}
},
{
"title": "Tourist Offices",
"subtitle": "So you want to source local information and advice about travelling in Ireland?",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'><path fill-rule='evenodd' clip-rule='evenodd' d='M14.578 9.503c.605 0 1.157.344 1.422.888l3.494 7.152c.106.216.161.454.161.695v2.746h9.773c.45 0 .878.19 1.179.526l6.988 7.792c.26.29.405.667.405 1.057v6.06c0 .875-.709 1.584-1.583 1.584h-21.84a1.583 1.583 0 01-1.583-1.584v-7.132L9.97 26.29a1.583 1.583 0 01-.469-1.125v-6.926c0-.24.055-.479.16-.695l3.495-7.152a1.583 1.583 0 011.423-.888zm-1.911 9.101v5.9l3.025 2.999c.3.297.469.702.469 1.124v6.209h18.672v-3.871l-6.112-6.815h-10.65a1.583 1.583 0 01-1.583-1.583v-3.963l-1.91-3.911-1.911 3.911z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M6.806 21.041a1.583 1.583 0 012.221 0l6.334 6.234c.302.298.472.705.472 1.129v8.015c0 .875-.709 1.584-1.583 1.584H1.583A1.583 1.583 0 010 36.419v-8.015c0-.424.17-.831.473-1.129l6.333-6.234zm-3.64 8.026v5.77h9.5v-5.77l-4.75-4.676-4.75 4.676zM25.333 1.586c0-.874.71-1.583 1.584-1.583h7.916c.875 0 1.584.709 1.584 1.583v26.917a1.583 1.583 0 01-2.862.934L29.28 23.59h-2.363a1.583 1.583 0 01-1.584-1.583V1.586zM28.5 3.169v17.253h1.583c.506 0 .98.241 1.279.65l1.888 2.582V3.17H28.5z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M20.583 7.92c0-.875.71-1.584 1.584-1.584h4.75c.874 0 1.583.709 1.583 1.583v14.25c0 .875-.709 1.584-1.583 1.584h-4.75a1.583 1.583 0 01-1.584-1.584V7.92zm3.167 1.583v11.083h1.583V9.503H23.75z'/></svg>",
"link": {
"text": "",
"url": "#"
}
},
{
"title": "Helpful Apps",
"subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictumst ut tortor eu, tortor in porta fringilla.",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 39'><path d='M13.232 1.586A3.724 3.724 0 009.5 5.318v27.37a3.724 3.724 0 003.732 3.731h12.44a3.724 3.724 0 003.733-3.732V5.318a3.724 3.724 0 00-3.732-3.732h-12.44zm-1.659 4.147h15.758v24.88H11.573V5.734zm7.88 26.125a1.659 1.659 0 110 3.317 1.659 1.659 0 010-3.317z' /></svg>",
"link": {
"text": "",
"url": "#"
}
},
{
"title": "Headline Title",
"subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' /></svg>",
"link": {
"text": "",
"url": "#"
}
},
{
"title": "Headline Title",
"subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' /></svg>",
"link": {
"text": "",
"url": "#"
}
},
{
"title": "Headline Title",
"subtitle": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices tortor nunc nascetur in commodo vulputate nibh.",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4.143 5A2.154 2.154 0 002 7.143v9.524c0 1.174.968 2.142 2.143 2.142h15.714A2.154 2.154 0 0022 16.668V7.143A2.154 2.154 0 0019.857 5H4.143zm.156 1.429h15.41l-7.27 6.488c-.277.247-.585.247-.863 0L4.299 6.429zm-.87 1.138l4.895 4.367-4.895 4.703v-9.07zm17.142 0v9.063l-4.88-4.703 4.88-4.36zm-5.952 5.32l4.665 4.494H4.716l4.68-4.487 1.227 1.094c.78.696 1.988.697 2.768 0l1.228-1.101z' /></svg>",
"link": {
"text": "",
"url": "#"
}
}
]
}
There are no notes for this item.