<header class="hero hero--hub js-carousel-colour" data-module="hero" data-sitecore-recommendation="" data-nba-instruction="" data-preload="true">
    <div class="hero-like" data-module="heroLike">
        <button class="hero-like__button js-module-like-button" data-card-id="1338">
            Save to my board
            <span class="like-button js-heart"><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" role="button">
                        <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:1319px)" 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: 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">#Citybreak</span></li>
                                <li><span class="hashtags__link js-hashtag-link" data-tag-name="adventure" role="button">#Adventure</span></li>
                                <li><span class="hashtags__link js-hashtag-link" data-tag-name="surfing" role="button">#Surfing</span></li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="hero-sidebar hero-sidebar--offer">
        <div class="grid-x hero-sidebar__grid">
            <div class="cell medium-offset-1 medium-10 large-7">
                <div class="hero-sidebar__inner">
                    <h1 class="hero-sidebar__title">Ireland highlights</h1>
                    <p class="hero-sidebar__content">Stretching 1,500 spectacular miles from Donegal to Cork, the Wild Atlantic Way is one of the world’s most dramatic coastal touring routes.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="carousel carousel--featured-stories carousel--offer featured-stories-carousel" data-module="featuredstoriescarousel">
        <template class="js-featured-stories-carousel-bg-template">
            <div class="featured-stories-carousel__background"></div>
        </template>
        <div class="grid-x">
            <div class="cell medium-12">
                <div class="medium-offset-1">
                    <div class="carousel__title-container">
                        <h2 class="carousel__title">Featured Stories</h2>
                        <div class="carousel__buttons-container">
                            <a href="#" class="button-p3 button-p3--icon-only carousel__previous-button  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__next-button  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">
                        <div class="carousel__bounds"></div>
                        <div class="carousel__draggable"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-x">
            <div class="cell medium-offset-1 medium-10 large-5">
                <div class="carousel__slider grid-x">
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#938C7D">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#777658">
                        <div class="adbutler-card-wrapper" style="max-width: 1000px;">
                            <div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location loaded"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
                                    <figure class="image js-image loaded" data-module="imagelazy">
                                        <picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" /> </picture>
                                    </figure>
                                    <p class="card-standard__offer-badge js-offer-badge">[%OfferBanner%]</p>
                                    <div class="card-standard__inner">
                                        <div class="card-standard__details">
                                            <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                                            <h3 class="card-standard__title js-title">[%Title%]</h3>
                                            <p class="card-standard__subtitle js-subtitle">[%Description%]</p>
                                        </div>
                                        <p class="card-standard__location js-location-name">[%Location%]</p>
                                        <p class="card-standard__offer js-offer"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p>
                                    </div>
                                </a> </div>
                            <div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location loaded"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
                                    <figure class="image js-image loaded" data-module="imagelazy">
                                        <picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" /> </picture>
                                    </figure>
                                    <p class="card-standard__offer-badge js-offer-badge">[%OfferBanner%]</p>
                                    <div class="card-standard__inner">
                                        <div class="card-standard__details">
                                            <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                                            <h3 class="card-standard__title js-title">[%Title%]</h3>
                                            <p class="card-standard__subtitle js-subtitle">[%Description%]</p>
                                        </div>
                                        <p class="card-standard__location js-location-name">[%Location%]</p>
                                        <p class="card-standard__offer js-offer"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p>
                                    </div>
                                </a> </div>
                            <div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer loaded"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
                                    <div class="card-horizontal__image js-image">
                                        <figure class="image js-image loaded" data-module="imagelazy">
                                            <picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" /> </picture>
                                        </figure>
                                        <p class="card-horizontal__offer-badge js-offer-badge">[%OfferBanner%]</p>
                                    </div>
                                    <div class="card-horizontal__copy">
                                        <p class="card-horizontal__category js-category">[%Eyebrow - Category%]</p>
                                        <h2 class="card-horizontal__title js-title">[%Title%]</h2>
                                        <p class="card-horizontal__subtitle js-subtitle">[%Description%]</p>
                                        <p class="card-horizontal__location js-location-name">[%Location%]</p>
                                        <p class="card-horizontal__offer js-offer"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p>
                                    </div>
                                </a> </div>
                            <div class="js-adbutler-card card-featured bg-inverted card-featured--offer loaded" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
                                    <figure class="image js-image loaded" data-module="imagelazy">
                                        <picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image loaded" url="[%ImageURL%]" alt="[%Title%]" /> </picture>
                                    </figure>
                                    <p class="card-featured__offer-badge js-offer-badge">[%OfferBanner%]</p>
                                    <div class="card-featured__overlay">
                                        <p class="card-featured__category js-category">[%Eyebrow - Category%]</p>
                                        <h2 class="card-featured__title">[%Title%]</h2>
                                        <p class="card-featured__location">[%Location%]</p>
                                        <p class="card-featured__offer js-offer"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p>
                                    </div>
                                </a> </div>
                            <div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">[%OfferBanner%]</span>
                                    <div class="search-results-item__image-wrapper">
                                        <figure class="image js-image loaded" data-module="imagelazy">
                                            <picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" /> </picture>
                                        </figure>
                                    </div>
                                    <div class="search-results-item__content">
                                        <p class="search-results-item__category">[%Eyebrow - Category%]</p>
                                        <p class="search-results-item__title">[%Title%]</p>
                                        <p class="search-results-item__subtitle">[%Description%]</p>
                                        <p class="search-results-item__offer-price"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p>
                                    </div>
                                </a> </div>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#938C7D">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#777658">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#938C7D">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#777658">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#938C7D">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="carousel__slide js-carousel-slide cell medium-6" data-dominant-colour="#777658">
                        <div class="card-featured bg-inverted js-card-generic " data-module="card">
                            <a href="#" class="card-featured__anchor js-link">
                                <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-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:1319px)" 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: 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="" alt="Alt Text">
                                    </picture>
                                </figure>
                                <p class="card-featured__page-type js-page-type"></p>
                                <div class="card-featured__overlay">
                                    <time class="card-featured__read-time" datetime="">4 min read</time>
                                    <h2 class="card-featured__title js-title">Gardens in Ireland have a magic edge</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<header class="hero hero--hub js-carousel-colour" data-module="hero" data-sitecore-recommendation="{{sitecoreRecommendation}}" data-nba-instruction="{{nbaInstruction}}"  data-preload="true">
    {{#if likeButton}}
        {{> @cp-hero-like-button likeButton}}
    {{/if}}
    {{> @cp-hero-sidebar-offer}}
    {{> @cp-carousel-featured-stories-offer featuredStoriesCarousel}}
</header>
{
  "preload": true,
  "title": "Ireland highlights",
  "subtitle": "Stretching 1,500 spectacular miles from Donegal to Cork, the Wild Atlantic Way is one of the world’s most dramatic coastal touring routes.",
  "featuredStoriesCarousel": {
    "title": "Featured Stories",
    "cards": [
      {
        "cardType": "Generic",
        "responsiveImage": {
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Offer",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#777658",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        },
        "html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location loaded\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image loaded\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image loaded\" src=\"[%ImageURL%]\" alt=\"[%Title%]\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">[%OfferBanner%]</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">[%Eyebrow - Category%]</p><h3 class=\"card-standard__title js-title\">[%Title%]</h3> <p class=\"card-standard__subtitle js-subtitle\">[%Description%]</p></div><p class=\"card-standard__location js-location-name\">[%Location%]</p><p class=\"card-standard__offer js-offer\"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location loaded\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image loaded\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image loaded\" src=\"[%ImageURL%]\" alt=\"[%Title%]\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">[%OfferBanner%]</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">[%Eyebrow - Category%]</p><h3 class=\"card-standard__title js-title\">[%Title%]</h3> <p class=\"card-standard__subtitle js-subtitle\">[%Description%]</p></div><p class=\"card-standard__location js-location-name\">[%Location%]</p><p class=\"card-standard__offer js-offer\"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer loaded\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image loaded\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image loaded\" src=\"[%ImageURL%]\" alt=\"[%Title%]\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">[%OfferBanner%]</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">[%Eyebrow - Category%]</p><h2 class=\"card-horizontal__title js-title\">[%Title%]</h2> <p class=\"card-horizontal__subtitle js-subtitle\">[%Description%]</p><p class=\"card-horizontal__location js-location-name\">[%Location%]</p><p class=\"card-horizontal__offer js-offer\"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer loaded\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image loaded\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image loaded\" url=\"[%ImageURL%]\" alt=\"[%Title%]\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">[%OfferBanner%]</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">[%Eyebrow - Category%]</p><h2 class=\"card-featured__title\">[%Title%]</h2> <p class=\"card-featured__location\">[%Location%]</p><p class=\"card-featured__offer js-offer\"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">[%OfferBanner%]</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image loaded\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image loaded\" src=\"[%ImageURL%]\" alt=\"[%Title%]\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">[%Eyebrow - Category%]</p><p class=\"search-results-item__title\">[%Title%]</p><p class=\"search-results-item__subtitle\">[%Description%]</p><p class=\"search-results-item__offer-price\"> [%Pricefrom%] [%Currency%][%OfferPrice%] [%PriceAppendage%] </p></div></a> </div></div>"
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#938C7D",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#777658",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#938C7D",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#777658",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#938C7D",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      },
      {
        "cardType": "Generic",
        "responsiveImage": {
          "altText": "Alt Text",
          "dominantColour": "#777658",
          "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"
            }
          ]
        },
        "title": "Gardens in Ireland have a magic edge",
        "subtitle": "",
        "timeSpan": {
          "text": "4 min read"
        },
        "button": {
          "url": "#",
          "text": "Explore"
        }
      }
    ]
  },
  "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.