<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="page_feature_inner">
<h1 id="page_title" tabindex="-1">Citizen University</h1>
<div class="page_feature_wave" data-anim="bg-wave">
<div class="page_feature_wave_svg_wrap is_primary">
<svg class="icon icon_wave_home">
<use href="/images/icons.svg#wave_home" />
</svg>
</div>
<div class="page_feature_wave_svg_wrap is_secondary">
<svg class="icon icon_wave_home">
<use href="/images/icons.svg#wave_home" />
</svg>
</div>
</div>
<div class="page_feature_wrap">
<div class="home_feat" style="--anim-delay-increment: 200ms;" data-anim-parent="home-feat">
<div class="fs-row">
<div class="fs-cell">
<div class="home_feat_wrap is_desktop">
<div class="home_feat_inner">
<div class="home_feat_top" data-anim="on-load" data-anim-type="fade-up" style="--anim-order: 1;">
<div class="fs-row fs-lg-align-center">
<div class="fs-cell fs-lg-6">
<header class="home_feat_head">
<h1 class="home_feat_title">
Building a culture of powerful, responsible citizenship
</h1>
</header>
</div>
<div class="fs-cell fs-lg-6">
<div class="home_feat_main_media">
<div class="home_feat_main_video_wrap">
<div class="home_feat_main_video js-youtube-video" data-video-id="Q5inzkIwY5M"></div>
</div>
</div>
</div>
</div>
</div>
<div class="home_feat_bottom">
<div class="fs-row">
<div class="fs-cell fs-lg-4">
<div class="home_feat_content" data-anim="on-load" data-anim-type="fade-up" style="--anim-order: 1;">
<div class="home_feat_desc">
<p><strong>Our dream</strong> is a country in which Americans are steeped in a sense of civic character and educated in the tools of civic power. Where each of us are problem-solving contributors in our communities. Our mission is to build this culture of powerful, responsible citizenship across the country.</p>
</div>
<div class="home_feat_cta">
<a href="#" class="button theme_white ">
<span class="button_text">
About Citizen University
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="fs-cell fs-lg-8">
<div class="home_feat_small_images">
<div class="home_feat_small_images_item is_left" data-anim="on-load" data-anim-type="fade-up" style="--anim-order: 3;">
<span class="lazy_image_wrapper home_feat_small_one_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_one_image" src="//images.fastspot.com/citizen-university/555x740/1" data-src="//images.fastspot.com/citizen-university/555x740/1" alt="">
</span>
<noscript>
<img class="home_feat_small_one_image" src="https://images.fastspot.com/citizen-university/555x740/1" alt="">
</noscript>
</div>
<div class="home_feat_small_images_item is_right">
<div class="home_feat_small_images_other">
<div class="home_feat_small_images_other_item is_top" data-anim="on-load" data-anim-type="fade-up" style="--anim-order: 2;">
<span class="lazy_image_wrapper home_feat_small_two_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_two_image" src="//images.fastspot.com/citizen-university/740x555/3" data-src="//images.fastspot.com/citizen-university/740x555/3" alt="">
</span>
<noscript>
<img class="home_feat_small_two_image" src="https://images.fastspot.com/citizen-university/740x555/3" alt="">
</noscript>
</div>
<div class="home_feat_small_images_other_item is_bottom is_top" data-anim="on-load" data-anim-type="fade-up" style="--anim-order: 2;">
<span class="lazy_image_wrapper home_feat_small_three_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_three_image" src="//images.fastspot.com/citizen-university/740x740/4" data-src="//images.fastspot.com/citizen-university/740x740/4" alt="">
</span>
<noscript>
<img class="home_feat_small_three_image" src="https://images.fastspot.com/citizen-university/740x740/4" alt="">
</noscript>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="home_feat_wrap is_mobile">
<div class="home_feat_top">
<header class="home_feat_head">
<h1 class="home_feat_title">
Building a culture of powerful, responsible citizenship
</h1>
</header>
</div>
<div class="home_feat_mobile_images_top">
<div class="home_feat_mobile_images_top_item is_one">
<span class="lazy_image_wrapper home_feat_small_three_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_three_image" src="//images.fastspot.com/citizen-university/740x740/4" data-src="//images.fastspot.com/citizen-university/740x740/4" alt="">
</span>
<noscript>
<img class="home_feat_small_three_image" src="https://images.fastspot.com/citizen-university/740x740/4" alt="">
</noscript>
</div>
<div class="home_feat_mobile_images_top_item is_two">
<div class="home_feat_main_media">
<div class="home_feat_main_video_wrap">
<div class="home_feat_main_video js-youtube-video" data-video-id="Q5inzkIwY5M"></div>
</div>
</div>
</div>
</div>
<div class="home_feat_mobile_images_bottom">
<div class="home_feat_mobile_images_bottom_item is_one">
<span class="lazy_image_wrapper home_feat_small_two_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_two_image" src="//images.fastspot.com/citizen-university/740x555/3" data-src="//images.fastspot.com/citizen-university/740x555/3" alt="">
</span>
<noscript>
<img class="home_feat_small_two_image" src="https://images.fastspot.com/citizen-university/740x555/3" alt="">
</noscript>
</div>
<div class="home_feat_mobile_images_bottom_item is_two">
<span class="lazy_image_wrapper home_feat_small_one_image_wrapper">
<img class="js-lazy js-lazyload home_feat_small_one_image" src="//images.fastspot.com/citizen-university/555x740/1" data-src="//images.fastspot.com/citizen-university/555x740/1" alt="">
</span>
<noscript>
<img class="home_feat_small_one_image" src="https://images.fastspot.com/citizen-university/555x740/1" alt="">
</noscript>
</div>
</div>
<div class="home_feat_bottom">
<div class="home_feat_content ">
<div class="home_feat_desc">
<p><strong>Our dream</strong> is a country in which Americans are steeped in a sense of civic character and educated in the tools of civic power. Where each of us are problem-solving contributors in our communities. Our mission is to build this culture of powerful, responsible citizenship across the country.</p>
</div>
<div class="home_feat_cta">
<a href="#" class="button theme_white ">
<span class="button_text">
About Citizen University
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content js-wave-container">
<div data-js="bg-wave-trigger"></div>
<!-- Full Width Callouts -->
<div class="full_width_callouts">
<div class="actions_callout js-actions-callout">
<div class="fs-row">
<div class="fs-cell">
<div class="actions_callout_inner">
<header class="actions_callout_head">
<div class="fs-row">
<div class="fs-cell fs-xl-7">
<h2 class="actions_callout_title">
There’s a place for you at CU, where do you want to start?
</h2>
</div>
</div>
</header>
<div class="actions_callout_cols fs-row">
<div class="actions_callout_col is_left fs-cell fs-md-6 fs-lg-4 fs-xl-3">
<div class="actions_callout_description_wrap">
<div class="actions_callout_icon">
<svg class="icon icon_chat_group">
<use href="/images/icons.svg#chat_group" />
</svg>
</div>
<div class="actions_callout_description">
<p>Our democracy relies on each of us living like citizens and inspiring others to do as well. We all have power to make positive change in our communities—and the responsibility to try.</p>
</div>
</div>
</div>
<div class="actions_callout_col is_right fs-cell fs-md-6 fs-lg-8 fs-xl-8 fs-xl-push-1">
<div class="actions_callout_action_items">
<div class="actions_callout_action_item theme_yellow" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_ is_pill">
<span class="button_text">
I want to <strong>build civic power</strong>
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="actions_callout_action_item theme_soft_red" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_ is_pill">
<span class="button_text">
I want to <strong>create a mutual aid network</strong>
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="actions_callout_action_item theme_gold" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_ is_pill">
<span class="button_text">
I want to <strong>activate people in my community</strong>
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="actions_callout_action_item theme_light_blue" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_ is_pill">
<span class="button_text">
I want to <strong>understand citizenship</strong>
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="actions_callout_action_item theme_blue" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_ is_pill">
<span class="button_text">
I want to <strong>host my own Civic Saturday</strong>
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
<div class="actions_callout_utility_items_wrap">
<div class="actions_callout_utility_items">
<div class="actions_callout_utility_item" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_white is_bold ">
<span class="button_text">
More ways to participate
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="actions_callout_utility_item" data-anim="full-threshold" data-anim-type="fade-in">
<a href="" class="button theme_white is_bold ">
<span class="button_text">
Explore our programs
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="newsletter_signup" data-anim="any-threshold" data-anim-type="fade-up">
<div class="fs-row">
<div class="fs-cell">
<div class="newsletter_signup_inner">
<div class="fs-row">
<div class="fs-cell fs-lg-11">
<div class="gf_browser_gecko gform_wrapper gravity-theme" id="gform_wrapper_2">
<div class="gform_heading">
<h2 class="gform_title">Join Our Mailing List</h2>
<span class="gform_description">Stay informed on the latest happenings at CU monthly.</span>
</div>
<form method="post" enctype="multipart/form-data" id="gform_2" action="#">
<div class="gform_body gform-body">
<div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below">
<div id="field_2_1" class="gfield gfield--width-third gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
<label class="gfield_label" for="input_2_1">First Name<span class="gfield_required">
<span class="gfield_required gfield_required_text">(Required)</span>
</span>
</label>
<div class="ginput_container ginput_container_text"><input name="input_1" id="input_2_1" type="text" value="" class="large" aria-required="true" aria-invalid="false">
</div>
</div>
<div id="field_2_2" class="gfield gfield--width-third gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
<label class="gfield_label" for="input_2_2">Last Name<span class="gfield_required">
<span class="gfield_required gfield_required_text">(Required)</span>
</span>
</label>
<div class="ginput_container ginput_container_text"><input name="input_2" id="input_2_2" type="text" value="" class="large" aria-required="true" aria-invalid="false">
</div>
</div>
<div id="field_2_3" class="gfield gfield--width-third gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
<label class="gfield_label" for="input_2_3">Email<span class="gfield_required">
<span class="gfield_required gfield_required_text">(Required)</span>
</span>
</label>
<div class="ginput_container ginput_container_email">
<input name="input_3" id="input_2_3" type="text" value="" class="large" aria-required="true" aria-invalid="false">
</div>
</div>
</div>
</div>
<div class="gform_footer top_label">
<input type="submit" id="gform_submit_button_2" class="gform_button button" value="Submit" onclick="if(window["gf_submitting_2"]){return false;} window["gf_submitting_2"]=true; " onkeypress="if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} window["gf_submitting_2"]=true; jQuery("#gform_2").trigger("submit",[true]); }">
<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="2">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsImQyNjgyYzkxZTA3YjZjNWUwNDI3NWRiNzY5NGJiNmVjIl0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/vendor/gravityforms/css/basic.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/css/theme-ie11.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/css/theme.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/legacy/css/formreset.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/legacy/css/datepicker.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/legacy/css/formsmain.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/legacy/css/readyclass.min.css">
<link rel="stylesheet" href="/vendor/gravityforms/legacy/css/browsers.min.css">
<div class="news_related">
<div class="news_related_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8">
<div class="news_related_header_inner">
<h2 class="news_related_title">Learn how to strengthen the civic health of your community</h2>
</div>
</div>
</div>
</div>
<div class="news_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_items js-carousel" role="region" aria-label="Learn how to strengthen the civic health of your community Gallery" data-carousel-options='{"contained":false,"maxWidth":"739px","pagination":false,"show":{"600px":2},"labels":{"controls":"Learn how to strengthen the civic health of your community carousel controls","pagination":"Learn how to strengthen the civic health of your community carousel pagination"}}' data-anim="related-news">
<div class="news_related_item theme_soft_red" data-js="item">
<div class="news_item">
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Eric Liu’s Three Laws of Power</span>
</span>
</a>
</h2>
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Understanding Citizenship</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_description">
<p>Integer posuere erat a ante venenatis dapibus posuere.</p>
</div>
</div>
<div class="news_item_figure_wrap">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about Eric Liu’s Three Laws of Power" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" src="//images.fastspot.com/citizen-university/740x740/1" data-src="//images.fastspot.com/citizen-university/740x740/1" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/citizen-university/740x740/1" alt="">
</noscript>
</a>
</figure>
</div>
</div>
</div>
<!-- END: News Item -->
</div>
<div class="news_related_item theme_light_blue" data-js="item">
<div class="news_item">
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Citizen University on Power and Character</span>
</span>
</a>
</h2>
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Revive Civic Faith</a>
</li>
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Another Category</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_description">
<p>Posuere erat a ante venenatis dapibus posuere.</p>
</div>
</div>
<div class="news_item_figure_wrap">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about Citizen University on Power and Character" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" src="//images.fastspot.com/citizen-university/740x740/2" data-src="//images.fastspot.com/citizen-university/740x740/2" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/citizen-university/740x740/2" alt="">
</noscript>
</a>
</figure>
</div>
</div>
</div>
<!-- END: News Item -->
</div>
<div class="news_related_item theme_yellow" data-js="item">
<div class="news_item">
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Craft an Argument to Inspire Change</span>
</span>
</a>
</h2>
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Live Like a Citizen</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_description">
<p>Ipsum posuere erat a ante venenatis dapibus posuere.</p>
</div>
</div>
<div class="news_item_figure_wrap">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about Craft an Argument to Inspire Change" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" src="//images.fastspot.com/citizen-university/740x740/3" data-src="//images.fastspot.com/citizen-university/740x740/3" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/citizen-university/740x740/3" alt="">
</noscript>
</a>
</figure>
</div>
</div>
</div>
<!-- END: News Item -->
</div>
<div class="news_related_item theme_gold" data-js="item">
<div class="news_item">
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Christopher Leads a Civic Saturday</span>
</span>
</a>
</h2>
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Understanding Citizenship</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_description">
<p>Lore Posuere erat a ante venenatis dapibus posuere.</p>
</div>
</div>
<div class="news_item_figure_wrap">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about Christopher Leads a Civic Saturday" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" src="//images.fastspot.com/citizen-university/740x740/4" data-src="//images.fastspot.com/citizen-university/740x740/4" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/citizen-university/740x740/4" alt="">
</noscript>
</a>
</figure>
</div>
</div>
</div>
<!-- END: News Item -->
</div>
</div>
</div>
</div>
</div>
<div class="news_related_cta_wrap">
<div class="fs-row">
<div class="fs-cell">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Explore More Articles
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
<!-- Call to Action -->
<div class="cta theme_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<header class="cta_head is_mobile">
<h2 class="cta_title">
Find your people at Citizen University
</h2>
<div class="cta_desc">
<p>Connect with like-minded citizens who are building a stronger civic culture in communities across the nation.</p>
</div>
</header>
<div class="cta_grid">
<div class="cta_grid_item is_image_main" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 1">
<figure class="cta_figure" aria-hidden="true">
<span class="lazy_image_wrapper cta_main_image_wrapper">
<picture class="cta_main_picture">
<source media="(min-width: 1220px)" srcset="//images.fastspot.com/citizen-university/980x980/1" data-srcset="//images.fastspot.com/citizen-university/980x980/1">
<source media="(min-width: 980px)" srcset="//images.fastspot.com/citizen-university/980x980/1" data-srcset="//images.fastspot.com/citizen-university/980x654/1">
<source media="(min-width: 740px)" srcset="//images.fastspot.com/citizen-university/980x980/1" data-srcset="//images.fastspot.com/citizen-university/740x494/1">
<source media="(min-width: 500px)" srcset="//images.fastspot.com/citizen-university/980x980/1" data-srcset="//images.fastspot.com/citizen-university/740x494/1">
<img class="js-lazy js-lazyload cta_main_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/citizen-university/980x980/1" alt="">
</picture>
</span>
<noscript>
<picture class="cta_main_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/citizen-university/980x980/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/citizen-university/980x654/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/citizen-university/740x494/1">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/citizen-university/740x494/1">
<img class="js-lazy js-lazyload cta_main_image" src="//images.fastspot.com/citizen-university/980x980/1" data-src="//images.fastspot.com/citizen-university/980x980/1" alt="">
</picture>
</noscript>
</figure>
</div>
<div class="cta_grid_item is_image_one" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 2">
<figure class="cta_figure" aria-hidden="true">
<span class="lazy_image_wrapper cta_small_image_wrapper">
<img class="js-lazy js-lazyload cta_small_image" src="//images.fastspot.com/citizen-university/500x500/2" data-src="//images.fastspot.com/citizen-university/500x500/2" alt="">
</span>
<noscript>
<img class="cta_small_image" src="https://images.fastspot.com/citizen-university/500x500/2" alt="">
</noscript>
</figure>
</div>
<div class="cta_grid_item is_image_two" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 2">
<figure class="cta_figure" aria-hidden="true">
<span class="lazy_image_wrapper cta_small_image_wrapper">
<img class="js-lazy js-lazyload cta_small_image" src="//images.fastspot.com/citizen-university/500x500/3" data-src="//images.fastspot.com/citizen-university/500x500/3" alt="">
</span>
<noscript>
<img class="cta_small_image" src="https://images.fastspot.com/citizen-university/500x500/3" alt="">
</noscript>
</figure>
</div>
<div class="cta_grid_item is_content" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 3">
<div class="cta_content">
<header class="cta_head is_desktop">
<h2 class="cta_title">
Find your people at Citizen University
</h2>
<div class="cta_desc">
<p>Connect with like-minded citizens who are building a stronger civic culture in communities across the nation.</p>
</div>
</header>
<div class="cta_ctas_wrap">
<div class="cta_ctas_item">
<a href="" class="button theme_yellow ">
<span class="button_text">
Support our Work
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="cta_ctas_item">
<a href="" class="button theme_yellow ">
<span class="button_text">
Become a Community Builder
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
</div>
<!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="page_feature_inner">
<h1 id="page_title" tabindex="-1">{{ config.name }}</h1>
<div class="page_feature_wave" data-anim="bg-wave">
<div class="page_feature_wave_svg_wrap is_primary">
{{ icon ("wave_home") }}
</div>
<div class="page_feature_wave_svg_wrap is_secondary">
{{ icon ("wave_home") }}
</div>
</div>
<div class="page_feature_wrap">
{% render "@component-homepage-feature" %}
</div>
</div>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content js-wave-container">
<div data-js="bg-wave-trigger"></div>
<!-- Full Width Callouts -->
<div class="full_width_callouts">
{% render "@component-actions-callout" %}
{% render "@component-newsletter-signup" %}
{% render "@component-related-news" with {
title: 'Learn how to strengthen the civic health of your community',
} %}
{% render "@component-call-to-action" %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.