Copy environment

Gallery item

Preview 
<a href="#" class="gallery-item">
    <div class="gallery-item__image-container">

        <div class="image image--fluid gallery-item__image">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20350%20230%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/350x230 350w 230h, //placehold.it/700x460 700w 460h" data-sizes="auto" alt="" class="image__img lazyload">
        </div>
    </div>
    <div class="gallery-item__info-container">
        <div class="gallery-item__heading">
            <h4 class="gallery-item__title">Kaevurite päev 2018
                <span class="gallery-item__icon-container"><svg class="icon  gallery-item__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
</span>
            </h4>
        </div>
        <div class="gallery-item__data">
            <p class="gallery-item__data-label">Pilte</p>
            <p class="gallery-item__data-info bold">196</p>
        </div>
        <div class="gallery-item__data">
            <p class="gallery-item__data-label">Lisamise aeg</p>
            <p class="gallery-item__data-info bold">15. november 2018</p>
        </div>
        <div class="gallery-item__gallery-container">
            <div class="gallery-item__gallery-image-container">

                <div class="image image--fluid gallery-item__gallery-image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
            <div class="gallery-item__gallery-image-container">

                <div class="image image--fluid gallery-item__gallery-image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
            <div class="gallery-item__gallery-image-container">

                <div class="image image--fluid gallery-item__gallery-image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
            <div class="gallery-item__gallery-image-container">

                <div class="image image--fluid gallery-item__gallery-image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
        </div>
    </div>
</a>
 
{
  "language": "en-US",
  "data": {
    "title": "Kaevurite päev 2018",
    "items": [
      {
        "label": "Pilte",
        "text": "196"
      },
      {
        "label": "Lisamise aeg",
        "text": "15. november 2018"
      }
    ],
    "images": [
      {},
      {},
      {},
      {}
    ]
  }
}