<div class="page_header">
<div class="page_header_inner">
<div class="page_header_breadcrumb">
<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="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Community Programs</span>
</span>
</span>
<span class="breadcrumb_end" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_flat_inner">
<nav class="sub_nav" aria-labelledby="basic_nav_title-11">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-11">Community Programs</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-11">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Overview</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Vision & Mission</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">History</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Health & Safety</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Getting Here</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Board of Trustees</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Administrative Staff</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Financials</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Arts & Culture Millage Information</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Newsroom</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Employment Opportunities</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Partners & Affiliates</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="page_nav_toggle">
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<button class="js-sub-nav-toggle js-nav-toggle-button js-swap sub_nav_toggle button_toggle" data-swap-target=".js-sub-nav-group" data-swap-linked="audience">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label button_toggle_label_default button_toggle_label">In This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label button_toggle_label_active button_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-9">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-9">community programs</h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-9">
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Overview</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Vision & Mission</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">History</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Health & Safety</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Getting Here</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Board of Trustees</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Administrative Staff</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Financials</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Arts & Culture Millage Information</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Newsroom</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Employment Opportunities</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Partners & Affiliates</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-justify-center fs-lg-10 fs-xl-8">
<div class="page_intro_inner">
<div class="page_intro_body">
<h1 class="page_title" id="page_title" tabindex="-1">Community Programs</h1>
<p class="page_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquet lorem vel orci condimentum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- Card Group -->
<div class="card_group">
<div class="card_group_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="card_group_items card_count_4">
<li class="card_group_item">
<a class="card_group_item_link" href="#">
<figure class="card_group_item_figure">
<picture class="card_group_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/654x980/1" width="654" height="980">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/1" width="740" height="416">
<img class="card_group_item_image" src="//images.fastspot.com/fim/x/1" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="card_group_item_body">
<h2 class="card_group_item_title">
<span class="card_group_item_title_label">Programs</span>
</h2>
<div class="card_group_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</a>
</li>
<li class="card_group_item">
<a class="card_group_item_link" href="#">
<figure class="card_group_item_figure">
<picture class="card_group_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/654x980/2" width="654" height="980">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/2" width="740" height="416">
<img class="card_group_item_image" src="//images.fastspot.com/fim/x/2" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="card_group_item_body">
<h2 class="card_group_item_title">
<span class="card_group_item_title_label">Virtual Field Trips</span>
</h2>
<div class="card_group_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</a>
</li>
<li class="card_group_item">
<a class="card_group_item_link" href="#">
<figure class="card_group_item_figure">
<picture class="card_group_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/654x980/3" width="654" height="980">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/3" width="740" height="416">
<img class="card_group_item_image" src="//images.fastspot.com/fim/x/3" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="card_group_item_body">
<h2 class="card_group_item_title">
<span class="card_group_item_title_label">Master Classes</span>
</h2>
<div class="card_group_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</a>
</li>
<li class="card_group_item">
<a class="card_group_item_link" href="#">
<figure class="card_group_item_figure">
<picture class="card_group_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/654x980/4" width="654" height="980">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/4" width="740" height="416">
<img class="card_group_item_image" src="//images.fastspot.com/fim/x/4" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="card_group_item_body">
<h2 class="card_group_item_title">
<span class="card_group_item_title_label">Community Partners</span>
</h2>
<div class="card_group_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<!-- Link Group -->
<div class="link_group">
<div class="fs-row">
<div class="fs-cell">
<div class="link_group_inner">
<div class="link_group_header">
<h2 class="link_group_title">Resources for Educators</h2>
<div class="link_group_description">
<p>We bring the performing arts to life in our exceptional venues and across our communities.</p>
</div>
</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">Standard Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">Standard Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">Ipsum Consectetur Pharetra Purus Quam Consectetur Pharetra</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">Standard Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">External Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">File Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">Standard Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_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">Standard Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Link Group -->
<!-- Testimonial -->
<div class="upcoming_events theme_default">
<div class="fs-row">
<div class="fs-cell">
<div class="upcoming_events_inner">
<div class="upcoming_event_action">
<div class="upcoming_event_action_header">
<h2 class="upcoming_event_action_title">Upcoming Community Programs</h2>
</div>
<div class="upcoming_event_action_body">
<div class="upcoming_event_action_description">
<p>We bring the performing arts to life in our exceptional venues and across our communities. Check out the latest events happening across our programs and venues.</p>
</div>
<div class="upcoming_event_action_action">
<a href="#" class="upcoming_event_action_link">
<span class="upcoming_event_action_link_inner">
<span class="upcoming_event_action_link_label">All Community Program Events</span>
<span class="upcoming_event_action_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 class="upcoming_events_items">
<!-- Event List -->
<div class="event_list event_list_layout_default">
<ul class="event_list_rows" id="item_list" aria-label="">
<li class="event_list_row">
<a class="event_list_row_link" href="page-event-detail.html" aria-label="Gazillion Bubble Show">
<div class="event_list_item">
<div class="event_list_item_media">
<figure class="event_list_item_figure">
<picture class="event_list_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/740x494/1" width="740" height="494">
<source media="(min-width: 360px)" srcset="https://images.fastspot.com/fim/555x740/1" width="555" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x494/1" width="740" height="494">
<img class="event_list_item_image" src="//images.fastspot.com/fim/x/1" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="event_list_item_fee">
<div class="event_list_item_tickets">
<span class="event_list_item_tickets_icon">
<svg class="icon icon_ticket">
<use href="/images/icons.svg#ticket" />
</svg>
</span>
<span class="event_list_item_tickets_label">Ticketed</span>
</div>
</div>
</div>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<div class="event_list_item_program">FIM Presents</div>
<h2 class="event_list_item_title">
Gazillion Bubble Show
</h2>
<div class="event_list_item_time_wrapper">
<time class="event_list_item_date" datetime="2023-05-31 17:00:00">
<span class="event_list_item_date_start">May 31</span>
<span class="event_list_item_date_end"> - Jun 13</span>
</time>
<span class="event_list_item_time">
<span> • </span>
<span class="event_list_item_time_start">5:00 PM</span>
<span class="event_list_item_time_start"> - 7:00 PM</span>
</span>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_details">
<ul class="event_list_item_category_list" aria-label="Categories">
</ul>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</span>
<span class="event_list_item_detail_hint">Location: </span>
<span class="event_list_item_detail_label">Whiting Auditorium</span>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
<li class="event_list_row">
<a class="event_list_row_link" href="page-event-detail.html" aria-label="Death of a Salesman">
<div class="event_list_item">
<div class="event_list_item_media">
<figure class="event_list_item_figure">
<picture class="event_list_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/740x494/4" width="740" height="494">
<source media="(min-width: 360px)" srcset="https://images.fastspot.com/fim/555x740/4" width="555" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x494/4" width="740" height="494">
<img class="event_list_item_image" src="//images.fastspot.com/fim/x/4" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="event_list_item_fee">
<div class="event_list_item_tickets">
<span class="event_list_item_tickets_icon">
<svg class="icon icon_ticket">
<use href="/images/icons.svg#ticket" />
</svg>
</span>
<span class="event_list_item_tickets_label">Ticketed</span>
</div>
</div>
</div>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<div class="event_list_item_program">Flint Repertory Theatre</div>
<h2 class="event_list_item_title">
Death of a Salesman
</h2>
<div class="event_list_item_time_wrapper">
<time class="event_list_item_date" datetime="2023-05-31 17:00:00">
<span class="event_list_item_date_start">May 31</span>
</time>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_details">
<ul class="event_list_item_category_list" aria-label="Categories">
</ul>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</span>
<span class="event_list_item_detail_hint">Location: </span>
<span class="event_list_item_detail_label">Elgood Theatre</span>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
<li class="event_list_row">
<a class="event_list_row_link" href="page-event-detail.html" aria-label="Blues Fest">
<div class="event_list_item">
<div class="event_list_item_media">
<figure class="event_list_item_figure">
<picture class="event_list_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/740x494/2" width="740" height="494">
<source media="(min-width: 360px)" srcset="https://images.fastspot.com/fim/555x740/2" width="555" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x494/2" width="740" height="494">
<img class="event_list_item_image" src="//images.fastspot.com/fim/x/2" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="event_list_item_fee">
<div class="event_list_item_registration">
<span class="event_list_item_registration_hint">Free to Attend</span>
<span class="event_list_item_registration_label">Registration is required</span>
</div>
</div>
</div>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<div class="event_list_item_program">Capitol Theatre</div>
<h2 class="event_list_item_title">
Blues Fest
</h2>
<div class="event_list_item_time_wrapper">
<time class="event_list_item_date" datetime="2023-05-31 17:00:00">
<span class="event_list_item_date_start">May 31</span>
<span class="event_list_item_date_end"> - Jun 13</span>
</time>
<span class="event_list_item_time">
<span> • </span>
<span class="event_list_item_time_start">5:00 PM</span>
<span class="event_list_item_time_start"> - 7:00 PM</span>
</span>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_details">
<ul class="event_list_item_category_list" aria-label="Categories">
</ul>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</span>
<span class="event_list_item_detail_hint">Location: </span>
<span class="event_list_item_detail_label">Capitol Theatre</span>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
<li class="event_list_row">
<a class="event_list_row_link" href="page-event-detail.html" aria-label="BCO Tribute to Ella Fitzgerald">
<div class="event_list_item">
<div class="event_list_item_media">
<figure class="event_list_item_figure">
<picture class="event_list_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/740x494/3" width="740" height="494">
<source media="(min-width: 360px)" srcset="https://images.fastspot.com/fim/555x740/3" width="555" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x494/3" width="740" height="494">
<img class="event_list_item_image" src="//images.fastspot.com/fim/x/3" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="event_list_item_fee">
<div class="event_list_item_tickets">
<span class="event_list_item_tickets_icon">
<svg class="icon icon_ticket">
<use href="/images/icons.svg#ticket" />
</svg>
</span>
<span class="event_list_item_tickets_label">Ticketed</span>
</div>
</div>
</div>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<div class="event_list_item_program">Whiting Auditorium</div>
<h2 class="event_list_item_title">
BCO Tribute to Ella Fitzgerald
</h2>
<div class="event_list_item_time_wrapper">
<time class="event_list_item_date" datetime="2023-06-13 17:00:00">
<span class="event_list_item_date_start">Jun 13</span>
</time>
<span class="event_list_item_time">
<span> • </span>
<span class="event_list_item_time_start">5:00 PM</span>
<span class="event_list_item_time_start"> - 7:00 PM</span>
</span>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_details">
<ul class="event_list_item_category_list" aria-label="Categories">
</ul>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</span>
<span class="event_list_item_detail_hint">Location: </span>
<span class="event_list_item_detail_label">Whiting Auditorium</span>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: Event Item -->
</div>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<!-- Testimonial -->
<div class="testimonials">
<div class="fs-row">
<div class="fs-cell fs-xl-10 fs-xl-justify-center">
<div class="testimonials_inner">
<div class="js-carousel testimonials_items" data-carousel-options='{"contained":false,"controls":true,"pagination":false,"single":true}'>
<div class="testimonials_item">
<!-- Testimonial -->
<div class="testimonial">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<blockquote class="testimonial_quote">
<span class="testimonial_quote_open">“</span>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare. Proin pulvinar, magna id vulputate commodo, metus massa tincidunt lorem, <a href="#">non elementum urna dui sed</a> neque. Nulla non ipsum fermentum, fermentum tellus ut, viverra est. Interdum et malesuada fames ac ant faucibus”.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_info">
<span class="testimonial_quote_name">Full Name</span>
<span class="testimonial_quote_title">Senior Director of Department</span>
</span>
</figcaption>
</figure>
</div>
</div>
<!-- END: Testimonial --> <span class="testimonials_item_index">1 of 3
</div>
<div class="testimonials_item">
<!-- Testimonial -->
<div class="testimonial">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<blockquote class="testimonial_quote">
<span class="testimonial_quote_open">“</span>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_info">
<span class="testimonial_quote_name">Lots bigs names with names</span>
<span class="testimonial_quote_title">Senior Director of Department Senior Director of Department</span>
</span>
</figcaption>
</figure>
</div>
</div>
<!-- END: Testimonial --> <span class="testimonials_item_index">2 of 3
</div>
<div class="testimonials_item">
<!-- Testimonial -->
<div class="testimonial">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<blockquote class="testimonial_quote">
<span class="testimonial_quote_open">“</span>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare. Proin pulvinar, magna id vulputate commodo, metus massa tincidunt lorem, <a href="#">non elementum urna dui sed</a> neque. Nulla non ipsum fermentum, fermentum tellus ut, viverra est. Interdum et malesuada fames ac ant faucibus”.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_info">
<span class="testimonial_quote_name">Full Name</span>
<span class="testimonial_quote_title">Senior Director of Department</span>
</span>
</figcaption>
</figure>
</div>
</div>
<!-- END: Testimonial --> <span class="testimonials_item_index">3 of 3
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<!-- Contact Info -->
<div class="contact_block contact_block_no_image">
<div class="fs-row">
<div class="fs-cell">
<div class="contact_block_inner">
<div class="contact">
<div class="contact_header">
<h2 class="contact_title">Questions? Get in Touch</h2>
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail name">
<h3 class="contact_detail_info contact_detail_info_strong">Ticket Center</h3>
<div class="contact_detail_info contact_detail_info_em"></div>
</div>
<div class="contact_detail contact">
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="tel:4105551234">Phone: (410) 555-1234</a>
</div>
<div class="contact_detail_info">Monday – Friday 10am-3pm</div>
<div class="contact_detail_info">45 minutes past performance time</div>
</div>
<div class="contact_detail location">
<div class="contact_detail_info">Ticket Center<br>1234 Maple Bacon Ln.<br>Baltimore, MD 21211</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
</div>
{% include '@partial-page-header' with {
page: page
} %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% render '@component-card-group' %}
{% render '@component-link-group' %}
{% render '@component-upcoming-events' %}
{% render '@component-testimonials' %}
{% render '@component-contact-info' %}
</div>
No notes defined.