<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
<!-- Testimonial -->
<div class="callout_carousel">
<div class="fs-row">
<div class="fs-cell">
<div class="callout_carousel_inner">
<div class="js-carousel callout_carousel_items" data-carousel-options='{"contained":false,"controls":true,"single":true,"pagination":false}'>
<div class="callout_carousel_item">
<h2 class="callout_carousel_item_title">Featured Season or Series Title Lorem Ipsum</h2>
<div class="callout_carousel_item_action">
<a href="#" class="callout_carousel_item_link">
<span class="callout_carousel_item_link_inner">
<span class="callout_carousel_item_link_label">Call to Action</span>
<span class="callout_carousel_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_out">
<use href="/images/icons.svg#arrow_out" />
</svg>
</span>
</span>
</a>
</div>
<div class="callout_carousel_item_media">
<picture class="callout_carousel_item_picture">
<source media="(min-width: 1394px)" srcset="https://images.fastspot.com/fim/980x654/1" width="980" height="654">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/fim/980x980/1" width="980" height="980">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/735x980/1" width="735" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/fim/740x494/1" width="740" height="494">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/500x334/1" width="500" height="334">
<img class="callout_carousel_item_image" src="//images.fastspot.com/fim/x/1" alt="" loading="lazy" width="" height="">
</picture>
</div>
<span class="callout_carousel_item_index">1 of 3
</div>
<div class="callout_carousel_item">
<h2 class="callout_carousel_item_title">Alligators Zebras and a Hippo to Love</h2>
<div class="callout_carousel_item_action">
<a href="#" class="callout_carousel_item_link">
<span class="callout_carousel_item_link_inner">
<span class="callout_carousel_item_link_label">Buy Tickets</span>
<span class="callout_carousel_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_out">
<use href="/images/icons.svg#arrow_out" />
</svg>
</span>
</span>
</a>
</div>
<div class="callout_carousel_item_media">
<picture class="callout_carousel_item_picture">
<source media="(min-width: 1394px)" srcset="https://images.fastspot.com/fim/980x654/2" width="980" height="654">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/fim/980x980/2" width="980" height="980">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/735x980/2" width="735" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/fim/740x494/2" width="740" height="494">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/500x334/2" width="500" height="334">
<img class="callout_carousel_item_image" src="//images.fastspot.com/fim/x/2" alt="" loading="lazy" width="" height="">
</picture>
</div>
<span class="callout_carousel_item_index">2 of 3
</div>
<div class="callout_carousel_item">
<h2 class="callout_carousel_item_title">Gravity Falls</h2>
<div class="callout_carousel_item_action">
<a href="#" class="callout_carousel_item_link">
<span class="callout_carousel_item_link_inner">
<span class="callout_carousel_item_link_label">Learn More</span>
<span class="callout_carousel_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_out">
<use href="/images/icons.svg#arrow_out" />
</svg>
</span>
</span>
</a>
</div>
<div class="callout_carousel_item_media">
<picture class="callout_carousel_item_picture">
<source media="(min-width: 1394px)" srcset="https://images.fastspot.com/fim/980x654/4" width="980" height="654">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/fim/980x980/4" width="980" height="980">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/735x980/4" width="735" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/fim/740x494/4" width="740" height="494">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/500x334/4" width="500" height="334">
<img class="callout_carousel_item_image" src="//images.fastspot.com/fim/x/4" alt="" loading="lazy" width="" height="">
</picture>
</div>
<span class="callout_carousel_item_index">3 of 3
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<!-- Call to Action -->
<div class="cta_pair" style="--leftBackground: #E00083; --rightBackground: #5ADDEF;">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_pair_inner">
<div class="cta_pair_items">
<div class="cta_pair_item theme_raspberry">
<h2 class="cta_pair_title">What’s On Stage</h2>
<div class="cta_pair_description">
<p>FIM offers an extensive array of community education and engagement opportunities including Music Around Town concerts, the Troubadours’ classroom visits, school-time performances at the Capitol Theatre and Whiting Auditorium, and a host of virtual field trips available to educators throughout the school year.</p>
</div>
<div class="cta_pair_actions">
<a href="#" class="cta_pair_link" aria-label="Link Aria">
<span class="cta_pair_link_inner">
<span class="cta_pair_link_label">What's On</span>
<span class="cta_pair_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
<a href="#" class="cta_pair_link" aria-label="Link Aria">
<span class="cta_pair_link_inner">
<span class="cta_pair_link_label">Get Tickets</span>
<span class="cta_pair_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 class="cta_pair_item theme_sea_green">
<h2 class="cta_pair_title">Planning Your Visit</h2>
<div class="cta_pair_description">
<p>FIM offers an extensive array of community education and engagement opportunities including Music Around Town concerts, the Troubadours’ classroom visits, school-time performances at the Capitol Theatre and Whiting Auditorium, and a host of virtual field trips available to educators throughout the school year.</p>
</div>
<div class="cta_pair_actions">
<a href="#" class="cta_pair_link" aria-label="Link Aria">
<span class="cta_pair_link_inner">
<span class="cta_pair_link_label">Learn More</span>
<span class="cta_pair_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>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Call to Action -->
<div class="cta_full theme_default">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_full_inner">
<div class="cta_full_header">
<h2 class="cta_full_title">Call to Action Title Lorem Ipsum Dolor</h2>
</div>
<div class="cta_full_body">
<div class="cta_full_description">
<p>FIM offers an extensive array of community education and engagement opportunities including Music Around Town concerts, the Troubadours’ classroom visits, school-time performances at the Capitol Theatre and Whiting Auditorium, and a host of virtual field trips available to educators throughout the school year.</p>
</div>
<div class="cta_full_action">
<a href="#" class="cta_full_link" aria-label="Link Aria">
<span class="cta_full_link_inner">
<span class="cta_full_link_label">Learn More</span>
<span class="cta_full_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>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Call to Action -->
<div class="cta_full theme_default">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_full_inner">
<div class="cta_full_header">
<h2 class="cta_full_title">Call to Action Title Lorem Ipsum Dolor</h2>
</div>
<div class="cta_full_body">
<div class="cta_full_description">
<p>FIM offers an extensive array of community education and engagement opportunities including Music Around Town concerts, the Troubadours’ classroom visits, school-time performances at the Capitol Theatre and Whiting Auditorium, and a host of virtual field trips available to educators throughout the school year.</p>
</div>
<div class="cta_full_action">
<a href="#" class="cta_full_link" aria-label="Link Aria">
<span class="cta_full_link_inner">
<span class="cta_full_link_label">Learn More</span>
<span class="cta_full_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>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Call to Action Featured -->
<div class="cta_featured theme_royal_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_featured_inner">
<div class="cta_featured_header cta_featured_header_sm">
<h2 class="cta_featured_lead">Engage With US</h2>
<h3 class="cta_featured_title">Community Education & Engagement</h3>
</div>
<div class="cta_featured_media">
<picture class="cta_featured_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/555x740/1" width="555" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/1" width="740" height="416">
<img class="cta_featured_image" src="//images.fastspot.com/fim/x/1" alt="" loading="lazy" width="" height="">
</picture>
</div>
<div class="cta_featured_body">
<div class="cta_featured_header cta_featured_header_lg">
<h2 class="cta_featured_lead">Engage With US</h2>
<h3 class="cta_featured_title">Community Education & Engagement</h3>
</div>
<div class="cta_featured_description">
<p>FIM offers an extensive array of community education and engagement opportunities including Music Around Town concerts, the Troubadours’ classroom visits, school-time performances at the Capitol Theatre and Whiting Auditorium, and a host of virtual field trips available to educators throughout the school year.</p>
</div>
<div class="cta_featured_action">
<a href="#" class="cta_featured_link" aria-label="Link Aria">
<span class="cta_featured_link_inner">
<span class="cta_featured_link_label">Learn More</span>
<span class="cta_featured_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>
</div>
</div>
</div>
<!-- END: Call to Action Featured -->
</div>
<!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
{% render '@component-callout-carousel' %}
{% render '@component-callout-side-by-side' %}
{% render '@component-callout-row' %}
{% render '@component-callout-row' %}
{% render '@component-visual-callout' with {
theme: 'royal_blue',
} %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.