<div class="campaign-tout loaded" data-module="campaignTout">
<div class="campaign-tout__background">
<figure class="image js-image loaded" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;">
<img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
</picture>
</figure>
</div>
<a href="[%OfferLink%]" class="campaign-tout__link">
<div class="campaign-tout__inner">
<div class="grid-container">
<div class="grid-x">
<div class="cell medium-7 large-5 medium-offset-1">
<p class="campaign-tout__eyebrow">[%OfferBanner%]</p>
<time class="campaign-tout__date">[%Eyebrow - Category%]</time>
<h2 class="campaign-tout__title">[%Title%]</h2>
<p class="campaign-tout__subtitle">[%Description%]</p>
<p class="campaign-tout__location">[%Location%]</p>
<div class="button-p1 button-p1--with-icon campaign-tout__fake-button">
<span>
[%CTAText%]
</span>
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="campaign-tout campaign-tout--has-tears loaded" data-module="campaignTout">
<div class="campaign-tout__background">
<figure class="image js-image loaded" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;">
<img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]"/>
</picture>
</figure>
</div>
<a href="[%OfferLink%]" class="campaign-tout__link">
<div class="campaign-tout__inner">
<div class="grid-container">
<div class="grid-x">
<div class="cell medium-7 large-5">
<p class="campaign-tout__eyebrow">[%OfferBanner%]</p>
<time class="campaign-tout__date">[%Eyebrow - Category%]</time>
<h2 class="campaign-tout__title">[%Title%]</h2>
<p class="campaign-tout__subtitle">[%Description%]</p>
<p class="campaign-tout__location">[%Location%]</p>
<div class="button-p1 button-p1--with-icon campaign-tout__fake-button">
<span>
[%CTAText%]
</span>
</div>
</div>
</div>
</div>
</div>
</a>
</div>