<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
<h1 id="page_title" class="visually_hide" tabindex="-1">CGCC</h1>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
<!-- Card Group -->
<div class="card_group js-checkpoint" data-checkpoint-animation="fade-up" data-checkpoint-offset="200">
<div class="card_group_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="card_group_header_inner">
<h2 class="card_group_title">The Latest at CGCC</h2>
<div class="card_group_description">
<p>Group description text</p>
</div>
</div>
</div>
</div>
</div>
<div class="card_group_body">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_items card_count_3 js-carousel" data-carousel-options='{"controls":false,"pagination":false,"contained":false,"maxWidth":"979px","show":{"0px":1,"740px":2}}' aria-label="The Latest at CGCC">
<div class="card_group_item">
<a href="#">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/740x416/1 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/1 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/1 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/1" alt="" loading="lazy" width="300" height="169">
</figure>
</a>
<div class="card_group_item_body">
<div class="card_group_item_type">
News
</div>
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">“Learning for Life” Gorge Literacy initiative profiled in Ruralite</span>
</h3>
<div class="card_group_item_description">
<p>CGCC extends its thanks to Drew Morton for the excellent profile of the Gorge Literacy program in the Ruralite!</p>
</div>
<div class="card_group_item_cta_wrap">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Read this Story</span><span class="card_group_item_link_icon icon_nowrap" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="card_group_item">
<a href="#">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/740x416/3 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/3 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/3 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/3" alt="" loading="lazy" width="300" height="169">
</figure>
</a>
<div class="card_group_item_body">
<div class="card_group_item_type">
Announcement
</div>
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">COVID-19 Pandemic Information</span>
</h3>
<div class="card_group_item_description">
<p>In an effort to protect the health and well-being of our campus community, CGCC has established this page as a central repository of information.</p>
</div>
<div class="card_group_item_cta_wrap">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">COVID-19 Information</span><span class="card_group_item_link_icon icon_nowrap" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="card_group_item">
<a href="#">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/740x416/2 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/2 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/2 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/2" alt="" loading="lazy" width="300" height="169">
</figure>
</a>
<div class="card_group_item_body">
<div class="card_group_item_type">
Event
</div>
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Register for Fall 2021</span>
</h3>
<div class="card_group_item_description">
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="card_group_item_cta_wrap">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Register Today</span><span class="card_group_item_link_icon icon_nowrap" 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>
<!-- END: Card Group -->
<div class="about_feat js-checkpoint" data-checkpoint-animation="fade-up" data-checkpoint-offset="200">
<div class="about_feat_inner">
<div class="about_feat_grid">
<div class="about_feat_grid_item is_left">
<div class="about_feat_location_items">
<div class="about_feat_location_item">
<div class="location_teaser theme_blue">
<picture class="location_teaser_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/1">
<img class="location_teaser_image" src="//images.fastspot.com/columbia-gorge-community-college/740x740/1" alt="" loading="lazy" width="740px" height="740px">
</picture>
<div class="location_teaser_content">
<div class="location_teaser_content_inner">
<div class="location_teaser_title_wrap">
<h3 class="location_teaser_title">
The Dalles Campus
</h3>
</div>
<div class="location_teaser_description">
<p>Study at our <a href="#">Dalles Campus</a> located Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
</div>
</div>
</div>
</div>
</div>
<div class="about_feat_location_item">
<div class="location_teaser theme_green">
<picture class="location_teaser_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/2">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1220x686/2">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/2">
<img class="location_teaser_image" src="//images.fastspot.com/columbia-gorge-community-college/740x740/2" alt="" loading="lazy" width="740px" height="740px">
</picture>
<div class="location_teaser_content">
<div class="location_teaser_content_inner">
<div class="location_teaser_title_wrap">
<h3 class="location_teaser_title">
Hood River
</h3>
</div>
<div class="location_teaser_description">
<p>Study at our <a href="#">Hood River Campus</a> located Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
</div>
</div>
</div>
</div>
</div>
<div class="about_feat_location_item">
<div class="location_teaser theme_orange">
<picture class="location_teaser_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/4">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1220x686/4">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/4">
<img class="location_teaser_image" src="//images.fastspot.com/columbia-gorge-community-college/740x740/4" alt="" loading="lazy" width="740px" height="740px">
</picture>
<div class="location_teaser_content">
<div class="location_teaser_content_inner">
<div class="location_teaser_title_wrap">
<h3 class="location_teaser_title">
Study Online
</h3>
</div>
<div class="location_teaser_description">
<p>Explore our <a href="#">online programs</a> and Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="about_feat_grid_item is_right">
<div class="about_feat_content_wrap">
<div class="about_feat_content_wrap_inner">
<div class="about_feat_content_bg">
<svg class="icon icon_logo_pattern_vertical_alt">
<use href="/images/icons.svg#logo_pattern_vertical_alt" />
</svg>
</div>
<div class="about_feat_content_wrap_inner_two">
<div class="about_feat_pretitle">
About Us
</div>
<h2 class="about_feat_title">
We offer flexible and affordable classes.
</h2>
<div class="about_feat_description">
<p>With two campuses located in The Dalles and Hood River, CGCC offers a flexible schedule of affordable classes on campus, online and in the community.</p>
</div>
<div class="about_feat_stats_wrap">
<div class="about_feat_stats_title">
CGCC at a glance
</div>
<div class="about_feat_stats_items">
<div class="about_feat_stats_item">
<div class="about_feat_stats_item_stat">
1977
</div>
<div class="about_feat_stats_item_description">
Over 40 years of providing academic excellence since our <a href="#">founding in 1977</a>.
</div>
</div>
<div class="about_feat_stats_item">
<div class="about_feat_stats_item_stat">
275
</div>
<div class="about_feat_stats_item_description">
Degrees and certificates offered.
</div>
</div>
<div class="about_feat_stats_item">
<div class="about_feat_stats_item_stat">
100%
</div>
<div class="about_feat_stats_item_description">
Full-time students
</div>
</div>
<div class="about_feat_stats_item">
<div class="about_feat_stats_item_stat">
1977
</div>
<div class="about_feat_stats_item_description">
Acres overlooking the Columbia River
</div>
</div>
</div>
</div>
<div class="about_feat_cta_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Life at CGCC</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll_feat js-scroll-feat">
<div class="js-marker"></div>
<div class="scroll_feat_picture_wrap">
<picture class="scroll_feat_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/1">
<img class="scroll_feat_image" src="//images.fastspot.com/columbia-gorge-community-college/654x980/1" alt="" loading="lazy" width="654px" height="980px">
</picture>
</div>
<div class="scroll_feat_content_wrap js-wrap">
<div class="fs-row">
<div class="fs-cell">
<header class="scroll_feat_head">
<h2 class="scroll_feat_title">
Why CGCC
</h2>
</header>
<div class="scroll_feat_items">
<div class="scroll_feat_item js-item">
<h3 class="scroll_feat_item_title">
Our unmatched location
</h3>
</div>
<div class="scroll_feat_item js-item">
<h3 class="scroll_feat_item_title">
We make higher education accessible
</h3>
</div>
<div class="scroll_feat_item js-item">
<h3 class="scroll_feat_item_title">
A caring, collaborative community
</h3>
</div>
<div class="scroll_feat_item js-item">
<h3 class="scroll_feat_item_title">
Imperdiet parturient orci suscipit eget
</h3>
</div>
<div class="scroll_feat_item js-item">
<h3 class="scroll_feat_item_title">
Senectus hendrerit massa nec himenaeos
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action -->
<div class="cta theme_purple callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</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">
<h1 id="page_title" class="visually_hide" tabindex="-1">{{ config.name }}</h1>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
{% render "@component-card-group" %}
{% render "@component-about-feature" %}
{% render "@component-scroll-feature" %}
{% render "@component-call-to-action" %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.