Case Studies - Json Iterator

<section class="Solutions-headline"> <div class="GoCarousel" id="SolutionsHeroCarousel-carousel"> <div class="GoCarousel-controlsContainer"> <div class="GoCarousel-wrapper SolutionsHeroCarousel-wrapper"> {{ breadcrumbs . }} <ul class="js-solutionsHeroCarouselSlides SolutionsHeroCarousel-slides"> {{- $n := 0}} {{- range newest $solutions}} {{- if eq .series "Case Studies"}} {{- $n = add $n 1}} {{- if le $n 3}} <li class="SolutionsHeroCarousel-slide"> <div class="Solutions-headlineImg">

            </div>
            <div class="Solutions-headlineText">
              <p class="Solutions-headlineNotification">RECENTLY UPDATED</p>
              <h2>
                {{(or .linkTitle .title)}}
              </h2>
              <p class="Solutions-headlineBody">
                {{with .quote}}{{.}}{{end}}
                <a href="{{.URL}}" aria-describedby="casestudy-description"
                  >Learn more
                  <i class="material-icons Solutions-forwardArrowIcon" aria-hidden="true"
                    >arrow_forward</i
                  >
                </a>
              </p>
            </div>
          </li>
          {{- end}}
        {{- end}}
      {{- end}}
    </ul>
  </div>
  <div class="screen-reader-only" id="casestudy-description" hidden>
      Opens in new window.
</div>
  <button
    class="js-solutionsHeroCarouselPrev GoCarousel-controlPrev GoCarousel-controlPrev-solutionsHero"
    hidden
  >
    <i class="GoCarousel-icon material-icons">navigate_before</i>
  </button>
  <button
    class="js-solutionsHeroCarouselNext GoCarousel-controlNext GoCarousel-controlNext-solutionsHero"
  >
    <i class="GoCarousel-icon material-icons">navigate_next</i>
  </button>
</div>

</div> </section> <section class="Solutions-useCases"> <div class="Container"> <ul class="MarketingCardList"> {{- range $solutions}} {{- if eq .series "Case Studies"}} <li class="MarketingCard"> {{- if .link}} <a href="{{.link}}" target="_blank" rel="noopener" > {{- else}} <a href="{{.URL}}"> {{- end}} <div class="MarketingCard-section">

          </div>
          <div class="MarketingCard-section MarketingCard-section__spacer">
            <h2 class="MarketingCard-title">{{or .linkTitle .title}}</h2>
            <p class="MarketingCard-body">
            {{- if .link}}
              {{.description}}
            {{- else}}
              {{with .quote}}{{.}}{{end}}
            {{- end}}
            </p>
          </div>
          <div class="MarketingCard-section__bottom" aria-describedby="casestudy-description">
            <p class="MarketingCard-action">View Case Study</p>
          </div>
        </a>
      </li>
    {{- end}}
  {{- end}}
<ul>

</div> </section>