<div class="page_header has_no_image ">
<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-9">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_breadcrumb">
<div class="breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="breadcrumb_inner">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_breadcrumb_separator">
<use href="/images/icons.svg#breadcrumb_separator" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_breadcrumb_separator">
<use href="/images/icons.svg#breadcrumb_separator" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_breadcrumb_separator">
<use href="/images/icons.svg#breadcrumb_separator" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
<span class="breadcrumb_end" aria-hidden="true">
<svg class="icon icon_angle_down">
<use href="/images/icons.svg#angle_down" />
</svg>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Class dis ullamcorper dignissim erat</h1>
</div>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell fs-xl-10">
<p class="page_description">Citizen University is building a culture of powerful, responsible citizenship across the country.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_bottom">
</div>
</div>
</div>
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-push-1">
<!-- WYSIWYG -->
<div class="typography">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<div class="full_width_callouts">
<!-- Topic Row -->
<div class="topics">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="topics_inner">
<div class="topics_header" data-anim="any-threshold" data-anim-type="fade-up">
<div class="fs-row">
<div class="fs-cell fs-lg-9">
<h2 class="topics_title">
<span class="topics_title_label">Our Vision</span>
</h2>
<div class="topics_description">
<p>We envision a great civic revival across our nation — our dream is a country in which Americans are steeped in a sense of civic character, educated in the tools of civic power, and are problem-solving contributors in a self-governing community.</p>
</div>
</div>
</div>
</div>
<div class="topics_body">
<div class="topic" data-anim="any-threshold" data-anim-type="fade-up">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<span class="lazy_image_wrapper topic_image_wrapper">
<img class="js-lazy js-lazyload topic_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/1" data-src="//images.fastspot.com/citizen-university/740x555/1" data-srcset="//images.fastspot.com/citizen-university/740x555/1 740w, //images.fastspot.com/citizen-university/500x375/1 500w, //images.fastspot.com/citizen-university/300x225/1 300w" alt="">
</span>
<noscript>
<img class="topic_image" src="https://images.fastspot.com/citizen-university/300x225/1" srcset="https://images.fastspot.com/citizen-university/300x225/1 300w, https://images.fastspot.com/citizen-university/500x375/1 500w, https://images.fastspot.com/citizen-university/740x555/1 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Story Of Cu</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>We spread the belief that a strong democracy depends on strong citizens — that we all have the power to make change in civic life and the responsibility to try. </p>
</div>
</div>
<div class="topic_links">
<div class="topic_link_item">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Our Story
</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 class="topic" data-anim="any-threshold" data-anim-type="fade-up">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<span class="lazy_image_wrapper topic_image_wrapper">
<img class="js-lazy js-lazyload topic_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/2" data-src="//images.fastspot.com/citizen-university/740x555/2" data-srcset="//images.fastspot.com/citizen-university/740x555/2 740w, //images.fastspot.com/citizen-university/500x375/2 500w, //images.fastspot.com/citizen-university/300x225/2 300w" alt="">
</span>
<noscript>
<img class="topic_image" src="https://images.fastspot.com/citizen-university/300x225/2" srcset="https://images.fastspot.com/citizen-university/300x225/2 300w, https://images.fastspot.com/citizen-university/500x375/2 500w, https://images.fastspot.com/citizen-university/740x555/2 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Our Approach</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
</div>
<div class="topic_links">
<div class="topic_link_item">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Our Approach
</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 class="topic" data-anim="any-threshold" data-anim-type="fade-up">
<div class="topic_inner">
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Ipsum Fermentum Tristique</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
</div>
<div class="topic_links">
<div class="topic_link_item">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Link Title One
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="topic_link_item">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Link Title Two
</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="topic_link_item">
<a href="#" class="button theme_yellow ">
<span class="button_text">
Link Title Three
</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: Topic Row -->
<!-- Testimonial -->
<div class="testimonial theme_yellow" data-anim="any-threshold" data-anim-type="fade-up">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<div class="testimonial_bg">
<svg class="icon icon_wave">
<use href="/images/icons.svg#wave" />
</svg>
</div>
<figure class="testimonial_figure">
<div class="testimonial_figure_inner">
<div class="testimonial_media">
<span class="lazy_image_wrapper testimonial_image_wrapper">
<img class="js-lazy js-lazyload testimonial_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/100x100/1" data-src="//images.fastspot.com/citizen-university/300x300/1" data-srcset="//images.fastspot.com/citizen-university/300x300/1 300w, //images.fastspot.com/citizen-university/100x100/1 100w" alt="">
</span>
<noscript>
<img class="testimonial_image" src="https://images.fastspot.com/citizen-university/100x100/1" srcset="https://images.fastspot.com/citizen-university/100x100/1 100w, https://images.fastspot.com/citizen-university/300x300/1 300w" sizes="100vw" alt="">
</noscript>
</div>
<div class="testimonial_quote_wrap">
<blockquote class="testimonial_quote">
<p>The image of ‘we’ as a democracy will never be complete without each one of us seeing ourselves as part of the <a href="#">final picture</a>.</p>
</blockquote>
</div>
</div>
<figcaption class="testimonial_figcaption">
<span class="testimonial_info">
<span class="testimonial_quote_name">Martha Flores</span>
<span class="testimonial_quote_title">Project Manager, Miami FL</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<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">
<!-- Card Group -->
<div class="card_group">
<div class="card_group_header" data-anim="any-threshold" data-anim-type="fade-up">
<div class="fs-row">
<div class="fs-cell fs-lg-8">
<div class="card_group_header_inner">
<h2 class="card_group_title">Explore Our Programs</h2>
<div class="card_group_description">
<p>Build a culture of powerful, responsible citizenship.</p>
</div>
</div>
</div>
</div>
</div>
<div class="card_group_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="card_group_items" aria-label="Explore Our Programs">
<li class="card_group_item" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 0">
<figure class="card_group_item_figure">
<span class="lazy_image_wrapper card_group_item_image_wrapper">
<img class="js-lazy js-lazyload card_group_item_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/1" data-src="//images.fastspot.com/citizen-university/740x555/1" data-srcset="//images.fastspot.com/citizen-university/740x555/1 740w, //images.fastspot.com/citizen-university/500x375/1 500w, //images.fastspot.com/citizen-university/300x225/1 300w" alt="">
</span>
<noscript>
<img class="card_group_item_image" src="https://images.fastspot.com/citizen-university/300x225/1" srcset="https://images.fastspot.com/citizen-university/300x225/1 300w, https://images.fastspot.com/citizen-university/500x375/1 500w, https://images.fastspot.com/citizen-university/740x555/1 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Civic Saturday & Fellowship</span>
</h3>
<div class="card_group_item_description">
<p><a href="#">Civic Saturday</a> is an analogue to a faith gathering. It gathers friends and strangers together to nurture a sense of shared purpose.</p>
</div>
</div>
</li>
<li class="card_group_item" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 1">
<figure class="card_group_item_figure">
<span class="lazy_image_wrapper card_group_item_image_wrapper">
<img class="js-lazy js-lazyload card_group_item_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/2" data-src="//images.fastspot.com/citizen-university/740x555/2" data-srcset="//images.fastspot.com/citizen-university/740x555/2 740w, //images.fastspot.com/citizen-university/500x375/2 500w, //images.fastspot.com/citizen-university/300x225/2 300w" alt="">
</span>
<noscript>
<img class="card_group_item_image" src="https://images.fastspot.com/citizen-university/300x225/2" srcset="https://images.fastspot.com/citizen-university/300x225/2 300w, https://images.fastspot.com/citizen-university/500x375/2 500w, https://images.fastspot.com/citizen-university/740x555/2 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Citizen Redefined</span>
</h3>
<div class="card_group_item_description">
<p>Teenagers engage in self-reflection, reckon with moral tensions in American history, and develops the skills and confidence to live as responsive citizens. <a href="#">Explore Citizen Redefined</a></p>
</div>
</div>
</li>
<li class="card_group_item" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 2">
<figure class="card_group_item_figure">
<span class="lazy_image_wrapper card_group_item_image_wrapper">
<img class="js-lazy js-lazyload card_group_item_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/3" data-src="//images.fastspot.com/citizen-university/740x555/3" data-srcset="//images.fastspot.com/citizen-university/740x555/3 740w, //images.fastspot.com/citizen-university/500x375/3 500w, //images.fastspot.com/citizen-university/300x225/3 300w" alt="">
</span>
<noscript>
<img class="card_group_item_image" src="https://images.fastspot.com/citizen-university/300x225/3" srcset="https://images.fastspot.com/citizen-university/300x225/3 300w, https://images.fastspot.com/citizen-university/500x375/3 500w, https://images.fastspot.com/citizen-university/740x555/3 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Youth Collaboratory</span>
</h3>
<div class="card_group_item_description">
<p><a href="#">The Youth Collaboratory</a> brings 24 highly-motivated students together to build civic power and connect with other innovators across the country.</p>
</div>
</div>
</li>
<li class="card_group_item" data-anim="any-threshold" data-anim-type="fade-up" style="--anim-order: 3">
<figure class="card_group_item_figure">
<span class="lazy_image_wrapper card_group_item_image_wrapper">
<img class="js-lazy js-lazyload card_group_item_image" data-sizes="auto" src="//images.fastspot.com/citizen-university/300x225/4" data-src="//images.fastspot.com/citizen-university/740x555/4" data-srcset="//images.fastspot.com/citizen-university/740x555/4 740w, //images.fastspot.com/citizen-university/500x375/4 500w, //images.fastspot.com/citizen-university/300x225/4 300w" alt="">
</span>
<noscript>
<img class="card_group_item_image" src="https://images.fastspot.com/citizen-university/300x225/4" srcset="https://images.fastspot.com/citizen-university/300x225/4 300w, https://images.fastspot.com/citizen-university/500x375/4 500w, https://images.fastspot.com/citizen-university/740x555/4 740w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Sworn–Again America</span>
</h3>
<div class="card_group_item_description">
<p>Inspired by the naturalization oath for immigrants, we created this oath as a way for every one to experience the urgency and utter joy of citizenship.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<!-- 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>
{% include "@partial-page-header" with {
page: page
} %}
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<!-- WYSIWYG -->
<div class="typography">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<div class="full_width_callouts">
{% render "@component-topic-row" %}
{% render "@component-testimonial" %}
{% render "@component-newsletter-signup" %}
{% render "@component-card-group" %}
{% render "@component-call-to-action" %}
</div>
No notes defined.