<div class="experience-brand" data-module="experienceBrandMyIrelandCard" data-card-id="">
    <button class="like-button js-like-button" role="button">
        <span class="like-button__text"></span>
        <span class="like-button__wave"></span>
    </button>
    <div class="cell porthole-slide
         porthole-slide--bottom-right
        ">
        <div class="experience-brand-porthole__background-overlay">
            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                <img class="image__lowres js-image-lazyload" data-object-fit data-src="/media/porthole-tabber/porthole_experience-brand-hero_static.jpg" alt="Alt Text">
                <picture class="image__container">
                    <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="/media/porthole-tabber/porthole_experience-brand-hero_static.jpg" />
                    <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="/media/porthole-tabber/porthole_experience-brand-hero_static.jpg" />
                    <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="/media/porthole-tabber/porthole_experience-brand-hero_static.jpg" />
                    <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                </picture>
            </figure>
            <div class="experience-brand-porthole__overlay"></div>
        </div>
        <div class="experience-brand-porthole__inner">
            <div class="grid-container experience-brand-porthole__grid-container">
                <div class="experience-brand-porthole__content grid-x grid-margin-x">
                    <div class="experience-brand-porthole__media cell">
                        <div class="experience-brand-porthole__map" style="background-image: url(https://tiprod20storage.blob.core.windows.net/media/Project/Website/ExperienceBrands/Maps/af54cd2e2aaa4a6c9af5c2ccc1d1e261.svg);"></div>
                    </div>
                    <div class="experience-brand-porthole__circle cell">
                        <a href="" class="experience-brand-porthole__cta js-porthole-cta" role="button">
                            <div class="experience-brand-porthole__porthole">
                                <div class="video" data-module="video" data-autoplay="true" data-hide-controls="true" data-loop="true" data-muted="">
                                    <template class="js-small-video-template">
                                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                                            <video playsinline autoplay muted loop class="video__player js-video-player">
                                                <source src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4" type="video/mp4" />
                                                <source src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4" type="video/mp4" />
                                            </video>
                                        </div>
                                    </template>
                                    <template class="js-medium-video-template">
                                        <div class="js-video-container video__container" data-poster-url="https://via.placeholder.com/1600x900.png">
                                            <video playsinline autoplay muted loop class="video__player js-video-player">
                                                <source src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4" type="video/mp4" />
                                            </video>
                                        </div>
                                    </template>
                                    <div class="js-video-container video__container"></div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="experience-brand-porthole__intro cell">
                        <div class="experience-brand-porthole__brand" style="background-image: url(/media/experience-brands/icons/waw--color.svg);"></div>
                        <p class="experience-brand-porthole__description">The journey of a lifetime awaits along 2,500km of coastal road on the Wild Atlantic Way. Pack your bags, leave the everyday behind you and get ready to embrace the best of the west.</p>
                    </div>
                </div>
            </div>
            <div class="experience-brand-porthole__layered-image" style="background-image: url(/media/porthole-tabber/porthole_asset-layer-image_IAE.gif);"></div>
        </div>
    </div>
</div>
<div class="experience-brand" data-module="experienceBrandMyIrelandCard" data-card-id="{{cardId}}">
    {{> @cp-like-button likeText}}
    <div class="cell porthole-slide
        {{#ifEquals position "top-right"}} porthole-slide--top-right{{/ifEquals}}
        {{#ifEquals position "top-left"}} porthole-slide--top-left{{/ifEquals}}
        {{#ifEquals position "bottom-right"}} porthole-slide--bottom-right{{/ifEquals}}
        {{#ifEquals position "bottom-left"}} porthole-slide--bottom-left{{/ifEquals}}
        {{#ifEquals position "top-center"}} porthole-slide--top-center{{/ifEquals}}
        {{#ifEquals position "bottom-center"}} porthole-slide--bottom-center{{/ifEquals}}">
        {{> @cp-experience-brand-porthole }}
    </div>
</div>
{
  "title": "Experience the wonder of Ireland",
  "subtitle": "From breathtaking landscapes and rural idylls to buzzing urban hubs and amazing festivals, it's all waiting to be discovered.",
  "filterTab": "waw",
  "description": "The journey of a lifetime awaits along 2,500km of coastal road on the Wild Atlantic Way. Pack your bags, leave the everyday behind you and get ready to embrace the best of the west.",
  "responsiveImage": {
    "altText": "Alt Text",
    "lowResolutionUrl": "/media/porthole-tabber/porthole_experience-brand-hero_static.jpg",
    "sources": [
      {
        "type": "image/jpeg",
        "largeUrl": "/media/porthole-tabber/porthole_experience-brand-hero_static.jpg",
        "smallUrl": "/media/porthole-tabber/porthole_experience-brand-hero_static.jpg"
      }
    ]
  },
  "fullVideo": {
    "isYouTube": false,
    "video": {
      "videoUrls": [
        {
          "type": "video/mp4",
          "url": "https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4"
        }
      ],
      "mobileVideoUrls": [
        {
          "type": "video/mp4",
          "url": "https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4"
        },
        {
          "type": "video/mp4",
          "url": "https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4"
        }
      ],
      "posterUrl": "https://via.placeholder.com/1600x900.png"
    }
  },
  "brandSimpleImage": {
    "src": "/media/experience-brands/icons/waw--color.svg"
  },
  "mapSimpleImage": {
    "src": "https://tiprod20storage.blob.core.windows.net/media/Project/Website/ExperienceBrands/Maps/af54cd2e2aaa4a6c9af5c2ccc1d1e261.svg"
  },
  "layeredSimpleImage": {
    "src": "/media/porthole-tabber/porthole_asset-layer-image_IAE.gif"
  },
  "position": "bottom-right"
}

There are no notes for this item.