<div class="card_feat component_has_radius">
<div class="fs-row">
<div class="fs-cell">
<div class="card_feat_inner">
<div class="card_feat_links_section">
<div class="card_feat_links_grid">
<div class="card_feat_links_grid_item is_media">
<div class="card_feat_icon_wrap">
<svg class="icon icon_txt_hi_were_hilbert">
<use href="/images/icons.svg#txt_hi_were_hilbert" />
</svg>
</div>
</div>
<div class="card_feat_links_grid_item is_list">
<h2 class="card_feat_links_title">Get started</h2>
<ul class="card_feat_links_items">
<li class="card_feat_links_item">
<a href="#" class="underline_reverse_link">
<span class="underline_reverse_link_inner">
<span class="underline_reverse_link_label">Apply Now</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true"><svg class="icon icon_circle_check">
<use href="/images/icons.svg#circle_check" />
</svg></span>
</span>
</a>
</li>
<li class="card_feat_links_item">
<a href="#" class="underline_reverse_link">
<span class="underline_reverse_link_inner">
<span class="underline_reverse_link_label">Continue Application</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true"><svg class="icon icon_circle_history">
<use href="/images/icons.svg#circle_history" />
</svg></span>
</span>
</a>
</li>
<li class="card_feat_links_item">
<a href="#" class="underline_reverse_link">
<span class="underline_reverse_link_inner">
<span class="underline_reverse_link_label">Why Hilbert</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true"><svg class="icon icon_circle_not_listed_location">
<use href="/images/icons.svg#circle_not_listed_location" />
</svg></span>
</span>
</a>
</li>
<li class="card_feat_links_item">
<a href="#" class="underline_reverse_link">
<span class="underline_reverse_link_inner">
<span class="underline_reverse_link_label">Compus Tour</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true"><svg class="icon icon_circle_balance">
<use href="/images/icons.svg#circle_balance" />
</svg></span>
</span>
</a>
</li>
<li class="card_feat_links_item">
<a href="#" class="underline_reverse_link">
<span class="underline_reverse_link_inner">
<span class="underline_reverse_link_label">Hilbert Mission & Values</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true"><svg class="icon icon_circle_heart">
<use href="/images/icons.svg#circle_heart" />
</svg></span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="card_feat_cards_section">
<div class="js-carousel-embla embla__overlay-controls" data-carousel-embla='{"loop":false,"slidesToScroll":1,"breakpoints":{"(min-width: 76.25rem)":{"active":false}}}'>
<div class="embla">
<div id="card-feature-viewport-1" class="embla__viewport" data-js="viewport">
<ul class="embla__container" data-js="container">
<li class="embla__slide">
<div class="card_feat_card_statement">
<div class="card_feat_card_statement_desc">
Wherever you are in your academic journey, Hilbert College is here to support you every step of the way through the highest caliber of academics. <strong>We don't aim to be a good school, but a great one.</strong>
</div>
<div class="card_feat_card_statement_links_wrap">
<div class="card_feat_card_statement_links_items">
<a href="#" class="btn_link theme_gold">
<span class="btn_link_inner">
<span class="btn_link_label">Button Text</span>
<span class="btn_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
<a href="#" class="btn_link theme_transparent_white">
<span class="btn_link_inner">
<span class="btn_link_label">Button Text</span>
<span class="btn_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="card_feat_card_testimonial">
<div class="card_feat_card_testimonial_top">
<blockquote class="card_feat_card_testimonial_quote">
<p>You build another family when you play a sport here at Hilbert. It’s not just teammates – you build a family.</p>
</blockquote>
<div class="card_feat_card_testimonial_meta">
<div class="card_feat_card_testimonial_name">Joe Evans '24</div>
<div class="card_feat_card_testimonial_title">Business Management</div>
</div>
</div>
<div class="card_feat_card_testimonial_bottom">
<a href="#" class="underline_link theme_white">
<span class="underline_link_inner">
<span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</div>
</div>
</li>
<li class="embla__slide">
<div class="card_feat_card_visual_cta has_media">
<figure class="card_feat_card_visual_cta_figure">
<img class="card_feat_card_visual_cta_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, https://images.fastspot.com/hilbert/980x735/1 980w" sizes="(min-width: 1220px) 650px, (min-width: 980px) 450px, (min-width: 740px) 690px, 95vw" src="https://images.fastspot.com/hilbert/980x735/1" alt="" loading="lazy" width="980" height="735">
</figure>
<div class="card_feat_card_visual_cta_content">
<div class="card_feat_card_visual_cta_content_top">
<h3 class="card_feat_card_visual_cta_title">
Hawk Talks
</h3>
<div class="card_feat_card_visual_cta_desc">
<p>Wherever you are in your academic journey, Hilbert College is here to support you every step of the way. Join us for a discussion of the application process, financial aid, and the many benefits of becoming a Hilbert Hawk!</p>
</div>
</div>
<div class="card_feat_card_visual_cta_content_bottom">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
</li>
<li class="embla__slide">
<div class="card_feat_card_visual_cta ">
<div class="card_feat_card_visual_cta_content">
<div class="card_feat_card_visual_cta_content_top">
<h3 class="card_feat_card_visual_cta_title">
Ranking in the Top 10
</h3>
<div class="card_feat_card_visual_cta_desc">
<p>Hilbert Ranks <strong>#10 in regional colleges in the north for Social Mobility</strong>. We offer opportunity programs to help our students receive an affordable education.</p>
</div>
</div>
<div class="card_feat_card_visual_cta_content_bottom">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% set uuid_viewport = uniqid("card-feature-viewport") %}
{% set carousel_json = {
loop: false,
slidesToScroll: 1,
breakpoints: {
'(min-width: 76.25rem)': {
active: false
}
}
}|json_encode %}
<div class="card_feat component_has_radius">
<div class="fs-row">
<div class="fs-cell">
<div class="card_feat_inner">
<div class="card_feat_links_section">
<div class="card_feat_links_grid">
<div class="card_feat_links_grid_item is_media">
<div class="card_feat_icon_wrap">
{{ icon("txt_hi_were_hilbert") }}
</div>
</div>
<div class="card_feat_links_grid_item is_list">
<h2 class="card_feat_links_title">{{ links_title }}</h2>
<ul class="card_feat_links_items">
{% for link in links %}
<li class="card_feat_links_item">
{% include '@partial-link' with {
title: link.title,
url: link.href,
target: '',
class: 'underline_reverse',
js: false,
icon: link.icon,
aria: '',
nowrap: true,
theme: ''
} %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="card_feat_cards_section">
<div class="js-carousel-embla embla__overlay-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 card in cards %}
<li class="embla__slide">
{% include "@partial-card-feat-card-item--" ~ card.type with {
item: card
} %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.