<div class="promotional_section ">
<div class="promotional_section_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<h2 class="promotional_section_title">Ipsum Fermentum Tristique</h2>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="promotional_section_inner">
<div class="promotional_section_body">
<div class="promotional_section_card_main">
<figure class="promotional_section_main_figure">
<img class="promotional_section_main_image" srcset="https://images.fastspot.com/le-moyne/980x552/5 980w, https://images.fastspot.com/le-moyne/740x416/5 740w, https://images.fastspot.com/le-moyne/500x282/5 500w, https://images.fastspot.com/le-moyne/300x169/5 300w" sizes="(min-width: 1400px) 746px, (min-width: 1220px) 652px, (min-width: 980px) 521px, (min-width: 740px) 378px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/le-moyne/300x169/5" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="promotional_section_main_body">
<h3 class="promotional_section_main_title">Visit Us</h3>
<p class="promotional_section_main_text">You'll find the best of all worlds at Le Moyne -a comprehensive education that sets you up for career success, in a close-knit community that supports and challenges you to become the person you want to be. Stop by for a visit. We'd love to show you around.</p>
<ul class="promotional_section_main_links">
<li class="promotional_section_main_link_item">
<a href="#" class="promotional_section_main_link">
<span class="promotional_section_main_link_inner">
<span class="promotional_section_main_link_label">Plan Your Visit</span><span class="icon_nowrap promotional_section_main_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="promotional_section_main_link_item">
<a href="#" class="promotional_section_main_link">
<span class="promotional_section_main_link_inner">
<span class="promotional_section_main_link_label">Apply Today</span><span class="icon_nowrap promotional_section_main_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="promotional_section_main_link_item">
<a href="#" class="promotional_section_main_link">
<span class="promotional_section_main_link_inner">
<span class="promotional_section_main_link_label">Meet Your Admission Counselor</span><span class="icon_nowrap promotional_section_main_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 class="promotional_section_card_side">
<figure class="promotional_section_side_figure">
<img class="promotional_section_side_image" srcset="https://images.fastspot.com/le-moyne/740x416/4 740w, https://images.fastspot.com/le-moyne/500x282/4 500w, https://images.fastspot.com/le-moyne/300x169/4 300w" sizes="(min-width: 1400px) 518px, (min-width: 1220px) 452px, (min-width: 980px) 362px, (min-width: 740px) 284px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/le-moyne/300x169/4" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="promotional_section_side_body">
<h3 class="promotional_section_side_title">Scholarships & Aid</h3>
<p class="promotional_section_side_text">Each year the College commits more than $46 million to financial aid, which is used to help more than 95 percent of students.</p>
<a href="#" class="promotional_section_side_link">
<span class="promotional_section_side_link_inner">
<span class="promotional_section_side_link_label">Cost & Financial Aid</span>
<span class="promotional_section_side_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@component-promotional-section' with {
reversed: false,
title: 'Ipsum Fermentum Tristique',
description: '',
card_main: {
image: '1',
title: '',
text: '',
links: [
{
title: '',
url: '#',
},
]
},
card_side: {
image: '2',
title: '',
text: '',
link: {
title: '',
url: '#',
}
}
} %}
#}
<div class="promotional_section {{ reversed ? 'promotional_section_reversed' }}">
<div class="promotional_section_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<h2 class="promotional_section_title">{{ title }}</h2>
{% if description %}
<p class="promotional_section_description">{{ description }}</p>
{% endif %}
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="promotional_section_inner">
<div class="promotional_section_body">
{% set card_main %}
<div class="promotional_section_card_main">
<figure class="promotional_section_main_figure">
{% include "@partial-image" with {
class: 'promotional_section_main',
alt: '',
image: card_main.image,
loading: 'lazy',
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 1400px) 746px',
'(min-width: 1220px) 652px',
'(min-width: 980px) 521px',
'(min-width: 740px) 378px',
'(min-width: 380px) calc(95.88vw - 38px)',
'calc(31.67vw + 193px)',
]
} %}
</figure>
<div class="promotional_section_main_body">
<h3 class="promotional_section_main_title">{{ card_main.title }}</h3>
<p class="promotional_section_main_text">{{ card_main.text }}</p>
{% if card_main.links %}
<ul class="promotional_section_main_links">
{% for link in card_main.links %}
<li class="promotional_section_main_link_item">
{% include "@partial-link" with {
class: 'promotional_section_main',
title: link.title,
url: link.url,
icon: 'caret_right',
nowrap: true,
} %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
{% endset %}
{% set card_side %}
<div class="promotional_section_card_side">
<figure class="promotional_section_side_figure">
{% include "@partial-image" with {
class: 'promotional_section_side',
alt: '',
image: card_side.image,
loading: 'lazy',
sources: [
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 1400px) 518px',
'(min-width: 1220px) 452px',
'(min-width: 980px) 362px',
'(min-width: 740px) 284px',
'(min-width: 380px) calc(95.88vw - 38px)',
'calc(31.67vw + 193px)',
]
} %}
</figure>
<div class="promotional_section_side_body">
<h3 class="promotional_section_side_title">{{ card_side.title }}</h3>
<p class="promotional_section_side_text">{{ card_side.text }}</p>
{% if card_side.link %}
{% include "@partial-link" with {
class: 'promotional_section_side',
title: card_side.link.title,
url: card_side.link.url,
icon: 'caret_right',
} %}
{% endif %}
</div>
</div>
{% endset %}
{% if reversed %}
{{ card_side }}
{{ card_main }}
{% else %}
{{ card_main }}
{{ card_side }}
{% endif %}
</div>
</div>
</div>
</div>
</div>
No notes defined.