<div class="program_finder component_has_radius">
<div class="fs-row">
<div class="fs-cell">
<div class="program_finder_inner">
<div class="program_finder_content_wrap">
<header class="program_finder_header">
<hgroup class="program_finder_titles_wrap">
<h2 class="program_finder_title">What are you<br>interested in?</h2>
<h3 class="program_finder_subtitle">Explore your passion</h3>
</hgroup>
<div class="program_finder_bg_icon" aria-hidden="true">
<svg class="icon icon_flame">
<use href="/images/icons.svg#flame" />
</svg>
</div>
</header>
<div class="program_finder_form_wrap">
<form action="#" class="program_finder_form">
<datalist id="program_finder_datalist_id-1">
<option value="Accounting"></option>
<option value="Business"></option>
<option value="Chemistry"></option>
</datalist>
<input class="program_finder_form_input" type="text" name="search" aria-label="Find your program" placeholder="Find your program" list="program_finder_datalist_id-1" />
<button class="program_finder_form_submit" type="submit" aria-label="Search for a program">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</button>
</form>
</div>
<div class="program_finder_links_wrap">
<ul class="program_finder_links_items">
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Undergraduate Degrees</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Graduate Degrees</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Study Abroad</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Pre-College Programs</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Student Advising & Services</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Academic Catalog</span>
</span>
</a>
</li>
<li class="program_finder_links_item">
<a href="#" class="basic_link theme_default">
<span class="basic_link_inner">
<span class="basic_link_label">Online Programs</span>
</span>
</a>
</li>
</ul>
</div>
<div class="program_finder_cta_wrap">
<div class="program_cta">
<div class="program_cta_wrap">
<figure class="program_cta_figure">
<img class="program_cta_image" srcset="https://images.fastspot.com/hilbert/300x129/2 300w, https://images.fastspot.com/hilbert/500x214/2 500w, https://images.fastspot.com/hilbert/740x317/2 740w, https://images.fastspot.com/hilbert/980x420/2 980w, https://images.fastspot.com/hilbert/1220x523/2 1220w, https://images.fastspot.com/hilbert/1440x617/2 1440w" sizes="95vw" src="https://images.fastspot.com/hilbert/1440x617/2" alt="" loading="lazy" width="1440" height="617">
</figure>
<div class="program_cta_inner">
<div class="program_cta_grid">
<div class="program_cta_grid_item is_content">
<h2 class="program_ctat_title">Online Programs with Hilbert College Global</h2>
<div class="program_cta_desc">
<p>Every university offers degrees, but at Hilbert College Global, we share a community. We’re committed to raising each other up—to shared personal and professional growth that leads to meaningful change in the world.</p>
</div>
</div>
<div class="program_cta_grid_item is_link">
<a href="#" class="btn_link theme_gold">
<span class="btn_link_inner">
<span class="btn_link_label">Explore Hilbert Global</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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% set program_finder_datalist_id = uniqid("program_finder_datalist_id") %}
<div class="program_finder component_has_radius">
<div class="fs-row">
<div class="fs-cell">
<div class="program_finder_inner">
<div class="program_finder_content_wrap">
<header class="program_finder_header">
<hgroup class="program_finder_titles_wrap">
<h2 class="program_finder_title">{{ title }}</h2>
<h3 class="program_finder_subtitle">{{ pre_title }}</h3>
</hgroup>
<div class="program_finder_bg_icon" aria-hidden="true">
{{ icon("flame") }}
</div>
</header>
<div class="program_finder_form_wrap">
<form action="#" class="program_finder_form">
<datalist id="{{ program_finder_datalist_id }}">
{% for item in datalist %}
<option value="{{ item.label }}"></option>
{% endfor %}
</datalist>
<input class="program_finder_form_input" type="text" name="search" aria-label="{{ search_placeholder }}" placeholder="{{ search_placeholder }}" list="{{ program_finder_datalist_id }}" />
<button class="program_finder_form_submit" type="submit" aria-label="Search for a program">
{{ icon("search" )}}
</button>
</form>
</div>
<div class="program_finder_links_wrap">
<ul class="program_finder_links_items">
{% for link in links %}
<li class="program_finder_links_item">
{% include '@partial-link' with {
title: link.title,
url: link.href,
target: '',
class: 'basic',
js: false,
icon: '',
aria: '',
nowrap: false,
theme: 'default'
} %}
</li>
{% endfor %}
</ul>
</div>
<div class="program_finder_cta_wrap">
{% include "@partial-program-cta" with {
item: cta
} %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.