<div class="page_header">
<div class="page_header_content">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_content_inner">
<div class="page_header_breadcrumb">
<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_icon" aria-hidden="true">
<i class="fa-regular fa-house"></i>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"></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"></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"></span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<div class="event_list_row">
<div class="event_list_item_time_wrapper">
<span class="event_list_item_time_icon">
<i class="fa-regular fa-calendar"></i>
</span>
<time class="event_list_item_time event_list_item_time_sm" datetime="2017-05-31 17:00:00">
May 31
</time>
<time class="event_list_item_time event_list_item_time_lg" datetime="2017-05-31 17:00:00">
May 31
</time>
</div>
<div class="event_list_item">
<figure class="event_list_item_figure">
<img class="event_list_item_image" srcset="https://images.fastspot.com/merced/980x735/1 980w, https://images.fastspot.com/merced/740x555/1 740w, https://images.fastspot.com/merced/500x375/1 500w, https://images.fastspot.com/merced/300x225/1 300w" src="https://images.fastspot.com/merced/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="event_list_item_wrapper">
<div class="event_list_item_inner">
<div class="event_list_item_header">
<h1 class="event_list_item_title" id="page_title">
Merced College Concert Band
</h1>
</div>
<div class="event_list_item_body">
<div class="event_list_item_details">
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<i class="fa-regular fa-school"></i>
</span>
<span class="event_list_item_detail_hint">Campus: </span>
<span class="event_list_item_detail_label">Merced Campus</span>
</div>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<i class="fa-regular fa-location-dot"></i>
</span>
<span class="event_list_item_detail_hint">Location: </span>
<span class="event_list_item_detail_label">Merced College Theatre</span>
</div>
<div class="event_list_item_detail">
<span class="event_list_item_detail_icon">
<i class="fa-regular fa-clock"></i>
</span>
<span class="event_list_item_detail_hint">Time: </span>
<span class="event_list_item_detail_label">
5:00 PM
</span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<span class="event_list_item_detail_icon">
<i class="fa-regular fa-tags"></i>
</span>
<span class="event_list_item_detail_hint">Categories: </span>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Fine & Performing Arts</a>
</li>
</ul>
</div>
</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': 'Circleless',
'addressRegion': 'MD',
'postalCode': '20122',
'streetAddress': '2980 Falls Rd'
},
'name': 'Slowblotch 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="page_title">
<div class="js-share-tools share_tools theme_light layout_floating">
<h2 class="share_tools_title">Share This</h2>
<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-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<i class="fa-brands fa-twitter"></i>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<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">
<i class="fa-brands fa-facebook"></i>
</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-linkedin share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<i class="fa-brands fa-linkedin"></i>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
<!-- WYSIWYG -->
<div class="wysiwyg_block">
<div class="fs-row">
<div class="fs-cell">
<div class="fs-mini">
<div class="wysiwyg_block_inner typography">
<!-- Headings -->
<h1>H1 Crass Viverra Ante Vitate Dictum</h1>
<div class="intro">
<p>Cras viverra ante vitae dictum vestibulum. Nam placerat nulla eu dolor scelerisque mattis et in diam. Quisque tempor ullamcorper odio sit amet vestibulum.</p>
</div>
<h2>H2 Crass Viverra Ante Vitate Dictum</h2>
<p>Cras viverra ante vitae dictum vestibulum. Nam
<a href="#">placerat</a>
nulla eu dolor scelerisque mattis et in diam. Quisque tempor
<a href="#">ullamcorper</a>
odio sit amet vestibulum. Praesent cursus tellus nunc, ut venenatis lacus scelerisque sed. Pellentesque mi risus, ultrices id fringilla non, sodales non mi. In feugiat lorem id efficitur euismod.
</p>
<h3>H3 Crass Viverra Ante Vitate Dictum</h3>
<h4>H4 Crass Viverra Ante Vitate Dictum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
<h5>H5 Crass Viverra Ante Vitate Dictum</h5>
<h6>H6 Crass Viverra Ante Vitate Dictum</h6>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<figure class="block_right">
<img src="https://images.fastspot.com/framework/740x416/1" alt="">
<figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
</figure>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<figure class="block_left">
<img src="https://images.fastspot.com/framework/740x416/2" alt="">
</figure>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>
<figure class="block_center">
<img src="https://images.fastspot.com/framework/1200x675/3" alt="">
<figcaption>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</figcaption>
</figure>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>
<!-- Blockquote - WYSIWYG -->
<blockquote>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
</blockquote>
<figure class="quote">
<blockquote class="quote_content">
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.</p>
</blockquote>
<figcaption class="quote_caption">
<span class="quote_caption_name">Aenean massa</span>
<span class="quote_caption_title">Nullam dictum felis</span>
</figcaption>
</figure>
<!-- Unordered List -->
<ul>
<li>
<strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</li>
<li>
<strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
</li>
<li>
<strong>Cum sociis natoque penatibus</strong>
et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
<ul>
<li>Donec ullamcorper nulla non metus auctor fringilla.</li>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>
Morbi leo risus, porta ac consectetur ac, vestibulum at eros
<ul>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
</ul>
</li>
</ul>
</li>
<li>
<strong>Vestibulum at eros.</strong>
Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
</li>
</ul>
<!-- Ordered List -->
<ol>
<li>
<strong>Morbi leo risus</strong>, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</li>
<li>
<strong>Porta ac consectetur ac</strong>, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
</li>
<li>
<strong>Cum sociis natoque penatibus</strong>
et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
<ul>
<li>Donec ullamcorper nulla non metus auctor fringilla.</li>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>
Morbi leo risus, porta ac consectetur ac, vestibulum at eros
<ul>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros</li>
</ul>
</li>
</ul>
</li>
<li>
<strong>Vestibulum at eros.</strong>
Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
</li>
</ol>
<h2>Table Title</h2>
<!-- Table -->
<table>
<thead>
<tr>
<th>Colors</th>
<th>Shapes</th>
<th>Numbers</th>
<th>Percentages</th>
</tr>
</thead>
<tbody>
<tr>
<td>Black</td>
<td>Circle</td>
<td>One</td>
<td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
</tr>
<tr>
<td>Blue</td>
<td>Square</td>
<td>Two</td>
<td>33% of Donec ullamcorper nulla non metus auctor.</td>
</tr>
<tr>
<td>Green</td>
<td>Triangle</td>
<td>Three</td>
<td>5% of Integer posuere erat a ante venenatis.</td>
</tr>
<tr>
<td>Red</td>
<td>Rectangle</td>
<td>Four</td>
<td>90% of Aenean eu leo quam vestibulum.</td>
</tr>
<tr>
<td>White</td>
<td>Oval</td>
<td>Five</td>
<td>100% of Cum sociis natoque penatibus et mus.</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>Colors</td>
<td>Shapes</td>
<td>Numbers</td>
<td>Percentages</td>
</tr>
</thead>
<tbody>
<tr>
<td>Black</td>
<td>Circle</td>
<td>One</td>
<td>10% of Lorem ipsum dolor sit amet, consectetur.</td>
</tr>
<tr>
<td>Blue</td>
<td>Square</td>
<td>Two</td>
<td>33% of Donec ullamcorper nulla non metus auctor.</td>
</tr>
<tr>
<td>Green</td>
<td>Triangle</td>
<td>Three</td>
<td>5% of Integer posuere erat a ante venenatis.</td>
</tr>
<tr>
<td>Red</td>
<td>Rectangle</td>
<td>Four</td>
<td>90% of Aenean eu leo quam vestibulum.</td>
</tr>
<tr>
<td>White</td>
<td>Oval</td>
<td>Five</td>
<td>100% of Cum sociis natoque penatibus et mus.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- END: WYSIWYG -->
<!-- Event Actions -->
<div class="event_actions">
<div class="fs-row">
<div class="fs-cell">
<div class="fs-mini">
<div class="event_actions_header">
<h2 class="event_actions_title" id="event_actions_title">
<span class="event_actions_title_label">Event Actions</span>
</h2>
</div>
<div class="event_actions_body">
<ul class="event_actions_list" aria-labelledby="event_actions_title">
<li class="event_action">
<a href="#" class="event_action_link">
<span class="event_action_link_inner">
<span class="event_action_link_label">Register</span>
<span class="event_action_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</li>
<li class="event_action">
<a href="#" class="event_action_link">
<span class="event_action_link_inner">
<span class="event_action_link_label">Another Link</span>
<span class="event_action_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Actions -->
<!-- People List -->
<div class="people_list people_list_contained">
<div class="people_list_header">
<div class="fs-row">
<div class="fs-cell">
<div class="people_list_header_inner">
<h2 class="people_list_title">Questions? Get in touch</h2>
</div>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="people_list_inner">
<ul class="people_list_items" id="item_list" aria-label="Questions? Get in touch">
<li class="people_list_item">
<div class="people_item has_social_links">
<div class="people_item_header">
<div class="people_item_info">
<h2 class="people_item_name">
Department or Office Name
</h2>
<div class="people_item_extras">
<div class="people_item_title">In enim justo</div>
<div class="people_item_division">Economic/Workforce Dev. & Adult Ed.</div>
</div>
</div>
<figure class="people_item_figure">
<img class="people_item_image" srcset="https://images.fastspot.com/merced/300x300/1 300w, https://images.fastspot.com/merced/100x100/1 100w" src="https://images.fastspot.com/merced/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
<div class="people_item_body">
<div class="people_item_details">
<div class="people_item_detail">
<div class="people_item_detail_item">
<div class="people_item_detail_info people_item_detail_info_phone">
<a class="people_item_detail_info_link" href="tel:4105551234">
<div class="people_item_detail_icon">
<i class="fa-regular fa-phone"></i>
</div>
<span class="people_item_detail_info_label">(410) 555-1234</span>
</a>
</div>
</div>
<div class="people_item_detail_item">
<div class="people_item_detail_info people_item_detail_info_email">
<a class="people_item_detail_info_link" href="mailto:name@university.edu">
<div class="people_item_detail_icon">
<i class="fa-regular fa-envelope"></i>
</div>
<span class="people_item_detail_info_label">name@university.edu</span>
</a>
</div>
</div>
</div>
<div class="people_item_detail">
<div class="people_item_detail_item">
<div class="people_item_detail_info people_item_detail_info_location">
<a class="people_item_detail_info_link" href=#>
<div class="people_item_detail_icon">
<i class="fa-regular fa-location-dot"></i>
</div>
<span class="people_item_detail_info_label">Merced Campus</span>
</a>
</div>
<div class="people_item_detail_info people_item_detail_info_room">
<span class="people_item_detail_info_label">Room 214</span>
</div>
<div class="people_item_detail_info people_item_detail_info_mailstop">
<span class="people_item_detail_info_label">Mailstop 10</span>
</div>
</div>
</div>
<div class="people_item_detail">
<ul class="people_item_social_list">
<li class="people_item_social_item">
<a class="people_item_social_link people_item_social_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
<span class="people_item_social_icon">
<i class="fa-brands fa-instagram"></i>
</span>
<span class="people_item_social_label">Instagram</span>
</a>
</li>
<li class="people_item_social_item">
<a class="people_item_social_link people_item_social_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
<span class="people_item_social_icon">
<i class="fa-brands fa-facebook"></i>
</span>
<span class="people_item_social_label">Facebook</span>
</a>
</li>
<li class="people_item_social_item">
<a class="people_item_social_link people_item_social_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
<span class="people_item_social_icon">
<i class="fa-brands fa-twitter"></i>
</span>
<span class="people_item_social_label">Twitter</span>
</a>
</li>
<li class="people_item_social_item">
<a class="people_item_social_link people_item_social_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
<span class="people_item_social_icon">
<i class="fa-brands fa-linkedin"></i>
</span>
<span class="people_item_social_label">Linkedin</span>
</a>
</li>
<li class="people_item_social_item">
<a class="people_item_social_link people_item_social_link_external" href="//www.external.com" target="_blank" rel="noopener">
<span class="people_item_social_icon">
<i class="fa-regular fa-link"></i>
</span>
<span class="people_item_social_label">External</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: People List -->
<!-- Related Events -->
<div class="event_related">
<div class="event_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="event_related_header_inner">
<h2 class="event_related_title">Related Events</h2>
<div class="event_related_discovery event_related_discovery_lg">
<a href="#" class="event_related_link">
<span class="event_related_link_inner">
<span class="event_related_link_label">View All Events</span>
<span class="event_related_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="event_related_items" aria-label="Related Events">
<li class="event_related_item">
<figure class="event_related_item_figure">
<a class="event_related_item_figure_link" href="page-event-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut" tabindex="-1">
<img class="event_related_item_image" srcset="https://images.fastspot.com/merced/980x735/1 980w, https://images.fastspot.com/merced/740x555/1 740w, https://images.fastspot.com/merced/500x375/1 500w, https://images.fastspot.com/merced/300x225/1 300w" src="https://images.fastspot.com/merced/300x225/1" alt="" loading="lazy" width="300" height="225">
</a>
</figure>
<div class="event_related_item_wrapper">
<div class="event_related_item_header">
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h2>
<div class="events_related_item_categories">
<div class="events_related_item_category_hint">Categories</div>
<ul class="events_related_item_category_list" aria-label="Categories">
<li class="events_related_item_category">
<a class="events_related_item_category_link" href="page-event-category.html">Category One</a>
</li>
</ul>
</div>
</div>
<div class="event_related_item_body">
<div class="event_related_item_details">
<div class="event_related_item_detail">
<span class="event_related_item_detail_hint">Time: </span>
<span class="event_related_item_detail_label">
May 31, 2017 – Jun 13
</span>
</div>
</div>
</div>
</div>
</li>
<li class="event_related_item">
<figure class="event_related_item_figure">
<a class="event_related_item_figure_link" href="page-event-detail.html" aria-label="Read more about Aenean commodo ligula eget dolor" tabindex="-1">
<img class="event_related_item_image" srcset="https://images.fastspot.com/merced/980x735/4 980w, https://images.fastspot.com/merced/740x555/4 740w, https://images.fastspot.com/merced/500x375/4 500w, https://images.fastspot.com/merced/300x225/4 300w" src="https://images.fastspot.com/merced/300x225/4" alt="" loading="lazy" width="300" height="225">
</a>
</figure>
<div class="event_related_item_wrapper">
<div class="event_related_item_header">
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">Aenean commodo ligula eget dolor</span>
</span>
</a>
</h2>
<div class="events_related_item_categories">
<div class="events_related_item_category_hint">Categories</div>
<ul class="events_related_item_category_list" aria-label="Categories">
<li class="events_related_item_category">
<a class="events_related_item_category_link" href="page-event-category.html">Category One</a>
</li>
</ul>
</div>
</div>
<div class="event_related_item_body">
<div class="event_related_item_details">
<div class="event_related_item_detail">
<span class="event_related_item_detail_hint">Time: </span>
<span class="event_related_item_detail_label">
May 31, 2017, 5:00 PM
</span>
</div>
</div>
</div>
</div>
</li>
<li class="event_related_item">
<figure class="event_related_item_figure">
<a class="event_related_item_figure_link" href="page-event-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut" tabindex="-1">
<img class="event_related_item_image" srcset="https://images.fastspot.com/merced/980x735/2 980w, https://images.fastspot.com/merced/740x555/2 740w, https://images.fastspot.com/merced/500x375/2 500w, https://images.fastspot.com/merced/300x225/2 300w" src="https://images.fastspot.com/merced/300x225/2" alt="" loading="lazy" width="300" height="225">
</a>
</figure>
<div class="event_related_item_wrapper">
<div class="event_related_item_header">
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h2>
<div class="events_related_item_categories">
<div class="events_related_item_category_hint">Categories</div>
<ul class="events_related_item_category_list" aria-label="Categories">
<li class="events_related_item_category">
<a class="events_related_item_category_link" href="page-event-category.html">Category One</a>
</li>
</ul>
</div>
</div>
<div class="event_related_item_body">
<div class="event_related_item_details">
<div class="event_related_item_detail">
<span class="event_related_item_detail_hint">Time: </span>
<span class="event_related_item_detail_label">
May 31, 2017 – Jun 13
</span>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="event_related_discovery event_related_discovery_sm">
<a href="#" class="event_related_link">
<span class="event_related_link_inner">
<span class="event_related_link_label">View All Events</span>
<span class="event_related_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
</div>
</div>
{% render '@component-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': 'Circleless',
'addressRegion': 'MD',
'postalCode': '20122',
'streetAddress': '2980 Falls Rd'
},
'name': 'Slowblotch 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="page_title">
{% render '@component-share' with {
theme: 'light',
layout: 'floating',
title: 'Share This'
} %}
{% include '@component-wysiwyg' with {
content: '<p class="weak_intro">Come and enjoy the Merced College Concert Band perform live at the Merced College Theater! Directed by Professor Sandra Stocking.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis dui ac diam aliquet malesuada vel eleifend mi. Cras non odio vel metus rutrum mattis sodales eget dui. Cras ut pellentesque ex. Duis in purus ut est eleifend venenatis nec a augue. Donec eget elit a neque placerat sollicitudin.</p>'
} %}
{% render '@component-event-actions' %}
{% include '@component-people-list' with {
contained: true,
title: 'Questions? Get in touch',
items: [
{
name: 'Department or Office Name',
title: 'In enim justo',
url: 'page-directory-detail.html',
image: '1',
contact: {
email: 'name@university.edu',
phone: '(410) 555-1234'
},
location: {
label: 'Merced Campus',
url: '#'
},
department: {
url: '#',
label: 'Department'
}
}
]
} %}
{% render '@component-related-events' %}
</div>
</div>
No notes defined.