<div class="news_highlights">
<div class="fs-row">
<div class="fs-cell">
<div class="news_highlights_inner">
<div class="news_highlights_content">
<figure class="news_highlights_figure">
<img class="news_highlights_image" srcset="https://images.fastspot.com/le-moyne/980x654/8 980w, https://images.fastspot.com/le-moyne/740x494/8 740w, https://images.fastspot.com/le-moyne/500x334/8 500w, https://images.fastspot.com/le-moyne/300x200/8 300w" sizes="(min-width: 1400px) 746px, (min-width: 1220px) 652px, (min-width: 980px) 521px, (min-width: 780px) 691px, (min-width: 400px) calc(96.11vw - 39px), calc(20vw + 250px)" src="https://images.fastspot.com/le-moyne/300x200/8" alt="" loading="lazy" width="300" height="200">
</figure>
<h2 class="news_highlights_content_title">Le Moyne Athletics News</h2>
<p class="news_highlights_text">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<ul class="news_highlights_links">
<li class="news_highlights_link_item">
<a href="#" class="news_highlights_link">
<span class="news_highlights_link_inner">
<span class="news_highlights_link_label">Explore Athletics News</span>
<span class="news_highlights_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
<div class="news_highlights_card">
<figure class="news_highlights_figure">
<img class="news_highlights_image" srcset="https://images.fastspot.com/le-moyne/740x494/7 740w, https://images.fastspot.com/le-moyne/500x334/7 500w, https://images.fastspot.com/le-moyne/300x200/7 300w" sizes="(min-width: 1400px) 518px, (min-width: 1220px) 452px, (min-width: 980px) 362px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(25vw + 217px)" src="https://images.fastspot.com/le-moyne/300x200/7" alt="" loading="lazy" width="300" height="200">
</figure>
<h2 class="news_highlights_content_title">For the Media</h2>
<p class="news_highlights_text">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
<ul class="news_highlights_links">
<li class="news_highlights_link_item">
<a href="#" class="news_highlights_link">
<span class="news_highlights_link_inner">
<span class="news_highlights_link_label">Explore For the Media</span>
<span class="news_highlights_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
{#
{% include "@component-news-highlights" with {
content: {
image: '1',
title: 'Le Moyne Athletics News',
text: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.',
links: [
{
title: 'Explore Athletics News',
url: '#',
},
],
},
side: {
image: '2',
title: 'For the Media',
text: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.',
links: [
{
title: 'Explore For the Media',
url: '#',
},
],
}
} %}
#}
<div class="news_highlights">
<div class="fs-row">
<div class="fs-cell">
<div class="news_highlights_inner">
<div class="news_highlights_content">
<figure class="news_highlights_figure">
{% include "@partial-image" with {
class: 'news_highlights',
alt: '',
image: content.image,
loading: 'lazy',
sources: [
img.classic.med,
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
],
sizes: [
'(min-width: 1400px) 746px',
'(min-width: 1220px) 652px',
'(min-width: 980px) 521px',
'(min-width: 780px) 691px',
'(min-width: 400px) calc(96.11vw - 39px)',
'calc(20vw + 250px)',
]
} %}
</figure>
<h2 class="news_highlights_content_title">{{ content.title }}</h2>
<p class="news_highlights_text">{{ content.text }}</p>
{% if content.links %}
<ul class="news_highlights_links">
{% for link in content.links %}
<li class="news_highlights_link_item">
{% include "@partial-link" with {
class: 'news_highlights',
title: link.title,
url: link.url,
icon: 'caret_right',
} %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="news_highlights_card">
<figure class="news_highlights_figure">
{% include "@partial-image" with {
class: 'news_highlights',
alt: '',
image: side.image,
loading: 'lazy',
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
],
sizes: [
'(min-width: 1400px) 518px',
'(min-width: 1220px) 452px',
'(min-width: 980px) 362px',
'(min-width: 780px) 691px',
'(min-width: 380px) calc(96.05vw - 39px)',
'calc(25vw + 217px)',
]
} %}
</figure>
<h2 class="news_highlights_content_title">{{ side.title }}</h2>
<p class="news_highlights_text">{{ side.text }}</p>
{% if side.links %}
<ul class="news_highlights_links">
{% for link in side.links %}
<li class="news_highlights_link_item">
{% include "@partial-link" with {
class: 'news_highlights',
title: link.title,
url: link.url,
icon: 'caret_right',
} %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</div>
</div>
</div>
No notes defined.