<!-- Footer -->
<footer class="footer" id="footer">
<div class="footer_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_primary_group">
<div class="footer_logo">
<div class="logo logo_footer logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
<span class="logo_link_label">Flint Institute of Music</span>
</a>
</div>
</div>
<div class="footer_social_nav">
<div class="social_nav">
<div class="social_nav_header">
<h2 class="social_nav_title" id="social_nav_title">Social</h2>
</div>
<ul class="social_nav_list" aria-labelledby="social_nav_title">
<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>
</ul>
</div>
</div>
<div class="footer_footer_nav footer_footer_nav_sm">
<nav class="footer_nav footer_nav_sm" aria-labelledby="basic_nav_title-2">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title-2">Footer</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title-2">
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Contact Us</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Millage Information</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">COVID-19</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Employment</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="footer_primary_group">
<div class="footer_simple_cta">
<!-- Call to Action -->
<div class="cta">
<div class="cta_inner">
<div class="cta_description">
<p>Stay up to date on what's happening at FIM. Be the first to know what is coming next, and stay engaged with us. Opt out at any time.</p>
</div>
<div class="cta_action">
<a href="#" class="cta_link" aria-label="Link Aria">
<span class="cta_link_inner">
<span class="cta_link_label">Sign Up for Our Newsletter</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<!-- END: Call to Action -->
</div>
<div class="footer_complex_cta">
<!-- Call to Action -->
<div class="cta_background">
<div class="cta_background_inner">
<div class="cta_background_header">
<h2 class="cta_background_title">Getting Here</h2>
</div>
<div class="cta_background_description">
<p>Learn more about lorem ipsum ipsum dolor sit amet lorem ipsum ipsum dolor sit amet lorem ipsum ipsum dolor sit amet.</p>
</div>
<div class="cta_background_action">
<a href="#" class="cta_background_link" aria-label="Link Aria">
<span class="cta_background_link_inner">
<span class="cta_background_link_label">Location information</span>
<span class="cta_background_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<img class="cta_background_image" srcset="https://images.fastspot.com/fim/740x494/ 740w, https://images.fastspot.com/fim/500x334/ 500w" src="https://images.fastspot.com/fim/500x334/" alt="" loading="lazy" width="500" height="334">
</div>
<!-- END: Call to Action -->
</div>
</div>
<div class="footer_primary_group">
<div class="sponsors">
<h2 class="sponsors_title">2022-2023 FIM Season Sponsor</h2>
<h3 class="sponsor_subtitle">The Whiting Foundation</h3>
<ul class="sponsors_list" aria-label="2022-2023 FIM Season Sponsor">
<li class="sponsor">
<div class="sponsor_media">
<img class="sponsor_image" src="//images.fastspot.com/framework/66x59/1" alt="">
</div>
<div class="sponsor_description">This activity is supported by the Michigan Council for Arts & Cultural Affairs.</div>
</li>
<li class="sponsor">
<div class="sponsor_media">
<img class="sponsor_image" src="//images.fastspot.com/framework/64x47/2" alt="">
</div>
<div class="sponsor_description">Major funding for the Flint Institute of Music is provided by Charles Stewart Mott Foundation. Learn more at <a href="#">mott.org</a></div>
</li>
<li class="sponsor">
<div class="sponsor_media">
<img class="sponsor_image" src="//images.fastspot.com/framework/65x61/3" alt="">
</div>
<div class="sponsor_description">This program and/or service is funded in whole or in part by the Genesee County Arts Education and Cultural Enrichment Millage funds. Your tax dollars are at work.</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_footer_nav footer_footer_nav_lg">
<nav class="footer_nav footer_nav_lg" aria-labelledby="basic_nav_title-3">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title-3">Footer</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title-3">
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Contact Us</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Millage Information</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">COVID-19</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Employment</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer_copyright">
<p class="copyright">
<span class="copyright_label">Copyright</span>
<span class="copyright_icon">©</span>
<span class="copyright_year">2024</span>
<span class="copyright_holder">
<span class="copyright_holder_name">Flint Institute of Music.</span>
</span>
<span class="copyright_label">All rights reserved.</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
</div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
<div class="footer_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_primary_group">
<div class="footer_logo">
{% include '@partial-logo' with {
modifier: 'footer',
icon: 'logo',
print: ''
} %}
</div>
<div class="footer_social_nav">
{% include '@navigation-social' with {
title: 'Social',
links: navigation.social
} %}
</div>
<div class="footer_footer_nav footer_footer_nav_sm">
{% include '@navigation-basic' with {
class: 'footer',
modifier: 'sm',
title: 'Footer',
active_index: '',
links: navigation.footer
} %}
</div>
</div>
<div class="footer_primary_group">
<div class="footer_simple_cta">
{% render '@component-call-to-action' %}
</div>
<div class="footer_complex_cta">
{% render '@component-call-to-action-background' %}
</div>
</div>
<div class="footer_primary_group">
{% render '@component-sponsors' %}
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_footer_nav footer_footer_nav_lg">
{% include '@navigation-basic' with {
class: 'footer',
modifier: 'lg',
title: 'Footer',
active_index: '',
links: navigation.footer
} %}
</div>
<div class="footer_copyright">
{% render '@partial-copyright' %}
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
{% if page.alert == true %}
{% set alert_path = page.alert_path|default('/components/render/partial-alert') %}
<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
<script>
var AlertURL = "{{ alert_path|path }}";
</script>
{% endif %}
</div>
</footer>
<!-- END: Footer -->
No notes defined.