{{ with .Site.Data.gallery }}
{{ if .enable }}
<section class="gallery" id="cabinet">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="section-title">
          <h2>{{ .title | safeHTML }}</h2>
          <p>
            {{.subtitle}}
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      {{ range .galleryImage }}
        <div class="col-md-6">
          <div class="gallery-item">
            <a href="{{ .image | absURL }}" data-source="{{ .image | absURL }}"
               title="{{ .description }}">
                <img src="{{ .image | absURL }}" alt="gallery-images">
            </a>
          </div>
        </div>
    {{ end }}
    </div>
    {{ if .heroVideo }}
      <div class="hero-video-player">
        <div class="hero-video-player-icon">
          <a class="popup-vimeo" href="{{ .heroVideo }}">
              <i class="ti-control-play"></i>
          </a>
        </div>
        {{ .herosVideoDesc | safeHTML }}
      </div>
    {{ end }}
  </div>
</section>
{{ end }}
{{ end }}