<div class="offer-cards">
    <h3 class="spacer-sm">Horizontal Cards</h3>
    <section class="grid-x grid-margin-x grid-margin-y">
        <div clas s="cell medium-6 spacer-md">
            <div data-module="card" class="card-horizontal card-horizontal--offer js-card-generic" data-longitude="-5.93008" data-latitude="54.59939">
                <a class="card-horizontal__link js-link" href="http://www.google.co.uk">
                    <div class="card-horizontal__image js-image">
                        <figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image="">
                            <img class="image__lowres js-image-lazyload" data-src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;10&amp;q&#x3D;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&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;768&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-1549918864-48ac978761a4?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1900&amp;q&#x3D;80" />
                                <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1900&amp;q&#x3D;80" />
                                <img class="js-image-lazyload js-fallback-image" data-src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1901&amp;q&#x3D;80" alt="">
                            </picture>
                        </figure>
                        <p class="card-horizontal__offer-badge js-offer-badge">Save £100</p>
                    </div>
                    <div class="card-horizontal__copy">
                        <p class="card-horizontal__category js-category">Accommodation</p>
                        <h2 class="card-horizontal__title js-title">Gorgeous gardens of Irelands Ancient East</h2>
                        <p class="card-horizontal__subtitle js-subtitle">Progressively develop diverse mindshare through error-free platforms. Synergistically conceptualize market-driven.</p>
                        <p class="card-horizontal__location js-location-name">Location</p>
                        <p class="card-horizontal__offer js-offer">
                            From
                            €169
                            pps
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="grid-x grid-margin-x grid-margin-y">
        <div clas s="cell medium-6 spacer-md">
            <div data-module="card" class="card-horizontal card-horizontal--offer js-card-generic" data-longitude="-6.26138" data-latitude="53.34626">
                <a class="card-horizontal__link js-link" href="#">
                    <div class="card-horizontal__image js-image">
                        <figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image="">
                            <img class="image__lowres js-image-lazyload" data-src="https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1350&amp;q&#x3D;80" alt="">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1350&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-1580928046254-e255588b9c42?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1350&amp;q&#x3D;80" />
                                <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1350&amp;q&#x3D;80" />
                                <img class="js-image-lazyload js-fallback-image" data-src="" alt="">
                            </picture>
                        </figure>
                        <p class="card-horizontal__offer-badge js-offer-badge">Save £100</p>
                    </div>
                    <div class="card-horizontal__copy">
                        <p class="card-horizontal__category js-category">Accommodation</p>
                        <h2 class="card-horizontal__title js-title">Gorgeous gardens of Irelands Ancient East</h2>
                        <p class="card-horizontal__subtitle js-subtitle"></p>
                        <p class="card-horizontal__location js-location-name">Location</p>
                        <p class="card-horizontal__offer js-offer">
                            From
                            €169
                            pps
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </section>
    <h3 class="spacer-sm">Small Cards</h3>
    <section class="grid-x grid-margin-x">
        <div class="cell medium-3 spacer-md">
            <div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic card-standard--small">
                <a class="card-standard__anchor js-link" href="#">
                    <div class="card-standard__image-container">
                        <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-1551819561-c69621886139?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="">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?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-1551819561-c69621886139?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="">
                            </picture>
                        </figure>
                    </div>
                    <p class="card-standard__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-standard__inner">
                        <div class="card-standard__details">
                            <p class="card-horizontal__category js-category">Accommodation</p>
                            <h3 class="card-standard__title js-title">Gorgeous gardens of Irelands Ancient East</h3>
                            <p class="card-standard__subtitle js-subtitle">Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.</p>
                        </div>
                        <div class="card-standard__sub-details">
                            <p class="card-standard__location js-location-name">Dublin</p>
                            <p class="card-standard__offer js-offer">
                                From
                                €169
                                pps
                            </p>
                            <div class="hashtags" data-module="hashtags">
                                <ul>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="cell medium-3 spacer-md">
            <div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic card-standard--small">
                <a class="card-standard__anchor js-link" href="#">
                    <div class="card-standard__image-container">
                        <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-1551819561-c69621886139?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="">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?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-1551819561-c69621886139?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="">
                            </picture>
                        </figure>
                    </div>
                    <p class="card-standard__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-standard__inner">
                        <div class="card-standard__details">
                            <p class="card-horizontal__category js-category">Accommodation</p>
                            <h3 class="card-standard__title js-title">Gorgeous gardens of Irelands Ancient East</h3>
                            <p class="card-standard__subtitle js-subtitle">Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.</p>
                        </div>
                        <div class="card-standard__sub-details">
                            <p class="card-standard__location js-location-name"></p>
                            <p class="card-standard__offer js-offer">
                                From
                                €169
                                pps
                            </p>
                            <div class="hashtags" data-module="hashtags">
                                <ul>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>
    <h3 class="spacer-sm">Standard Cards</h3>
    <section class="grid-x grid-margin-x">
        <div class="cell medium-6 large-3 spacer-md">
            <div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic ">
                <a class="card-standard__anchor js-link" href="#">
                    <div class="card-standard__image-container">
                        <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-1551819561-c69621886139?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="">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?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-1551819561-c69621886139?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="">
                            </picture>
                        </figure>
                    </div>
                    <p class="card-standard__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-standard__inner">
                        <div class="card-standard__details">
                            <p class="card-horizontal__category js-category">Accommodation</p>
                            <h3 class="card-standard__title js-title">Gorgeous gardens of Irelands Ancient East</h3>
                            <p class="card-standard__subtitle js-subtitle">Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.</p>
                        </div>
                        <div class="card-standard__sub-details">
                            <p class="card-standard__location js-location-name">Dublin</p>
                            <p class="card-standard__offer js-offer">
                                From
                                €169
                                pps
                            </p>
                            <div class="hashtags" data-module="hashtags">
                                <ul>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="cell medium-6 large-3 spacer-md">
            <div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic ">
                <a class="card-standard__anchor js-link" href="#">
                    <div class="card-standard__image-container">
                        <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-1551819561-c69621886139?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="">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?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-1551819561-c69621886139?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="">
                            </picture>
                        </figure>
                    </div>
                    <p class="card-standard__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-standard__inner">
                        <div class="card-standard__details">
                            <p class="card-horizontal__category js-category">Accommodation</p>
                            <h3 class="card-standard__title js-title">Gorgeous gardens of Irelands Ancient East</h3>
                            <p class="card-standard__subtitle js-subtitle">Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.</p>
                        </div>
                        <div class="card-standard__sub-details">
                            <p class="card-standard__location js-location-name"></p>
                            <p class="card-standard__offer js-offer">
                                From
                                €169
                                pps
                            </p>
                            <div class="hashtags" data-module="hashtags">
                                <ul>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>
    <h3 class="spacer-sm">Featured Cards</h3>
    <section class="grid-x grid-margin-x">
        <div class="cell medium-6 large-3 spacer-md">
            <div class="card-featured card-featured--offer bg-inverted js-card-generic" data-module="card">
                <a hhref="#" 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="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__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-featured__overlay">
                        <p class="card-featured__category js-category">Accommodation</p>
                        <h2 class="card-featured__title">Gorgeous gardens of Irelands Ancient East</h2>
                        <p class="card-featured__location">Belfast</p>
                        <p class="card-featured__offer js-offer">
                            From
                            €169
                            pps
                        </p>
                        <div class="hashtags hashtags--has-background" data-module="hashtags">
                            <ul>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="cell medium-6 large-3 spacer-md">
            <div class="card-featured card-featured--offer bg-inverted js-card-generic" data-module="card">
                <a hhref="#" 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="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__offer-badge js-offer-badge">Save £100</p>
                    <div class="card-featured__overlay">
                        <p class="card-featured__category js-category">Accommodation</p>
                        <h2 class="card-featured__title">Gorgeous gardens of Irelands Ancient East</h2>
                        <p class="card-featured__location">Waterford</p>
                        <p class="card-featured__offer js-offer">
                            From
                            €169
                            pps
                        </p>
                        <div class="hashtags hashtags--has-background" data-module="hashtags">
                            <ul>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Citybreak</span></li>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Adventure</span></li>
                                <li><span class="hashtags__link js-hashtag-link" role="button">#Surfing</span></li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>
</div>
<div class="offer-cards">
    <h3 class="spacer-sm">Horizontal Cards</h3>
    {{#each horizontalCards }}
        <section class="grid-x grid-margin-x grid-margin-y">
            <div clas s="cell medium-6 spacer-md">
                {{> @cp-offer-card-horizontal}}
            </div>
        </section>
    {{/each}}
    <h3 class="spacer-sm">Small Cards</h3>
    <section class="grid-x grid-margin-x">
        {{#each standardCards }}
            <div class="cell medium-3 spacer-md">
                {{> @cp-offer-card-standard hideTeaser=hideTeaser isSmall=true}}
            </div>
        {{/each}}
    </section>
    <h3 class="spacer-sm">Standard Cards</h3>
    <section class="grid-x grid-margin-x">
        {{#each standardCards }}
            <div class="cell medium-6 large-3 spacer-md">
                {{> @cp-offer-card-standard hideTeaser=hideTeaser}}
            </div>
        {{/each}}
    </section>
    <h3 class="spacer-sm">Featured Cards</h3>
    <section class="grid-x grid-margin-x">
        {{#each featuredCards }}
            <div class="cell medium-6 large-3 spacer-md">
                {{> @cp-offer-card-featured}}
            </div>
        {{/each}}
    </section>
</div>
{
  "horizontalCards": [
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=10&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=1900&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=768&q=80"
          }
        ],
        "fallbackImageUrl": "https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1901&q=80"
      },
      "cardType": "Offer",
      "pageType": "Destination",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "subtitle": "Progressively develop diverse mindshare through error-free platforms. Synergistically conceptualize market-driven.",
      "location": {
        "longitude": -5.93008,
        "latitude": 54.59939
      },
      "locationName": "Location",
      "link": {
        "text": "",
        "url": "http://www.google.co.uk"
      },
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      }
    },
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1580928046254-e255588b9c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80"
          }
        ]
      },
      "cardType": "Offer",
      "pageType": "Accomodation",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "location": {
        "longitude": -6.26138,
        "latitude": 53.34626
      },
      "starRating": {
        "rating": 4,
        "total": 4
      },
      "locationName": "Location",
      "link": {
        "text": "",
        "url": "#"
      },
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      }
    }
  ],
  "standardCards": [
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ]
      },
      "cardType": "Offer",
      "pageType": "Destination",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "subtitle": "Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.",
      "locationName": "Dublin",
      "link": {
        "text": "",
        "url": "#"
      },
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      },
      "tags": {
        "isLarge": false,
        "hasBackground": false,
        "hashtags": [
          {
            "text": "#Citybreak",
            "url": "#citybreak"
          },
          {
            "text": "#Adventure",
            "url": "#adventure"
          },
          {
            "text": "#Surfing",
            "url": "#surfing"
          }
        ]
      }
    },
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?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-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ]
      },
      "cardType": "Offer",
      "pageType": "Destination",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "subtitle": "Progressively supply state of the art partnerships with 24/7 e-services. Interactively incentivize.",
      "locationName": "",
      "link": {
        "text": "",
        "url": "#"
      },
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      },
      "tags": {
        "isLarge": false,
        "hasBackground": false,
        "hashtags": [
          {
            "text": "#Citybreak",
            "url": "#citybreak"
          },
          {
            "text": "#Adventure",
            "url": "#adventure"
          },
          {
            "text": "#Surfing",
            "url": "#surfing"
          }
        ]
      }
    }
  ],
  "featuredCards": [
    {
      "cardType": "Offer",
      "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"
          }
        ],
        "fallbackImageUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80"
      },
      "pageType": "Article",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "subtitle": "",
      "locationName": "Belfast",
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      },
      "tags": {
        "isLarge": false,
        "hasBackground": true,
        "hashtags": [
          {
            "text": "#Citybreak",
            "url": "#citybreak"
          },
          {
            "text": "#Adventure",
            "url": "#adventure"
          },
          {
            "text": "#Surfing",
            "url": "#surfing"
          }
        ]
      }
    },
    {
      "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"
          }
        ],
        "fallbackImageUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80"
      },
      "pageType": "Article",
      "title": "Gorgeous gardens of Irelands Ancient East",
      "subtitle": "",
      "locationName": "Waterford",
      "offer": {
        "title": "Save £100",
        "currency": "€",
        "amount": 169,
        "beforeText": "From",
        "afterText": "pps",
        "category": "Accommodation"
      },
      "tags": {
        "isLarge": false,
        "hasBackground": true,
        "hashtags": [
          {
            "text": "#Citybreak",
            "url": "#citybreak"
          },
          {
            "text": "#Adventure",
            "url": "#adventure"
          },
          {
            "text": "#Surfing",
            "url": "#surfing"
          }
        ]
      }
    }
  ]
}

There are no notes for this item.