<div class="page_header">
    <div class="page_header_inner">
        <div class="page_breadcrumb">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_breadcrumb_inner">

                        <div class="breadcrumb">
                            <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="template-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_dot">
                                                <use href="/images/icons.svg#dot" />
                                            </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_dot">
                                                <use href="/images/icons.svg#dot" />
                                            </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_dot">
                                                <use href="/images/icons.svg#dot" />
                                            </svg>
                                        </span>
                                    </li>
                                    <li class="breadcrumb_item">
                                        <span class="breadcrumb_pill">
                                            <span class="breadcrumb_pill_inner">
                                                <span class="breadcrumb_pill_label">About CGCC</span>
                                            </span>
                                        </span>
                                    </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page_intro">
            <div class="fs-row fs-lg-justify-center">
                <div class="fs-cell fs-lg-10 fs-xl-9">
                    <div class="page_intro_inner">
                        <h1 class="page_title" id="page_title" tabindex="-1">About CGCC</h1>
                        <p class="page_description">Our goal is to help you be successful in whatever educational program or activity you choose.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="page_header_media">
            <div class="page_header_media_inner">

                <figure class="page_header_figure" aria-label="About&#x20;CGCC Featured Image">

                    <img class="page_header_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x617/1 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x523/1 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x420/1 980w, https://images.fastspot.com/columbia-gorge-community-college/740x317/1 740w, https://images.fastspot.com/columbia-gorge-community-college/500x214/1 500w, https://images.fastspot.com/columbia-gorge-community-college/300x129/1 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x129/1" alt="" loading="eager" width="300" height="129">
                </figure>

            </div>
        </div>

        <div class="page_nav">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_nav_inner">
                        <a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>

                        <div class="js-sub-nav-group sub_nav_group">

                            <button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
                                <span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
                                    <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
                                        <span class="sub_nav_toggle_icon_inner_default sub_nav_toggle_icon_inner">
                                            <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

                                            <svg class="icon icon_angle_down">
                                                <use href="/images/icons.svg#angle_down" />
                                            </svg>

                                        </span>
                                    </span>
                                </span>
                                <span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
                                    <span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
                                        <span class="sub_nav_toggle_icon_inner_active sub_nav_toggle_icon_inner">
                                            <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

                                            <svg class="icon icon_angle_up">
                                                <use href="/images/icons.svg#angle_up" />
                                            </svg>

                                        </span>
                                    </span>
                                </span>
                            </button>
                            <nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
                                <div class="sub_nav_header">
                                    <h2 class="sub_nav_title" id="sub_nav_title">About CGCC</h2>
                                </div>
                                <div class="js-sub-nav-body sub_nav_body">
                                    <div class="js-sub-nav-body-inner sub_nav_body_inner">
                                        <ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">Leadership</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">Consumer Information</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">History</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">Policies & Procedures</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">Campus Directory</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">A-Z Directory</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_icon">
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                    <span class="sub_nav_link_label">Careers</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page_content_wrap">
    <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-justify-center">
                <!-- WYSIWYG -->
                <div class="typography">
                    <h2>Established in 1977</h2>
                    <p>Columbia Gorge Community College was established in 1977, and originally offered credit and community education courses through Portland Community College. Over its 40-year history, the college has expanded to serve both Hood River and Wasco counties as its official district, as well as offering educational resources to students from the entire Mid-Columbia region. Since obtaining independent accreditation in 2013, CGCC has sought to establish itself as the first option of educational choice for students in its area, to expand course offerings, and to tailor its programs and services to meet the growing and changing needs of the region.</p>
                    <p>The college offers six Associate degrees, seven Associate of Applied Science degrees, and 14 certificates. The college is the only institution of higher education in the region, offering a gateway to four-year degrees through partner universities across Oregon.</p>
                    <p>The college's main campus in The Dalles, Ore., (pop. 13,620) occupies 62 acres overlooking the Columbia River. The 13.5 acre Hood River campus is 30 minutes west. The Columbia River Gorge and Cascade Mountain include a diverse and scenic mix of dramatic waterfalls, whitewater rivers, forests and wilderness, four-season recreation, and cultural history.</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-8 fs-lg-justify-center">
                    <div class="topics_inner">
                        <div class="topics_header">
                            <h2 class="topics_title">
                                <span class="topics_title_label">We are the heart of higher education in the Columbia River Gorge.</span>
                            </h2>
                        </div>
                        <div class="topics_body">
                            <div class="topic">
                                <div class="topic_inner">
                                    <figure class="topic_figure" aria-hidden="true">

                                        <img class="topic_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>
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h3 class="topic_title">Leadership</h3>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description">
                                                <p>CGCC extends its thanks to Drew Morton for the excellent profile of the Gorge Literacy program in the Ruralite! </p>
                                            </div>
                                        </div>
                                        <div class="topic_links">
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Explore Leadership</span><span class="topic_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Link Title Two</span><span class="topic_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="topic">
                                <div class="topic_inner">
                                    <figure class="topic_figure" aria-hidden="true">

                                        <img class="topic_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>
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h3 class="topic_title">Our History</h3>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description">
                                                <p>The college began in 1977 when its roots were established as Wasco Area Education Service District, and shortly thereafter was named Treaty Oak Education Service District.</p>
                                            </div>
                                        </div>
                                        <div class="topic_links">
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Link Title One</span><span class="topic_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="topic">
                                <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>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Topic Row -->

        <!-- Gallery -->
        <div class="gallery theme_light callout_has_inner_spacing">
            <div class="gallery_header">
                <div class="fs-row fs-lg-justify-center">
                    <div class="fs-cell fs-lg-8">
                        <div class="gallery_header_inner">
                            <h2 class="gallery_title">Inspire students. Create opportunities. Enrich communities.</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gallery_body">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="gallery_body_inner">
                            <div class="gallery_items">
                                <div class="gallery_row grid_layout_70_30">

                                    <div class="gallery_item theme_blue">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/1 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/1 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/1 980w, 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">

                                            </span>
                                        </figure>
                                    </div>

                                    <div class="gallery_item theme_orange">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_portrait">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/735x980/2 735w, https://images.fastspot.com/columbia-gorge-community-college/555x740/2 555w, https://images.fastspot.com/columbia-gorge-community-college/375x500/2 375w, https://images.fastspot.com/columbia-gorge-community-college/225x300/2 225w" src="https://images.fastspot.com/columbia-gorge-community-college/225x300/2" alt="" loading="lazy" width="225" height="300">

                                            </span>
                                        </figure>
                                    </div>
                                </div>
                                <div class="gallery_row grid_layout_50_50">

                                    <div class="gallery_item theme_purple">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/3 980w, 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">

                                            </span>
                                        </figure>
                                    </div>

                                    <div class="gallery_item theme_red">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/980x552/4 980w, https://images.fastspot.com/columbia-gorge-community-college/740x416/4 740w, https://images.fastspot.com/columbia-gorge-community-college/500x282/4 500w, https://images.fastspot.com/columbia-gorge-community-college/300x169/4 300w" src="https://images.fastspot.com/columbia-gorge-community-college/300x169/4" alt="" loading="lazy" width="300" height="169">

                                            </span>
                                            <figcaption class="gallery_item_caption">
                                                <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                <div class="gallery_row grid_layout_100">

                                    <div class="gallery_item theme_green">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/1 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/1 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/1 980w, 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">

                                                <div class="inline_video js-video-replace" data-video-id="XPjQhvjQbSM" data-video-type="youtube" data-video-title="Fastspot - Our Methodology">
                                                    <button type="button" class="inline_video_toggle_btn js-toggle-btn" aria-label="Video Play Button">

                                                        <svg class="icon icon_play_gradient">
                                                            <use href="/images/icons.svg#play_gradient" />
                                                        </svg>

                                                    </button>

                                                    <div class="inline_video_iframe_wrap js-iframe"></div>
                                                </div>

                                            </span>
                                            <figcaption class="gallery_item_caption">
                                                <p>Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.</p>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                                <div class="gallery_row grid_layout_30_70">

                                    <div class="gallery_item theme_blue">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_portrait">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/735x980/2 735w, https://images.fastspot.com/columbia-gorge-community-college/555x740/2 555w, https://images.fastspot.com/columbia-gorge-community-college/375x500/2 375w, https://images.fastspot.com/columbia-gorge-community-college/225x300/2 225w" src="https://images.fastspot.com/columbia-gorge-community-college/225x300/2" alt="" loading="lazy" width="225" height="300">

                                            </span>
                                            <figcaption class="gallery_item_caption">
                                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
                                            </figcaption>
                                        </figure>
                                    </div>

                                    <div class="gallery_item theme_orange">
                                        <figure class="gallery_item_figure">
                                            <span class="gallery_item_media gallery_item_size_wide">

                                                <img class="gallery_item_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/1440x810/3 1440w, https://images.fastspot.com/columbia-gorge-community-college/1220x686/3 1220w, https://images.fastspot.com/columbia-gorge-community-college/980x552/3 980w, 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">

                                            </span>
                                            <figcaption class="gallery_item_caption">
                                                <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Gallery -->

        <!-- Testimonial -->
        <div class="testimonial">
            <div class="fs-row">
                <div class="fs-cell fs-xl-10 fs-xl-justify-center">
                    <div class="testimonial_inner">
                        <div class="testimonial_inner_item is_media">
                            <figure class="testimonial_figure">

                                <img class="testimonial_image" srcset="https://images.fastspot.com/columbia-gorge-community-college/740x740/3 740w, https://images.fastspot.com/columbia-gorge-community-college/500x500/3 500w" src="https://images.fastspot.com/columbia-gorge-community-college/500x500/3" alt="" loading="lazy" width="500" height="500">
                            </figure>
                        </div>

                        <div class="testimonial_inner_item is_content">
                            <div class="testimonial_quote_banner">
                                <div class="testimonial_quote_banner_icon">

                                    <svg class="icon icon_quote_purple">
                                        <use href="/images/icons.svg#quote_purple" />
                                    </svg>

                                </div>
                            </div>

                            <blockquote class="testimonial_quote">
                                <p>More students are returning to Columbia Gorge Community College, working hard to complete their education in spite of the pandemic.</p>
                            </blockquote>

                            <div class="testimonial_info">
                                <span class="testimonial_quote_name">Full Name</span>
                                <span class="testimonial_quote_title">Senior Director of Department</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Testimonial -->

        <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>

        <!-- Link Group -->
        <div class="link_group">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="link_group_inner">
                        <div class="link_group_header">
                            <h2 class="link_group_title">Academics at CGCC</h2>
                        </div>
                        <ul class="link_group_list">
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Degrees & Programs</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Faculty</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Course Catalog</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Academic Calendar</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Class Schedules</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_external">
                                                <use href="/images/icons.svg#external" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="link_group_item">
                                <a class="link_group_link" href="#" target="_blank">
                                    <span class="link_group_link_inner">
                                        <span class="link_group_link_label">Academic Support</span>
                                        <span class="link_group_link_icon">
                                            <svg class="icon icon_file">
                                                <use href="/images/icons.svg#file" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Link Group -->

        <!-- Link Group -->
        <div class="link_group_meta">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="link_group_meta_inner">
                        <div class="link_group_meta_header">
                            <h2 class="link_group_meta_title">Get in Touch</h2>

                            <div class="link_group_meta_description">
                                <p>2021-2022</p>
                            </div>
                        </div>
                        <div class="link_group_meta_list">
                            <div class="link_group_meta_item">
                                <div class="link_group_meta_item_header">
                                    <h3 class="link_group_meta_item_title">

                                        <a href="#" class="link_group_meta_item_link">
                                            <span class="link_group_meta_item_link_inner">
                                                <span class="link_group_meta_item_link_label">Arts Oregon Transfer (AOT)</span><span class="link_group_meta_item_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_arrow_right">
                                                        <use href="/images/icons.svg#arrow_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h3>

                                    <div class="link_group_meta_item_subtitle">
                                        On Campus
                                    </div>
                                </div>

                                <div class="link_group_meta_item_desc">
                                    <p>Associate Degree</p>
                                </div>
                            </div>
                            <div class="link_group_meta_item">
                                <div class="link_group_meta_item_header">
                                    <h3 class="link_group_meta_item_title">

                                        <a href="#" class="link_group_meta_item_link">
                                            <span class="link_group_meta_item_link_inner">
                                                <span class="link_group_meta_item_link_label">Science Oregon Transfer-Business (ASOT-BUS)</span><span class="link_group_meta_item_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_arrow_right">
                                                        <use href="/images/icons.svg#arrow_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h3>

                                    <div class="link_group_meta_item_subtitle">
                                        On Campus
                                    </div>
                                </div>

                                <div class="link_group_meta_item_desc">
                                    <p>Associate Degree</p>
                                </div>
                            </div>
                            <div class="link_group_meta_item">
                                <div class="link_group_meta_item_header">
                                    <h3 class="link_group_meta_item_title">

                                        <a href="#" class="link_group_meta_item_link">
                                            <span class="link_group_meta_item_link_inner">
                                                <span class="link_group_meta_item_link_label">Science (AS)</span><span class="link_group_meta_item_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_arrow_right">
                                                        <use href="/images/icons.svg#arrow_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h3>

                                    <div class="link_group_meta_item_subtitle">
                                        Online
                                    </div>
                                </div>

                                <div class="link_group_meta_item_desc">
                                    <p>Associate Degree</p>
                                </div>
                            </div>
                            <div class="link_group_meta_item">
                                <div class="link_group_meta_item_header">
                                    <h3 class="link_group_meta_item_title">

                                        <a href="#" class="link_group_meta_item_link">
                                            <span class="link_group_meta_item_link_inner">
                                                <span class="link_group_meta_item_link_label">Biology</span><span class="link_group_meta_item_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                    <svg class="icon icon_arrow_right">
                                                        <use href="/images/icons.svg#arrow_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </h3>

                                    <div class="link_group_meta_item_subtitle">
                                        Hybrid
                                    </div>
                                </div>

                                <div class="link_group_meta_item_desc">
                                    <p>Associate Degree</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Link Group -->

        <!-- Accordion -->
        <div class="js-accordion accordion">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="accordion_inner">
                        <div class="accordion_header">
                            <h2 class="accordion_title">
                                <span class="accordion_title_label">Parents and Families FAQ</span>
                            </h2>
                            <div class="accordion_description">
                                <p>Commonly asked questions by parents and families.</p>
                            </div>
                        </div>
                        <div class="accordion_items">
                            <div class="js-accordion-item js-accordion-item-2-1 accordion_item">
                                <h3 class="accordion_item_heading">
                                    <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-1">
                                        <span class="accordion_item_heading_inner">
                                            <span class="accordion_item_heading_label">
                                                <span class="accordion_item_heading_title">How will I know my child is safe?</span>
                                            </span>
                                            <span class="accordion_item_heading_icon"></span>
                                        </span>
                                    </button>
                                </h3>
                                <div class="js-accordion-content accordion_item_content typography" aria-labelled="How will I know my child is safe?">
                                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                                </div>
                            </div>
                            <div class="js-accordion-item js-accordion-item-2-2 accordion_item">
                                <h3 class="accordion_item_heading">
                                    <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-2">
                                        <span class="accordion_item_heading_inner">
                                            <span class="accordion_item_heading_label">
                                                <span class="accordion_item_heading_title">What are the types of licensed care in Oregon?</span>
                                            </span>
                                            <span class="accordion_item_heading_icon"></span>
                                        </span>
                                    </button>
                                </h3>
                                <div class="js-accordion-content accordion_item_content typography" aria-labelled="What are the types of licensed care in Oregon?">
                                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                                </div>
                            </div>
                            <div class="js-accordion-item js-accordion-item-2-3 accordion_item">
                                <h3 class="accordion_item_heading">
                                    <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-3">
                                        <span class="accordion_item_heading_inner">
                                            <span class="accordion_item_heading_label">
                                                <span class="accordion_item_heading_title">What is Child Care Resource and Referral?</span>
                                            </span>
                                            <span class="accordion_item_heading_icon"></span>
                                        </span>
                                    </button>
                                </h3>
                                <div class="js-accordion-content accordion_item_content typography" aria-labelled="What is Child Care Resource and Referral?">
                                    <a href="#">Child Care Resource and Referral Agencies (CCR&Rs)</a> are grass roots programs that provide child care referrals and parenting information to parents, training and technical assistance to child care providers, information and support for employers and for the community. There are currently 13 community-based CCR&Rs in Oregon receiving state funding. All are members of the Central Coordination of Oregon Child Care Resource and Referral.
                                </div>
                            </div>
                            <div class="js-accordion-item js-accordion-item-2-4 accordion_item">
                                <h3 class="accordion_item_heading">
                                    <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-4">
                                        <span class="accordion_item_heading_inner">
                                            <span class="accordion_item_heading_label">
                                                <span class="accordion_item_heading_title">Who do I call if I think my provider is not following the rules?</span>
                                            </span>
                                            <span class="accordion_item_heading_icon"></span>
                                        </span>
                                    </button>
                                </h3>
                                <div class="js-accordion-content accordion_item_content typography" aria-labelled="Who do I call if I think my provider is not following the rules?">
                                    Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Accordion -->

        <!-- Contact Info -->
        <div class="contact_block">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="contact_block_inner">
                        <div class="contact_block_header">
                            <h2 class="contact_block_title">
                                <span class="contact_block_title_label">Get in Touch</span>
                            </h2>

                            <div class="contact_block_description">
                                <p>Some description</p>
                            </div>
                        </div>

                        <div class="contact_items">
                            <div class="contact">
                                <script type="application/ld+json">
                                    {
                                        '@context': 'http://schema.org',
                                        '@type': 'Person',
                                        'email': 'mailto:dagidiussomereallylongemailaddress@cgcc.edu',
                                        'image': '3',
                                        'jobTitle': 'Clinical Nursing Instructor',
                                        'name': 'Dawn Agidius',
                                        'telephone': '(541) 506-6146',
                                        'url': '#'
                                    }
                                </script>

                                <div class="contact_col is_info">

                                    <div class="contact_info">
                                        <h2 class="contact_name">

                                            <a href="#" class="contact_link">
                                                <span class="contact_link_inner">
                                                    <span class="contact_link_label">Dawn Agidius</span><span class="contact_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>

                                        <div class="contact_title">Clinical Nursing Instructor</div>

                                        <div class="contact_department_link_wrap">
                                            <a href="#" class="contact_department_link">
                                                Nursing & Health Occupations Department
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="contact_col is_meta">
                                    <div class="contact_meta">
                                        <div class="contact_meta_item">
                                            <div class="contact_meta_label">
                                                Contact Info
                                            </div>

                                            <div class="contact_meta_content">
                                                <div class="contact_meta_content_item">
                                                    <a href="tel: (541) 506-6146">
                                                        (541) 506-6146
                                                    </a>
                                                </div>

                                                <div class="contact_meta_content_item">
                                                    <a href="mailto: dagidiussomereallylongemailaddress@cgcc.edu">
                                                        dagidiussomereallylongemailaddress@cgcc.edu
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="contact_col is_figure">
                                    <figure class="contact_figure">

                                        <img class="contact_image" src="https://images.fastspot.com/columbia-gorge-community-college/300x300/3" alt="" loading="lazy" width="300" height="300">
                                    </figure>
                                </div>
                            </div>
                            <div class="contact">
                                <script type="application/ld+json">
                                    {
                                        '@context': 'http://schema.org',
                                        '@type': 'Person',
                                        'email': 'mailto:lberry@cgcc.edu',
                                        'image': '',
                                        'jobTitle': 'Anthropology Instructor',
                                        'name': 'Leslie Berry',
                                        'telephone': '',
                                        'url': '#'
                                    }
                                </script>

                                <div class="contact_col is_info">

                                    <div class="contact_info">
                                        <h2 class="contact_name">

                                            <a href="#" class="contact_link">
                                                <span class="contact_link_inner">
                                                    <span class="contact_link_label">Leslie Berry</span><span class="contact_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                        <svg class="icon icon_arrow_right">
                                                            <use href="/images/icons.svg#arrow_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>

                                        <div class="contact_title">Anthropology Instructor</div>

                                        <div class="contact_department_link_wrap">
                                            <a href="#" class="contact_department_link">
                                                Social Science Department
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="contact_col is_meta">
                                    <div class="contact_meta">
                                        <div class="contact_meta_item">
                                            <div class="contact_meta_label">
                                                Contact Info
                                            </div>

                                            <div class="contact_meta_content">

                                                <div class="contact_meta_content_item">
                                                    <a href="mailto: lberry@cgcc.edu">
                                                        lberry@cgcc.edu
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Contact Info -->

        <!-- 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>
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<div class="page_content_wrap">
	<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">
					<h2>Established in 1977</h2>
					<p>Columbia Gorge Community College was established in 1977, and originally offered credit and community education courses through Portland Community College. Over its 40-year history, the college has expanded to serve both Hood River and Wasco counties as its official district, as well as offering educational resources to students from the entire Mid-Columbia region. Since obtaining independent accreditation in 2013, CGCC has sought to establish itself as the first option of educational choice for students in its area, to expand course offerings, and to tailor its programs and services to meet the growing and changing needs of the region.</p>
					<p>The college offers six Associate degrees, seven Associate of Applied Science degrees, and 14 certificates. The college is the only institution of higher education in the region, offering a gateway to four-year degrees through partner universities across Oregon.</p>
					<p>The college's main campus in The Dalles, Ore., (pop. 13,620) occupies 62 acres overlooking the Columbia River. The 13.5 acre Hood River campus is 30 minutes west. The Columbia River Gorge and Cascade Mountain include a diverse and scenic mix of dramatic waterfalls, whitewater rivers, forests and wilderness, four-season recreation, and cultural history.</p>
				</div>
				<!-- END: WYSIWYG -->
			</div>
		</div>
	</div>

	<div class="full_width_callouts">
		{% render "@component-topic-row" %}
		
		{% render "@component-gallery" %}

		{% render "@component-testimonial" %}

		{% render "@component-visual-call-to-action" with {
			theme: "blue",
			placement: "left"
		} %}

		{% render "@component-link-group" %}

		{% render "@component-link-group-meta" %}

		{% render "@component-accordion" %}

		{% render "@component-contact-info" %}

		{% render "@component-call-to-action" %}
	</div>
</div>

No notes defined.