<div class="small-hero" data-module="smallHero" data-preload="true"> <figure class="image js-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-1535479804851-93f60320e644?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text"> <picture class="image__container"> <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" /> <source media="(min-width: 768px) and (max-width:1023px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" /> <source media="(min-width: 1024px) and (max-width:1319px)" class="js-semilarge-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" /> <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" /> <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text"> </picture> </figure> <div class="hero-like" data-module="heroLike"> <button class="hero-like__button js-module-like-button" data-card-id="1338" aria-label="Like Button"> Save to my board <span class="like-button js-heart like-button-default"><span class="like-button__wave"></span></span> </button> <div class="hero-like__card-container js-card-container"> <div class="card-featured bg-inverted js-card-generic has-tags" data-module="card" data-card-id=1338 data-longitude="-5.95577" data-latitude="54.59623"> <a href="#" class="card-featured__anchor js-link"> <div class="location-marker js-location-marker" data-module="locationMarker" data-longitude="-5.95577" data-latitude="54.59623"> <div class="location-marker__text"> <span class="location-marker__text-description js-marker-description"></span> <span class="location-marker__distance js-marker-distance"></span> </div> </div> <button class="like-button js-like-button like-button--default" role="button" aria-label="Like"> <span class="like-button__text"></span> <span class="like-button__wave"></span> </button> <figure class="image js-image " data-module="imagelazy" data-is-small-image="" data-force-load="true"> <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;50&amp;q&#x3D;10" alt="Alt Text"> <picture class="image__container"> <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" /> <source media="(min-width: 768px) and (max-width:1023px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" /> <source media="(min-width: 1024px) and (max-width:1319px)" class="js-semilarge-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" /> <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" /> <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" alt="Alt Text"> </picture> </figure> <p class="card-featured__page-type js-page-type">Accommodation</p> <div class="card-featured__overlay"> <time class="card-featured__read-time" datetime="">14 - 18 March</time> <h2 class="card-featured__title js-title">Accom example</h2> <p class="card-featured__location js-location-name">Belfast</p> <div class="hashtags " data-module="hashtags"> <ul> <li><span class="hashtags__link js-hashtag-link" data-tag-name="citybreak" role="button" tabindex="0">#Citybreak</span></li> <li><span class="hashtags__link js-hashtag-link" data-tag-name="adventure" role="button" tabindex="0">#Adventure</span></li> <li><span class="hashtags__link js-hashtag-link" data-tag-name="surfing" role="button" tabindex="0">#Surfing</span></li> </ul> </div> </div> </a> </div> </div> </div> <div class="small-hero__inner"> <div class="grid-container"> <div class="small-hero__content grid-x grid-padding-x"> <div class="cell medium-8"> <h1 class="small-hero__title">What you need to know</h1> <p class="small-hero__subtitle">Whether you’re looking for advice on passports or wandering whether you can bring your pet to Ireland, find your answers here. </p> <div class="small-hero__tags"> <div class="hashtags hashtags--has-background" data-module="hashtags"> <ul> <li><span class="hashtags__link js-hashtag-link" data-tag-name="citybreak" aria-label="Aria Label" onclick="window.location='#citybreak'" onkeydown="if(event.keyCode === 13) window.location.href='#citybreak'" role="button" tabindex="0">#Citybreak</span></li> <li><span class="hashtags__link js-hashtag-link" data-tag-name="adventure" aria-label="Aria Label" onclick="window.location='#adventure'" onkeydown="if(event.keyCode === 13) window.location.href='#adventure'" role="button" tabindex="0">#Adventure</span></li> </ul> </div> </div> </div> </div> </div> </div> </div>
<div class="small-hero" data-module="smallHero" data-preload="true"> {{#if backgroundResponsiveImage}} {{> @cp-medium-image backgroundResponsiveImage}} {{/if}} {{#if likeButton}} {{> @cp-hero-like-button likeButton}} {{/if}} <div class="small-hero__inner"> <div class="grid-container"> <div class="small-hero__content grid-x grid-padding-x"> <div class="cell medium-8"> <h1 class="small-hero__title">{{title}}</h1> {{#if subtitle}} <p class="small-hero__subtitle">{{subtitle}}</p> {{/if}} {{#if tags }} <div class="small-hero__tags"> {{> @cp-hashtags tags }} </div> {{/if}} </div> </div> </div> </div> </div>
{ "preload": true, "title": "What you need to know", "subtitle": "Whether you’re looking for advice on passports or wandering whether you can bring your pet to Ireland, find your answers here. ", "tags": { "hasBackground": true, "hashtags": [ { "text": "#Citybreak", "url": "#citybreak", "tagName": "citybreak", "openOnClick": true, "ariaLabel": "Aria Label" }, { "text": "#Adventure", "url": "#adventure", "tagName": "adventure", "openOnClick": true, "ariaLabel": "Aria Label" } ] }, "backgroundResponsiveImage": { "altText": "Alt Text", "lowResolutionUrl": "https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=10", "sources": [ { "type": "image/jpeg", "largeUrl": "https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80", "smallUrl": "https://images.unsplash.com/photo-1535479804851-93f60320e644?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=640&q=80" } ] }, "likeButton": { "buttonText": "Save to my board", "card": { "isFeatured": true, "cardType": "Generic", "responsiveImage": { "forceLoad": true, "dominantColour": "#938C7D", "altText": "Alt Text", "lowResolutionUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?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-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80", "smallUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" } ], "fallbackImageUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" }, "webAppMode": true, "likeText": "Like", "cardId": 1338, "pageType": "Accommodation", "title": "Accom example", "subtitle": "", "locationName": "Belfast", "location": { "longitude": -5.95577, "latitude": 54.59623 }, "timeSpan": { "text": "14 - 18 March" }, "starRating": { "rating": 4, "total": 5 }, "tags": { "isLarge": false, "hashtags": [ { "text": "#Citybreak", "url": "#citybreak", "tagName": "citybreak" }, { "text": "#Adventure", "url": "#adventure", "tagName": "adventure" }, { "text": "#Surfing", "url": "#surfing", "tagName": "surfing" } ] } } } }

There are no notes for this item.