<div class="page_header ">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_header_wave">
<svg class="icon icon_wave_large">
<use href="/images/icons.svg#wave_large" />
</svg>
</div>
<div class="page_header_top_inner">
<div class="fs-row">
<div class="fs-cell fs-lg-6">
<div class="page_header_media">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_media_inner">
<figure class="page_header_figure">
<span class="lazy_image_wrapper page_header_image_wrapper">
<img class="js-lazy js-lazyload page_header_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/500x334/1" data-src="//images.fastspot.com/citizen-university/1440x960/1" data-srcset="//images.fastspot.com/citizen-university/1440x960/1 1440w, //images.fastspot.com/citizen-university/1220x814/1 1220w, //images.fastspot.com/citizen-university/980x654/1 980w, //images.fastspot.com/citizen-university/740x494/1 740w, //images.fastspot.com/citizen-university/500x334/1 500w" alt="">
</span>
<noscript>
<img class="page_header_image" src="https://images.fastspot.com/citizen-university/500x334/1" srcset="https://images.fastspot.com/citizen-university/500x334/1 500w, https://images.fastspot.com/citizen-university/740x494/1 740w, https://images.fastspot.com/citizen-university/980x654/1 980w, https://images.fastspot.com/citizen-university/1220x814/1 1220w, https://images.fastspot.com/citizen-university/1440x960/1 1440w" sizes="100vw" alt="">
</noscript>
<figcaption class="page_header_figcaption">Photo by Taylor Matousek ‘18</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_bottom">
<div class="page_nav js-sub-nav-group">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="js-sub-nav-group sub_nav_group">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<span class="sub_nav_toggle_icon_inner_default sub_nav_toggle_icon_inner">
<span class="sub_nav_toggle_icon_space"></span>
<svg class="icon icon_caret_down_blue">
<use href="/images/icons.svg#caret_down_blue" />
</svg>
</span>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<span class="sub_nav_toggle_icon_inner_active sub_nav_toggle_icon_inner">
<span class="sub_nav_toggle_icon_space"></span>
<svg class="icon icon_caret_up_blue">
<use href="/images/icons.svg#caret_up_blue" />
</svg>
</span>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">Sub Nav Title</h2>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Story of CU</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Our Approach</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">What We Believe</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Staff and Board</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Jobs and Internships</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header {% if not page.image %}has_no_image{% endif %} {% if page.subNav %}has_subnav{% endif %}">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_header_wave">
{{ icon("wave_large") }}
</div>
<div class="page_header_top_inner">
<div class="fs-row">
{% if page.title or page.description %}
<div class="fs-cell {{ page.image ? "fs-lg-6" : "fs-lg-9" }}">
<div class="fs-row">
<div class="fs-cell">
{% if page.breadcrumbNav != false %}
<div class="page_header_breadcrumb">
<div class="breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="breadcrumb_inner">
{% render "@navigation-breadcrumb" with {
modifier: "",
links: page.breadcrumbNav,
icon_home: "home",
icon_divider: "breadcrumb_separator",
icon_end: "angle_down"
} %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="page_intro">
<div class="page_intro_inner">
{% if page.title %}
<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
</div>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell {{ page.image ? "fs-xl-12" : "fs-xl-10" }}">
{% if page.description %}
<p class="page_description">{{ page.description }}</p>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% if page.image %}
<div class="fs-cell fs-lg-6">
<div class="page_header_media">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_media_inner">
<figure class="page_header_figure">
{% include "@partial-image" with {
class: "page_header",
alt: "",
image: page.image,
sources: [
img.classic.xlrg,
img.classic.lrg,
img.classic.med,
img.classic.sml,
img.classic.xsml
]
} %}
{% if page.image_caption %}
<figcaption class="page_header_figcaption">{{ page.image_caption }}</figcaption>
{% endif %}
</figure>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
<div class="page_header_bottom">
{% if page.subNav != false %}
<div class="page_nav js-sub-nav-group">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
{% render "@navigation-sub" with {
modifier: "",
title: page.title
} %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
No notes defined.