<!-- Footer -->
<footer class="footer" id="footer">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_inner">
<div class="footer_top">
<div class="footer_top_item is_logo">
<div class="logo logo_footer logo_icon">
<a class="logo_link" href="template-home.html">
<span class="logo_link_label">CGCC</span>
<span class="logo_link_icon">
<svg class="icon icon_logo_monotone">
<use href="/images/icons.svg#logo_monotone" />
</svg>
</span>
</a>
</div>
</div>
<div class="footer_top_item is_nav">
<nav class="js-nav js-footer-nav nav footer_nav" aria-labelledby="footer_nav_title">
<div class="nav_header footer_nav_header">
<h2 class="nav_title footer_nav_title" id="footer_nav_title">Footer</h2>
</div>
<ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-labelledby="footer_nav_title">
<li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item">
<div class="nav_item_inner footer_nav_item_inner">
<a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
<div class="nav_link_inner footer_nav_link_inner">
<span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="nav_link_label footer_nav_link_label">Contact</span>
</div>
</a>
</div>
</li>
<li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item">
<div class="nav_item_inner footer_nav_item_inner">
<a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
<div class="nav_link_inner footer_nav_link_inner">
<span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="nav_link_label footer_nav_link_label">About</span>
</div>
</a>
</div>
</li>
<li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item">
<div class="nav_item_inner footer_nav_item_inner">
<a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
<div class="nav_link_inner footer_nav_link_inner">
<span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="nav_link_label footer_nav_link_label">News</span>
</div>
</a>
</div>
</li>
<li class="js-nav-item js-footer-nav-item js-footer-nav-item-4 nav_item footer_nav_item">
<div class="nav_item_inner footer_nav_item_inner">
<a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
<div class="nav_link_inner footer_nav_link_inner">
<span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="nav_link_label footer_nav_link_label">Directions</span>
</div>
</a>
</div>
</li>
<li class="js-nav-item js-footer-nav-item js-footer-nav-item-5 nav_item footer_nav_item">
<div class="nav_item_inner footer_nav_item_inner">
<a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
<div class="nav_link_inner footer_nav_link_inner">
<span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="nav_link_label footer_nav_link_label">Support CGCC</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="footer_middle">
<div class="footer_campuses">
<div class="footer_campuses_item">
<div class="campus_teaser">
<div class="campus_teaser_inner">
<div class="campus_teaser_inner_item is_media">
<img class="campus_teaser_image" srcset="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>
<div class="campus_teaser_inner_item is_content">
<div class="campus_teaser_content">
<h3 class="campus_teaser_name">
The Dalles Campus
</h3>
<address class="campus_teaser_address">
<a href="#">
400 East Scenic Drive<br>The Dalles, OR 97058
</a>
</address>
<div class="campus_teaser_phone_wrap">
<a class="campus_teaser_phone" href="tel: (541) 506-6000">
(541) 506-6000
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_campuses_item">
<div class="campus_teaser">
<div class="campus_teaser_inner">
<div class="campus_teaser_inner_item is_media">
<img class="campus_teaser_image" srcset="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">
</div>
<div class="campus_teaser_inner_item is_content">
<div class="campus_teaser_content">
<h3 class="campus_teaser_name">
Hood River
</h3>
<address class="campus_teaser_address">
<a href="#">
1730 College Way<br>Hood River, OR 97031-7502
</a>
</address>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="footer_bottom_inner">
<div class="footer_bottom_inner_item is_utility_nav">
<nav class="js-nav js-utility-nav nav utility_nav" aria-labelledby="utility_nav_title">
<div class="nav_header utility_nav_header">
<h2 class="nav_title utility_nav_title" id="utility_nav_title">Utility</h2>
</div>
<ul class="js-nav-list js-utility-nav-list nav_list utility_nav_list" aria-labelledby="utility_nav_title">
<li class="js-nav-item js-utility-nav-item js-utility-nav-item-1 nav_item utility_nav_item">
<div class="nav_item_inner utility_nav_item_inner">
<a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
<div class="nav_link_inner utility_nav_link_inner">
<span class="nav_link_label utility_nav_link_label">Privacy Policy</span>
</div>
</a>
</div>
</li>
<li class="js-nav-item js-utility-nav-item js-utility-nav-item-2 nav_item utility_nav_item">
<div class="nav_item_inner utility_nav_item_inner">
<a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
<div class="nav_link_inner utility_nav_link_inner">
<span class="nav_link_label utility_nav_link_label">MyCGCC</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="footer_bottom_inner_item is_social_nav">
<div class="social_nav social_nav_footer">
<div class="social_nav_header">
<h2 class="social_nav_title" id="social_nav_title_footer">Social</h2>
</div>
<ul class="social_nav_list" aria-labelledby="social_nav_title_footer">
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="social_nav_label">Facebook</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="social_nav_label">Twitter</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_youtube">
<use href="/images/icons.svg#youtube" />
</svg>
</span>
<span class="social_nav_label">Youtube</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span>
<span class="social_nav_label">Instagram</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_pinterest" href="//www.pinterest.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_pinterest">
<use href="/images/icons.svg#pinterest" />
</svg>
</span>
<span class="social_nav_label">Pinterest</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_inner">
{% if page.alert == true %}
<button class="js-alert-open alert_open">
<span class="alert_open_inner">
<span class="alert_open_icon" aria-hidden="true">
<span class="alert_open_icon_inner">{{ icon('plus') }}</span>
</span>
<span class="alert_open_label">Open site alert</span>
</span>
</button>
{% endif %}
<div class="footer_top">
<div class="footer_top_item is_logo">
{% include '@partial-logo' with {
modifier: 'footer',
icon: 'logo_monotone',
print: ''
} %}
</div>
<div class="footer_top_item is_nav">
{% include '@navigation-basic' with {
class: 'footer_nav',
icon: 'arrow_right',
modifier: '',
title: 'Footer',
toggle_icon: '',
active_index: '',
links: navigation.footer
} %}
</div>
</div>
<div class="footer_middle">
<div class="footer_campuses">
<div class="footer_campuses_item">
{% include "@partial-campus-teaser" with campuses.dalles_campus %}
</div>
<div class="footer_campuses_item">
{% include "@partial-campus-teaser" with campuses.hood_river %}
</div>
</div>
</div>
<div class="footer_bottom">
<div class="footer_bottom_inner">
<div class="footer_bottom_inner_item is_utility_nav">
{% include '@navigation-basic' with {
class: 'utility_nav',
modifier: '',
title: 'Utility',
toggle_icon: '',
active_index: '',
links: navigation.utility
} %}
</div>
<div class="footer_bottom_inner_item is_social_nav">
{% include '@navigation-social' with {
modifier: 'footer',
title: 'Social',
links: navigation.social
} %}
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
No notes defined.