<!-- Purple -->
<div class="visual_cta theme_purple placement_right">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/ 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/ 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/ 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/ 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/ 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/ 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">Find Your Program</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.</p>
</div>
</div>
<div class="visual_cta_link_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Explore Programs</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>
<!-- Blue (w/ Placement Left) -->
<div class="visual_cta theme_blue placement_left">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/ 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/ 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/ 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/ 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/ 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/ 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">Find Your Program</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.</p>
</div>
</div>
<div class="visual_cta_link_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Explore Programs</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>
<!-- Orange -->
<div class="visual_cta theme_orange placement_right">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/ 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/ 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/ 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/ 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/ 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/ 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">Find Your Program</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.</p>
</div>
</div>
<div class="visual_cta_link_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Explore Programs</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>
<!-- Green -->
<div class="visual_cta theme_green placement_right">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/ 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/ 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/ 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/ 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/ 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/ 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">Find Your Program</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.</p>
</div>
</div>
<div class="visual_cta_link_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Explore Programs</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>
<!-- Red -->
<div class="visual_cta theme_red placement_right">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/ 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/ 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/ 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/ 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/ 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/ 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/" alt="" loading="lazy" width="300" height="169">
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">Find Your Program</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.</p>
</div>
</div>
<div class="visual_cta_link_wrap">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Explore Programs</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>
{#
include "@component-visual-cta" with {
bg_image: 1,
theme: 'purple',
placement: 'right',
title: 'Find Your Program',
description:
'Columbia Gorge Community College (CGCC) offers five associate degrees and numerous certificates in career technical education programs. We offer a flexible schedule of credit and non-credit classes on campus, online, and in the community.',
link: { url: '#', label: 'Explore Programs' }
}
#}
<div class="visual_cta theme_{{ theme }} placement_{{ placement }}">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
{% include '@partial-image' with {
class: 'visual_cta',
alt: '',
image: image,
loading: 'lazy',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
<div class="visual_cta_content">
<div class="visual_cta_content_inner">
<h2 class="visual_cta_title">{{ title }}</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>{{ description }}</p>
</div>
</div>
{% if link.url %}
<div class="visual_cta_link_wrap">
{% include "@partial-button" with {
theme: "light",
href: link.url,
text: link.label,
icon: 'arrow_right'
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
No notes defined.