<div class="facts_image ">
<div class="fs-row">
<div class="fs-cell">
<div class="facts_image_inner">
<div class="facts_image_facts_block">
<div class="facts_image_facts_header">
<h2 class="facts_image_title">Did you know</h2>
</div>
<div class="facts_image_facts_wrapper facts_image_facts_wrapper_carousel">
<div class="js-carousel facts_image_facts" data-carousel-options='{"contained":false,"pagination":true,"controls":false}'>
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">Top 10%</span>
<span class="facts_image_fact_text">of business schools per U.S. News & World Report.</span>
</p>
</div>
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">97%</span>
<span class="facts_image_fact_text">of recent graduates report being employed or in <a href="#">graduate school</a> within six months of commencement.</span>
</p>
</div>
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">80+</span>
<span class="facts_image_fact_text"><a href="#">student clubs and organizations.</a></span>
</p>
</div>
</div>
</div>
<div class="facts_image_facts_wrapper facts_image_facts_wrapper_list">
<div class="facts_image_facts">
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">Top 10%</span>
<span class="facts_image_fact_text">of business schools per U.S. News & World Report.</span>
</p>
</div>
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">97%</span>
<span class="facts_image_fact_text">of recent graduates report being employed or in <a href="#">graduate school</a> within six months of commencement.</span>
</p>
</div>
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">80+</span>
<span class="facts_image_fact_text"><a href="#">student clubs and organizations.</a></span>
</p>
</div>
</div>
</div>
</div>
<div class="facts_image_image_block">
<figure class="facts_image_figure">
<img class="facts_image_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) 774px, (min-width: 1220px) 676px, (min-width: 980px) 541px, (min-width: 740px) 331px, (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="facts_image_overlay js-facts-image-overlay">
<p class="facts_image_overlay_text">From the moment you arrive on The Heights, you'll have many opportunities to connect with fellow 'Phins.</p>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@component-facts-image' with {
title: 'Did you know',
hide_title: false,
facts: [
{
stat: 'Top 10%',
text: 'of business schools per U.S. News & World Report.',
},
],
image: '1',
reveal_text: 'Etiam venenatis nibh hendrerit diam imperdiet, id fermentum nisl cursus.'
} %}
#}
{% set carousel_options = {
contained: false,
pagination: true,
controls: false,
} %}
{% set carousel_options = carousel_options|json_encode %}
{% set fact_items %}
{% for fact in facts %}
<div class="facts_image_fact">
<p class="facts_image_fact_content">
<span class="facts_image_fact_stat">{{ fact.stat }}</span>
<span class="facts_image_fact_text">{{ fact.text }}</span>
</p>
</div>
{% endfor %}
{% endset %}
<div class="facts_image {{hide_title ? 'facts_image_hidden_title'}}">
<div class="fs-row">
<div class="fs-cell">
<div class="facts_image_inner">
<div class="facts_image_facts_block">
<div class="facts_image_facts_header">
<h2 class="facts_image_title">{{ title }}</h2>
</div>
<div class="facts_image_facts_wrapper facts_image_facts_wrapper_carousel">
<div class="js-carousel facts_image_facts" data-carousel-options='{{ carousel_options }}'>
{{ fact_items }}
</div>
</div>
<div class="facts_image_facts_wrapper facts_image_facts_wrapper_list">
<div class="facts_image_facts">
{{ fact_items }}
</div>
</div>
</div>
<div class="facts_image_image_block">
<figure class="facts_image_figure">
{% include '@partial-image' with {
class: 'facts_image',
alt: '',
image: image,
loading: 'lazy',
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 1400px) 774px',
'(min-width: 1220px) 676px',
'(min-width: 980px) 541px',
'(min-width: 740px) 331px',
'(min-width: 380px) calc(95.88vw - 38px)',
'calc(31.67vw + 193px)'
]
} %}
</figure>
<div class="facts_image_overlay js-facts-image-overlay">
<p class="facts_image_overlay_text">{{ reveal_text }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.