Listing Api Results: Events 

<div class="listing__content">
    <div class="cell category-listing__card-wrapper">
        <link media="all" rel="stylesheet" href="/assets/themes/default/css/event-card.css?cb=">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        New York, USA
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        London, UK
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        Amsterdam, NT
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        Amsterdam, NT
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        New York, USA
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        London, UK
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        Amsterdam, NT
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="event-default-card">
            <a href="#">
                <div class="event-defaul-card__image-wrapper">
                    <div class="event-default-card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </div>
                <div class="event-default-card__info">
                    <div class="event-default-card__date">
                        <p class="event-default-card__day">
                            2020-7-4
                        </p>
                        <p class="event-default-card__start-time">
                            10:00
                        </p>
                        <p class="event-default-card__end-time">
                            12:00
                        </p>
                    </div>
                    <p class="event-default-card__title">
                        Lorem Ipsum
                    </p>
                    <p class="event-default-card__location">
                        Amsterdam, NT
                    </p>
                    <p class="event-default-card__description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.
                    </p>
                </div>
                <div class="event-default-card__footer">
                    <p class="event-default-card__cta">
                        <span class="secondary-cta">Click here</span>
                    </p>
                    <p class="event-default-card__price">
                        £31 pp
                    </p>
                </div>
            </a>
        </div>
    </div>
</div>
 
<div class="listing__content">
    {{#if data}}
    {{#each data}}
    <div class="cell category-listing__card-wrapper">
        {{#ifEquals type "events"}}
        {{> @event-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "blog"}}
        {{> @blog-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "merchant"}}
        {{> @standard-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "page"}}
        {{> @standard-card theme=../theme }}
        {{/ifEquals}}
    </div>
    {{/each}}
    {{else}}
    <p class="category-listing__no-results">{{noResultsText}}</p>
    {{/if}}
</div>
 
{
  "theme": "default",
  "firstInstance": true,
  "data": [
    {
      "firstInstance": true,
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "New York, USA",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "London, UK",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "Amsterdam, NT",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "Amsterdam, NT",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "New York, USA",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "London, UK",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "Amsterdam, NT",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "date": "2020-7-4",
      "type": "events",
      "startTime": "10:00",
      "endTime": "12:00",
      "title": "Lorem Ipsum",
      "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "location": "Amsterdam, NT",
      "cta": {
        "url": "#",
        "text": "Click here"
      },
      "price": "£31 pp"
    }
  ],
  "noResultsText": "There are no items to display."
}

No notes defined.