<div class="featured-trip-ideas-card-carousel" data-module="featuredTripIdeasCardCarousel">
<div class="grid-container">
<div class="carousel">
<div class="grid-x">
<div class="carousel__title-container cell">
<h3 class="carousel__title">Trip ideas title</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="featured-trip-ideas-card" data-module="card" data-card-id="4567" data-longitude="-9.047516" data-latitude="53.293433" data-item-count="1">
<div class="featured-trip-ideas-card__image-container">
<figure class="image js-image featured-trip-ideas-card__image" data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10" alt="">
<picture class="image__container">
<source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" />
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" />
<source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" />
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
<button class="like-button js-like-button" role="button">
<span class="like-button__text">Like</span>
<span class="like-button__wave"></span>
</button>
<div class="featured-trip-ideas-map" data-module="featuredTripIdeasMap">
<div class="js-waypoints" data-longitude="-9.047516" data-latitude="53.293433" data-name="Galway" data-name-position="top" data-ghost-pin="false">
</div>
<div class="js-secondary-locations" data-longitude="-6.282806" data-latitude="53.347013" data-name="Dublin" data-name-position="top">
</div>
<div class="js-secondary-locations" data-longitude="-5.946350" data-latitude="54.603529" data-name="Derry~Londonderry" data-name-position="left">
</div>
<div class="featured-trip-ideas-map__map-container js-map-container" data-map-img="/img/maps/map-of-ireland.svg">
<img class="featured-trip-ideas-map__map-image js-map-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" height="499" width="387" />
<svg class="featured-trip-ideas-map__svg-map js-map" xmlns="http://www.w3.org/2000/svg" width="387" height="499" viewBox="0 0 387 499" fill="none">
</svg>
</div>
</div>
</div>
<div class="featured-trip-ideas-card__text-container">
<div>
<p class="featured-trip-ideas-card__page-type js-page-type">Trip idea</p>
<h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--first js-title">Cliffs and coves</h2>
<p class="featured-trip-ideas-card__travel-details featured-trip-ideas-card__travel-details--car">
<span class="featured-trip-ideas-card__travel-details--bold">4</span>
<span>days</span>
<span class="featured-trip-ideas-card__travel-details--bold">319</span>
<span>km</span>
</p>
<h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--second">Cliffs and coves</h2>
<p class="featured-trip-ideas-card__description js-subtitle">
Ignite your love of books in this UNESCO City of Literature, discover the invaders and rebels who made Dublin their home, and dine out on exceptional food in what's locally known as the Fair City.
</p>
</div>
<div>
<p class="featured-trip-ideas-card__location featured-trip-ideas-card__location--second js-location-name"><span class="featured-trip-ideas-card__location--bold">Galway</span></p>
<div class="hashtags" data-module="hashtags">
<ul>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="wildatlanticway" onclick="window.location='#wildatlanticway'" role="button">#WildAtlanticWay</span></li>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="outdoors" onclick="window.location='#outdoors'" role="button">#Outdoors</span></li>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="outdoors" onclick="window.location='#outdoors'" role="button">#Outdoors</span></li>
</ul>
</div>
<a href="#" class="featured-trip-ideas-card__button button-p1 button-p1--with-icon js-link" role="button">Experience Now</a>
</div>
</div>
<a href="#" class="featured-trip-ideas-card__link"></a>
</div>
</div>
<div class="carousel__slide cell">
<div class="featured-trip-ideas-card" data-module="card" data-card-id="4567" data-longitude="-8.616851" data-latitude="52.651348" data-item-count="1">
<div class="featured-trip-ideas-card__image-container">
<figure class="image js-image featured-trip-ideas-card__image" data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10" alt="">
<picture class="image__container">
<source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" />
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" />
<source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" />
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
<button class="like-button js-like-button" role="button">
<span class="like-button__text">Like</span>
<span class="like-button__wave"></span>
</button>
<div class="featured-trip-ideas-map" data-module="featuredTripIdeasMap">
<div class="js-waypoints" data-longitude="-8.616851" data-latitude="52.651348" data-name="Limerick" data-name-position="top" data-ghost-pin="false">
</div>
<div class="js-secondary-locations" data-longitude="-6.282806" data-latitude="53.347013" data-name="Dublin" data-name-position="top">
</div>
<div class="js-secondary-locations" data-longitude="-5.946350" data-latitude="54.603529" data-name="Derry~Londonderry" data-name-position="left">
</div>
<div class="featured-trip-ideas-map__map-container js-map-container" data-map-img="/img/maps/map-of-ireland.svg">
<img class="featured-trip-ideas-map__map-image js-map-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" height="499" width="387" />
<svg class="featured-trip-ideas-map__svg-map js-map" xmlns="http://www.w3.org/2000/svg" width="387" height="499" viewBox="0 0 387 499" fill="none">
</svg>
</div>
</div>
</div>
<div class="featured-trip-ideas-card__text-container">
<div>
<p class="featured-trip-ideas-card__page-type js-page-type">Trip idea</p>
<h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--first js-title">Cliffs and coves</h2>
<p class="featured-trip-ideas-card__travel-details featured-trip-ideas-card__travel-details--car">
<span class="featured-trip-ideas-card__travel-details--bold">4</span>
<span>days</span>
<span class="featured-trip-ideas-card__travel-details--bold">319</span>
<span>km</span>
</p>
<h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--second">Cliffs and coves</h2>
<p class="featured-trip-ideas-card__description js-subtitle">
Ignite your love of books in this UNESCO City of Literature, discover the invaders and rebels who made Dublin their home, and dine out on exceptional food in what's locally known as the Fair City.
</p>
</div>
<div>
<p class="featured-trip-ideas-card__location featured-trip-ideas-card__location--second js-location-name"><span class="featured-trip-ideas-card__location--bold">Limerick</span></p>
<div class="hashtags" data-module="hashtags">
<ul>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="wildatlanticway" onclick="window.location='#wildatlanticway'" role="button">#WildAtlanticWay</span></li>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="outdoors" onclick="window.location='#outdoors'" role="button">#Outdoors</span></li>
<li><span class="hashtags__link js-hashtag-link" data-tag-name="outdoors" onclick="window.location='#outdoors'" role="button">#Outdoors</span></li>
</ul>
</div>
<a href="#" class="featured-trip-ideas-card__button button-p1 button-p1--with-icon js-link" role="button">Experience Now</a>
</div>
</div>
<a href="#" class="featured-trip-ideas-card__link"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="featured-trip-ideas-card-carousel" data-module="featuredTripIdeasCardCarousel">
<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 tripIdeasCards.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 tripIdeasCards}}
<div class="carousel__slide cell">
{{> @cp-featured-trip-ideas-card}}
</div>
{{/each}}
</div>
</div>
</div>
</div>
{
"title": "Trip ideas title",
"tripIdeasCards": [
{
"cardType": "FeaturedTripIdeas",
"feedType": "Card",
"cardId": 4567,
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"pageType": "Trip idea",
"webAppMode": true,
"likeText": "Like",
"title": "Cliffs and coves",
"travelTime": {
"number": 4,
"text": "days"
},
"travelDistance": {
"number": 319,
"text": "km"
},
"travelMethod": "car",
"description": "Ignite your love of books in this UNESCO City of Literature, discover the invaders and rebels who made Dublin their home, and dine out on exceptional food in what's locally known as the Fair City.",
"wayPointsCount": 1,
"wayPoints": [
{
"name": "Galway",
"namePosition": "top",
"latitude": "53.293433",
"longitude": "-9.047516",
"ghostPin": "false"
}
],
"secondaryLocations": [
{
"name": "Dublin",
"namePosition": "top",
"latitude": "53.347013",
"longitude": "-6.282806"
},
{
"name": "Derry~Londonderry",
"namePosition": "left",
"latitude": "54.603529",
"longitude": "-5.946350"
}
],
"tags": {
"isLarge": false,
"hashtags": [
{
"text": "#WildAtlanticWay",
"url": "#wildatlanticway",
"openOnClick": true,
"tagName": "wildatlanticway"
},
{
"text": "#Outdoors",
"url": "#outdoors",
"openOnClick": true,
"tagName": "outdoors"
},
{
"text": "#Outdoors",
"url": "#outdoors",
"openOnClick": true,
"tagName": "outdoors"
}
]
},
"button": {
"url": "#",
"text": "Experience Now"
}
},
{
"cardType": "FeaturedTripIdeas",
"feedType": "Card",
"cardId": 4567,
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"pageType": "Trip idea",
"webAppMode": true,
"likeText": "Like",
"title": "Cliffs and coves",
"travelTime": {
"number": 4,
"text": "days"
},
"travelDistance": {
"number": 319,
"text": "km"
},
"travelMethod": "car",
"description": "Ignite your love of books in this UNESCO City of Literature, discover the invaders and rebels who made Dublin their home, and dine out on exceptional food in what's locally known as the Fair City.",
"wayPointsCount": 1,
"wayPoints": [
{
"name": "Limerick",
"namePosition": "top",
"latitude": "52.651348",
"longitude": "-8.616851",
"ghostPin": "false"
}
],
"secondaryLocations": [
{
"name": "Dublin",
"namePosition": "top",
"latitude": "53.347013",
"longitude": "-6.282806"
},
{
"name": "Derry~Londonderry",
"namePosition": "left",
"latitude": "54.603529",
"longitude": "-5.946350"
}
],
"tags": {
"isLarge": false,
"hashtags": [
{
"text": "#WildAtlanticWay",
"url": "#wildatlanticway",
"openOnClick": true,
"tagName": "wildatlanticway"
},
{
"text": "#Outdoors",
"url": "#outdoors",
"openOnClick": true,
"tagName": "outdoors"
},
{
"text": "#Outdoors",
"url": "#outdoors",
"openOnClick": true,
"tagName": "outdoors"
}
]
},
"button": {
"url": "#",
"text": "Experience Now"
}
}
]
}
There are no notes for this item.