_content/solutions/case-studies.md
{{$solutions := pages "/solutions/*"}}
<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>
<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>