<div class="page_header_event">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_event_inner">
<div class="page_header_event_breadcrumb">
<div class="page_breadcrumb">
<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">Events & Tickets</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">Events Calendar</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 class="page_header_event_body">
<div class="event_feature_row">
<div class="event_feature_item">
<div class="event_feature_item_media">
<figure class="event_feature_item_figure">
<picture class="event_feature_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/fim/740x555/1" width="740" height="555">
<source media="(min-width: 360px)" srcset="https://images.fastspot.com/fim/740x416/1" width="740" height="416">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/fim/740x416/1" width="740" height="416">
<img class="event_feature_item_image" src="//images.fastspot.com/fim/x/1" alt="" loading="lazy" width="" height="">
</picture>
</figure>
<div class="event_feature_item_share">
<div class="js-share-tools share_tools direction_right">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
<button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_icon">
<svg class="icon icon_share">
<use href="/images/icons.svg#share" />
</svg>
</span>
<span class="share_tools_toggle_label">Share Event</span>
</span>
</button>
</div>
<ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_feature_item_wrapper">
<div class="event_feature_item_header">
<div class="event_feature_item_program">FIM Presents</div>
<h1 class="event_feature_item_title">
Event Title Lorem
</h1>
<div class="event_feature_item_time_wrapper">
<time class="event_feature_item_date" datetime="2023-05-31 17:00:00">
<span class="event_feature_item_date_start">May 31</span>
<span class="event_feature_item_date_end"> - June 13</span>
</time>
</div>
<div class="event_feature_item_fee">
<div class="event_feature_item_registration">
<span class="event_feature_item_registration_hint">Free to Attend</span>
<span class="event_feature_item_registration_label">Registration is required</span>
</div>
</div>
</div>
<div class="event_feature_item_body">
<div class="event_feature_item_details">
<div class="event_feature_item_detail">
<span class="event_feature_item_detail_icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</span>
<span class="event_feature_item_detail_hint">Location: </span>
<span class="event_feature_item_detail_label">Whiting Auditorium</span>
</div>
<ul class="event_feature_item_category_list" aria-label="Categories">
<li class="event_feature_item_category">
<a class="event_feature_item_category_link" href="#">Category One</a>
</li>
<li class="event_feature_item_category">
<a class="event_feature_item_category_link" href="#">Category Two</a>
</li>
</ul>
</div>
</div>
<div class="event_feature_item_footer">
<div class="event_feature_item_footer_action">
<a href="#" class="event_feature_item_footer_link">
<span class="event_feature_item_footer_link_inner">
<span class="event_feature_item_footer_link_label">Get Tickets</span>
<span class="event_feature_item_footer_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="event_feature_item_policies">
<a class="event_feature_item_policies_label" href="#event_policies">Event Policies</a>
<ul class="event_feature_item_policies_list">
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">People Allowed</span>
<span>
<svg class="icon icon_users">
<use href="/images/icons.svg#users" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item event_feature_item_policies_item_restricted">
<span class="event_feature_item_policies_item_label">No Talking</span>
<span>
<svg class="icon icon_comment">
<use href="/images/icons.svg#comment" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">Masks Required</span>
<span>
<svg class="icon icon_mask">
<use href="/images/icons.svg#mask" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">The circle thing Jemal does is allowed</span>
<span>
<svg class="icon icon_hands">
<use href="/images/icons.svg#hands" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item event_feature_item_policies_item_restricted">
<span class="event_feature_item_policies_item_label">No Pictures</span>
<span>
<svg class="icon icon_camera">
<use href="/images/icons.svg#camera" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">No Hearing</span>
<span>
<svg class="icon icon_hearing_aid">
<use href="/images/icons.svg#hearing_aid" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">Very Expensive</span>
<span>
<svg class="icon icon_dollar">
<use href="/images/icons.svg#dollar" />
</svg>
</span>
</li>
<li class="event_feature_item_policies_item">
<span class="event_feature_item_policies_item_label">Riders Welcome</span>
<span>
<svg class="icon icon_wheelchair">
<use href="/images/icons.svg#wheelchair" />
</svg>
</span>
</li>
</ul>
</div>
</div>
<div class="alert_inner alert_inner_inline">
<div class="alert_header">
<h2 class="alert_title" id="alert_title" tabindex="-1">
<span class="alert_title_icon">
<svg class="icon icon_info">
<use href="/images/icons.svg#info" />
</svg>
</span>
<span class="alert_title_label">This is an event-specific alert</span>
</h2>
</div>
<div class="alert_body">
<div class="alert_description typography">
This event has been postponed from its original date of September 23, 2023. The new event date is Lorem 21, 2024.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event_entry">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Event',
'location': {
'@type': 'Place',
'address': {
'@type': 'PostalAddress',
'addressLocality': 'Baltimore',
'addressRegion': 'MD',
'postalCode': '21211',
'streetAddress': '2980 Falls Rd'
},
'name': 'Fastspot Office'
},
'name': 'Event Detail',
'image': '',
'description': 'Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.',
'startDate': '2013-09-14T21:30',
'endDate': '2013-09-14T21:30',
'offers': {
'@type': 'Offer',
'url': '#'
},
}
</script>
<!-- Page Content -->
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="event_feature_item_title">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<!-- WYSIWYG -->
<div class="typography">
<p class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis mauris nec dui consectetur, non ultrices mi vehicula. Vivamus bibendum lectus ligula.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis mauris nec dui consectetur, non ultrices mi vehicula. Vivamus bibendum lectus ligula, tincidunt semper sem egestas sit amet. Maecenas ullamcorper volutpat nulla sit amet congue. Vestibulum non interdum erat, in condimentum justo.</p>
<p>Fusce diam nulla, pharetra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. Sed nunc ipsum, tincidunt ac consequat tincidunt, cursus at nibh. Vivamus nec interdum purus, ut efficitur sapien. Suspendisse posuere ultricies mollis. Donec in urna risus. In a congue tortor. In hac habitasse platea dictumst. Suspendisse finibus hendrerit turpis, in viverra ligula tincidunt in.</p>
<hr />
<p>Discounts are avaiable lore ipsum dolor sit amet avec.</p>
<hr />
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
</div>
<div class="full_width_callouts">
<!-- Card Group -->
<div class="program_callout">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<div class="program_callout_item">
<figure class="program_callout_item_figure">
<img class="program_callout_item_image" src="https://images.fastspot.com/fim/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="program_callout_item_description">
<p>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.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<!-- Link Group -->
<div class="event_policies" id="event_policies">
<div class="fs-row">
<div class="fs-cell">
<div class="event_policies_inner">
<div class="event_policies_header">
<h2 class="event_policies_title">Event Policies</h2>
</div>
<ul class="event_policies_list">
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_users">
<use href="/images/icons.svg#users" />
</svg>
</div>
<div class="event_policies_item_title">Age Recommendations</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. </p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_mask">
<use href="/images/icons.svg#mask" />
</svg>
</div>
<div class="event_policies_item_title">Masks Required</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero.</p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_hands">
<use href="/images/icons.svg#hands" />
</svg>
</div>
<div class="event_policies_item_title">ASL Interpreter available upon request</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero.</p>
</div>
</li>
<li class="event_policies_item event_policies_item_restricted">
<div class="event_policies_item_icon">
<svg class="icon icon_comment">
<use href="/images/icons.svg#comment" />
</svg>
</div>
<div class="event_policies_item_title">Quiet Space Available</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce <a href>dapibus nulla libero</a>, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_item event_policies_item_restricted">
<div class="event_policies_item_icon">
<svg class="icon icon_camera">
<use href="/images/icons.svg#camera" />
</svg>
</div>
<div class="event_policies_item_title">No Photography or Video</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_email">
<use href="/images/icons.svg#email" />
</svg>
</div>
<div class="event_policies_item_title">Email</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_policies">
<use href="/images/icons.svg#policies" />
</svg>
</div>
<div class="event_policies_item_title">Policies</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_security">
<use href="/images/icons.svg#security" />
</svg>
</div>
<div class="event_policies_item_title">Security</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_item">
<div class="event_policies_item_icon">
<svg class="icon icon_tickets">
<use href="/images/icons.svg#tickets" />
</svg>
</div>
<div class="event_policies_item_title">Tickets</div>
<div class="event_policies_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
</ul>
<ul class="event_policies_mini_list">
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
<li class="event_policies_mini_item">
<div class="event_policies_mini_item_title">Phretra a felis non</div>
<div class="event_policies_mini_item_description">
<p>Phretra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh.</p>
</div>
</li>
</ul>
<div class="event_policies_footer">
<a class="event_policies_link" href="#">Read more about the Ticket Center policies</a>
</div>
</div>
</div>
</div>
</div>
<!-- END: Link Group -->
<!-- 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 -->
<!-- Testimonial -->
<div class="upcoming_events theme_gray">
<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">Related Events</h2>
</div>
<div class="upcoming_event_action_body">
<div class="upcoming_event_action_description">
<p></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 -->
</div>
{% render '@partial-page-header-event' %}
<div class="event_entry">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Event',
'location': {
'@type': 'Place',
'address': {
'@type': 'PostalAddress',
'addressLocality': 'Baltimore',
'addressRegion': 'MD',
'postalCode': '21211',
'streetAddress': '2980 Falls Rd'
},
'name': 'Fastspot Office'
},
'name': '{{ page.title }}',
'image': '',
'description': '{{ page.description }}',
'startDate': '2013-09-14T21:30',
'endDate': '2013-09-14T21:30',
'offers': {
'@type': 'Offer',
'url': '#'
},
}
</script>
<!-- Page Content -->
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="event_feature_item_title">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<!-- WYSIWYG -->
<div class="typography">
<p class="intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis mauris nec dui consectetur, non ultrices mi vehicula. Vivamus bibendum lectus ligula.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis mauris nec dui consectetur, non ultrices mi vehicula. Vivamus bibendum lectus ligula, tincidunt semper sem egestas sit amet. Maecenas ullamcorper volutpat nulla sit amet congue. Vestibulum non interdum erat, in condimentum justo.</p>
<p>Fusce diam nulla, pharetra a felis non, suscipit vehicula nibh. Etiam congue vehicula libero a tempor. Fusce dapibus nulla libero, vitae accumsan arcu mattis at. Sed quis dui elit. Duis nec blandit tortor, a cursus nibh. Sed nunc ipsum, tincidunt ac consequat tincidunt, cursus at nibh. Vivamus nec interdum purus, ut efficitur sapien. Suspendisse posuere ultricies mollis. Donec in urna risus. In a congue tortor. In hac habitasse platea dictumst. Suspendisse finibus hendrerit turpis, in viverra ligula tincidunt in.</p>
<hr />
<p>Discounts are avaiable lore ipsum dolor sit amet avec.</p>
<hr />
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
</div>
<div class="full_width_callouts">
{% render '@component-program-callout' %}
{% render '@component-event-policies' %}
{% render '@component-contact-info' %}
{% render '@component-upcoming-events' with {
layout: 'default',
title: 'Related Events',
description: '',
theme: 'gray'
} %}
</div>
No notes defined.