<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>
{# {% include "@component-about-feature" with {
locations: [
{
theme: 'blue',
image: 1,
image_alt: '',
title: 'The Dalles Campus',
description:
'Study at our <a href="#">Dalles Campus</a> located Integer posuere erat a ante venenatis dapibus posuere velit aliquet.'
},
{
theme: 'green',
image: 2,
image_alt: '',
title: 'Hood River',
description:
'Study at our <a href="#">Hood River Campus</a> located Integer posuere erat a ante venenatis dapibus posuere velit aliquet.'
},
{
theme: 'orange',
image: 4,
image_alt: '',
title: 'Study Online',
description:
'Explore our <a href="#">online programs</a> and Integer posuere erat a ante venenatis dapibus posuere velit aliquet.'
}
],
pretitle: 'About Us',
title: 'We offer flexible and affordable classes.',
description:
'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.',
stats: {
title: 'CGCC at a glance',
items: [
{
stat: '1977',
description:
'Over 40 years of providing academic excellence since our <a href="#">founding in 1977</a>.'
},
{
stat: '275',
description: 'Degrees and certificates offered.'
},
{
stat: '100%',
description: 'Full-time students'
},
{
stat: '1977',
description: 'Acres overlooking the Columbia River'
}
]
},
cta: {
url: '#',
label: 'Life at CGCC'
}
} %} #}
<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">
{% for location in locations %}
<div class="about_feat_location_item">
{% include "@partial-location-teaser" with location %}
</div>
{% endfor %}
</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">
{{ icon('logo_pattern_vertical_alt') }}
</div>
<div class="about_feat_content_wrap_inner_two">
<div class="about_feat_pretitle">
{{ pretitle }}
</div>
<h2 class="about_feat_title">
{{ title }}
</h2>
<div class="about_feat_description">
<p>{{ description }}</p>
</div>
{% if stats.items|length %}
<div class="about_feat_stats_wrap">
<div class="about_feat_stats_title">
{{ stats.title }}
</div>
<div class="about_feat_stats_items">
{% for item in stats.items %}
<div class="about_feat_stats_item">
<div class="about_feat_stats_item_stat">
{{ item.stat }}
</div>
<div class="about_feat_stats_item_description">
{{ item.description }}
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if cta.url %}
<div class="about_feat_cta_wrap">
{% include "@partial-button" with {
theme: "light",
icon: "arrow_right",
href: cta.url,
text: cta.label
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.