<!-- Link Group -->
<div class="news_callouts">
<div class="news_callouts_inner">
<div class="news_callouts_header">
<h2 class="news_callouts_title">Tru Blue Moments</h2>
</div>
<ul class="news_callouts_list">
<li class="news_callout">
<div class="news_callout_inner">
<h2 class="news_callout_title">
<a href="#" class="news_callout_title_link">
<span class="news_callout_title_link_inner">
<span class="news_callout_title_link_label">Praesent commodo cursus magna, vel scelerisque nisl consectetur et</span>
<span class="news_callout_title_link_icon" aria-hidden="true">
<span class="news_callout_title_link_icon_inner">
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="news_callout_media">
<span class="lazy_image_wrapper news_callout_image_wrapper">
<img class="js-lazy js-lazyload news_callout_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x300/1" data-src="//images.fastspot.com/new-college-of-florida/740x740/1" data-srcset="//images.fastspot.com/new-college-of-florida/740x740/1 740w, //images.fastspot.com/new-college-of-florida/500x500/1 500w, //images.fastspot.com/new-college-of-florida/300x300/1 300w" alt="">
</span>
<noscript>
<img class="news_callout_image" src="https://images.fastspot.com/new-college-of-florida/300x300/1" srcset="https://images.fastspot.com/new-college-of-florida/300x300/1 300w, https://images.fastspot.com/new-college-of-florida/500x500/1 500w, https://images.fastspot.com/new-college-of-florida/740x740/1 740w" sizes="100vw" alt="">
</noscript>
</div>
</div>
</li>
<li class="news_callout">
<div class="news_callout_inner">
<h2 class="news_callout_title">
<a href="#" class="news_callout_title_link">
<span class="news_callout_title_link_inner">
<span class="news_callout_title_link_label">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et mauris</span>
<span class="news_callout_title_link_icon" aria-hidden="true">
<span class="news_callout_title_link_icon_inner">
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="news_callout_media">
<span class="lazy_image_wrapper news_callout_image_wrapper">
<img class="js-lazy js-lazyload news_callout_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x300/2" data-src="//images.fastspot.com/new-college-of-florida/740x740/2" data-srcset="//images.fastspot.com/new-college-of-florida/740x740/2 740w, //images.fastspot.com/new-college-of-florida/500x500/2 500w, //images.fastspot.com/new-college-of-florida/300x300/2 300w" alt="">
</span>
<noscript>
<img class="news_callout_image" src="https://images.fastspot.com/new-college-of-florida/300x300/2" srcset="https://images.fastspot.com/new-college-of-florida/300x300/2 300w, https://images.fastspot.com/new-college-of-florida/500x500/2 500w, https://images.fastspot.com/new-college-of-florida/740x740/2 740w" sizes="100vw" alt="">
</noscript>
</div>
</div>
</li>
<li class="news_callout">
<div class="news_callout_inner">
<h2 class="news_callout_title">
<a href="#" class="news_callout_title_link">
<span class="news_callout_title_link_inner">
<span class="news_callout_title_link_label">Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</span>
<span class="news_callout_title_link_icon" aria-hidden="true">
<span class="news_callout_title_link_icon_inner">
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="news_callout_media">
<span class="lazy_image_wrapper news_callout_image_wrapper">
<img class="js-lazy js-lazyload news_callout_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x300/3" data-src="//images.fastspot.com/new-college-of-florida/740x740/3" data-srcset="//images.fastspot.com/new-college-of-florida/740x740/3 740w, //images.fastspot.com/new-college-of-florida/500x500/3 500w, //images.fastspot.com/new-college-of-florida/300x300/3 300w" alt="">
</span>
<noscript>
<img class="news_callout_image" src="https://images.fastspot.com/new-college-of-florida/300x300/3" srcset="https://images.fastspot.com/new-college-of-florida/300x300/3 300w, https://images.fastspot.com/new-college-of-florida/500x500/3 500w, https://images.fastspot.com/new-college-of-florida/740x740/3 740w" sizes="100vw" alt="">
</noscript>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- END: Link Group -->
<!-- Link Group -->
<div class="news_callouts">
<div class="news_callouts_inner">
<div class="news_callouts_header">
<h2 class="news_callouts_title">{{ title }}</h2>
</div>
<ul class="news_callouts_list">
{% for item in items %}
<li class="news_callout">
<div class="news_callout_inner">
<h2 class="news_callout_title">
{% include "@partial-link" with {
class: "news_callout_title",
title: item.title,
url: '#',
icon: 'arrow_right'
} %}
</h2>
<div class="news_callout_media">
{% include "@partial-image" with {
class: "news_callout",
alt: "",
image: item.image,
sources: [
img.square.sml,
img.square.xsml,
img.square.xxsml
]
} %}
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<!-- END: Link Group -->
No notes defined.