landing_page/qdrant-landing/themes/qdrant-2024/layouts/partials/stars-list.html

{{ with (.Site.GetPage "/stars/stars-list") }}
  <section class="stars-list">
    <div class="container">
      <h2 class="stars-list__title">{{ .Params.title }}</h2>
      <div class="stars-list__cards row gx-4">
        {{ range .Params.mainCards }}
          <div class="col-12 col-lg-6">
            <div class="stars-list__card stars-list__main-card">
              <img class="stars-list__main-card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
              <p class="stars-list__main-card-head">
                {{ .headTitle }}
                <img src="{{ .headIcon.src }}" alt="{{ .headIcon.alt }}">
              </p>
              <h6 class="stars-list__main-card-title">{{ .name }}</h6>
              <p class="stars-list__main-card-subtitle">{{ .position }}</p>
              <p class="stars-list__main-card-description">{{ .description | safeHTML }}</p>
              <div class="stars-list__main-card-overlay"></div>
            </div>
          </div>
        {{ end }}
      </div>
      <div class="stars-list__cards row gx-4">
        {{ range .Params.cards }}
          <div class="col-12 col-md-6 col-lg-4 col-xl-3">
            <div class="stars-list__card">
              <img class="stars-list__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
              <h6 class="stars-list__card-title">{{ .name }}</h6>
              <p class="stars-list__card-subtitle">{{ .position }}</p>
              <p class="stars-list__card-description">{{ .description }}</p>
              <div class="stars-list__card-overlay"></div>
            </div>
          </div>
        {{ end }}
      </div>
      <div class="stars-list__link">
        <a class="link link_xl" href="{{ .Params.link.url }}" target="_blank">
          {{ .Params.link.text }}
        </a>
      </div>
    </div>
    <div class="stars-list__overlay-top"></div>
    <div class="stars-list__overlay-bottom"></div>
  </section>
{{ end }}