<div class="spotlight_slider component_has_radius">
<div class="spotlight_slider_wrap">
<div class="spotlight_slider_inner">
<div class="spotlight_slider_grid">
<div class="spotlight_slider_grid_item is_header">
<header class="spotlight_slider_header">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="spotlight_slider_header_inner">
<h2 class="spotlight_slider_title">
Spotlight
</h2>
</div>
</div>
</div>
</header>
</div>
<div class="spotlight_slider_grid_item is_body">
<div class="spotlight_slider_body">
<div class="js-carousel-embla embla__default-controls" data-carousel-embla='{"loop":false,"fade":{},"autoheight":{"active":true}}'>
<div class="embla">
<div id="values-carousel-viewport-1" class="embla__viewport" data-js="viewport">
<ul class="embla__container" data-js="container">
<li class="embla__slide">
<div class="spotlight_slider_item is_type_inline_image">
<div class="spotlight_slider_item_grid">
<div class="spotlight_slider_item_grid_item is_content">
<div class="spotlight_slider_item_content_grid">
<div class="spotlight_slider_item_content_grid_item is_content">
<blockquote class="spotlight_slider_item_quote">
You build another family when you play a sport here at Hilbert. It's not just teammates - you build a family.
</blockquote>
<div class="spotlight_slider_item_meta">
<div class="spotlight_slider_item_name">
Jon Evans, '24
</div>
<div class="spotlight_slider_item_title">
Business Management
</div>
</div>
<div class="spotlight_slider_item_link_wrap">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Hear Jon's Story</span>
</span>
</a>
</div>
</div>
<div class="spotlight_slider_item_content_grid_item is_media">
<figure class="spotlight_slider_item_inline_figure">
<img class="spotlight_slider_item_inline_image" srcset="https://images.fastspot.com/hilbert/300x225/1 300w, https://images.fastspot.com/hilbert/500x375/1 500w, https://images.fastspot.com/hilbert/740x555/1 740w" sizes="(min-width: 1220px) 475px, (min-width: 500px) 200px, (min-width: 740) 200px, 95vw" src="https://images.fastspot.com/hilbert/740x555/1" alt="" loading="lazy" width="740" height="555">
</figure>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="spotlight_slider_item is_type_no_image">
<div class="spotlight_slider_item_grid">
<div class="spotlight_slider_item_grid_item is_content">
<div class="spotlight_slider_item_content_grid">
<div class="spotlight_slider_item_content_grid_item is_content">
<blockquote class="spotlight_slider_item_quote">
Laboris culpa officia mollit quis do proident ullamco nisi ut cillum anim quis labore veniam quis. Consequat consectetur consectetur consectetur sunt cillum irure anim dolor. Ut irure elit consequat amet proident reprehenderit amet veniam aliqua tempor eu enim labore. Aliquip aute velit sunt veniam ullamco et magna Lorem. Qui ad elit elit labore sint labore pariatur tempor sit esse labore. Consectetur magna mollit ea. Eu officia sint consectetur. Irure mollit elit cillum esse laborum laboris mollit sint aute cillum sit nulla quis ipsum.
</blockquote>
<div class="spotlight_slider_item_meta">
<div class="spotlight_slider_item_name">
Jon Evans, '24
</div>
<div class="spotlight_slider_item_title">
</div>
</div>
<div class="spotlight_slider_item_link_wrap">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Hear Jon's Story</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="spotlight_slider_item is_type_background_image">
<div class="spotlight_slider_item_grid">
<div class="spotlight_slider_item_grid_item is_bg_image">
<figure class="spotlight_slider_item_bg_figure">
<img class="spotlight_slider_item_bg_image" srcset="https://images.fastspot.com/hilbert/300x169/2 300w, https://images.fastspot.com/hilbert/500x282/2 500w, https://images.fastspot.com/hilbert/740x416/2 740w, https://images.fastspot.com/hilbert/980x552/2 980w, https://images.fastspot.com/hilbert/1220x686/2 1220w, https://images.fastspot.com/hilbert/1440x810/2 1440w" sizes="100vw" src="https://images.fastspot.com/hilbert/1440x810/2" alt="" loading="lazy" width="1440" height="810">
</figure>
</div>
<div class="spotlight_slider_item_grid_item is_content">
<div class="spotlight_slider_item_content_grid">
<div class="spotlight_slider_item_content_grid_item is_content">
<blockquote class="spotlight_slider_item_quote">
Ullamco sit nisi incididunt. Irure ut culpa laboris ad quis et ullamco ea.
</blockquote>
<div class="spotlight_slider_item_meta">
<div class="spotlight_slider_item_name">
Jon Evans, '24
</div>
<div class="spotlight_slider_item_title">
Business Management
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="embla__controls" aria-controls="values-carousel-viewport-1">
<button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
<div class="embla__button-inner">
<svg class="icon icon_arrow_carousel_left">
<use href="/images/icons.svg#arrow_carousel_left" />
</svg>
</div>
</button>
<button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
<div class="embla__button-inner">
<svg class="icon icon_arrow_carousel_right">
<use href="/images/icons.svg#arrow_carousel_right" />
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% set uuid_viewport = uniqid("values-carousel-viewport") %}
{% set carousel_json = {
loop: false,
fade: {},
autoheight: {
active: true
}
}|json_encode %}
<div class="spotlight_slider component_has_radius">
<div class="spotlight_slider_wrap">
<div class="spotlight_slider_inner">
<div class="spotlight_slider_grid">
<div class="spotlight_slider_grid_item is_header">
<header class="spotlight_slider_header">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="spotlight_slider_header_inner">
<h2 class="spotlight_slider_title">
{{ title }}
</h2>
</div>
</div>
</div>
</header>
</div>
<div class="spotlight_slider_grid_item is_body">
<div class="spotlight_slider_body">
<div class="js-carousel-embla embla__default-controls" data-carousel-embla='{{ carousel_json }}'>
<div class="embla">
<div id="{{ uuid_viewport }}" class="embla__viewport" data-js="viewport">
<ul class="embla__container" data-js="container">
{% for item in items %}
<li class="embla__slide">
{% include "@partial-spotlight-slider-item" with {
item: item
} %}
</li>
{% endfor %}
</ul>
</div>
<div class="embla__controls" aria-controls="{{ uuid_viewport }}">
<button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
<div class="embla__button-inner">
{{ icon("arrow_carousel_left") }}
</div>
</button>
<button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
<div class= "embla__button-inner">
{{ icon("arrow_carousel_right") }}
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.