<div class="page_header_bg" style="--gradient-before: 75; --gradient-after: 50">
<div class="page_header_bg_group">
<div class="page_header_bg_media">
<div class="page_header_bg_media_inner">
<figure class="page_header_bg_figure">
<picture class="page_header_bg_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/generic/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/generic/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/generic/980x735/1">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/generic/740x740/1">
<img class="page_header_bg_image" src="//images.fastspot.com/generic/375x500/1" alt="" loading="eager" width="375px" height="500px">
</picture>
</figure>
<div class="js-background-video-wrapper page_header_bg_video" data-background-video='{"display":"background","id":"288344114","type":"vimeo","title":""}'>
<div class="page_header_bg_video_iframe_wrap">
<div class="page_header_bg_video_iframe_target js-iframe-target"></div>
</div>
<div class="page_header_bg_video_controls">
<button class="page_header_bg_video_play_button js-page-header-bg-video-play-button">
<span class="page_header_bg_video_play_button_inner">
<span class="page_header_bg_video_play_button_label">Play Video</span>
<span class="page_header_bg_video_play_button_icon" aria-hidden="true"><span class="page_header_bg_video_play_button_icon_inner">
<svg class="icon icon_play">
<use href="/images/icons.svg#play" />
</svg>
</span>
</span>
</button>
<button class="page_header_bg_video_pause_button js-page-header-bg-video-pause-button">
<span class="page_header_bg_video_pause_button_inner">
<span class="page_header_bg_video_pause_button_label">Pause Video</span>
<span class="page_header_bg_video_pause_button_icon" aria-hidden="true"><span class="page_header_bg_video_pause_button_icon_inner">
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
<div class="page_header_bg_feature">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_header_bg_feature_inner">
<div class="page_header_bg_feature_details">
<div class="page_header_bg_feature_type">Event</div>
<div class="page_header_bg_feature_location">
<span class="page_header_bg_feature_location_boop"></span>
<span class="page_header_bg_feature_location_label">Heinz History Center</span>
</div>
</div>
<h1 class="page_header_bg_feature_title" id="page_title" tabindex="-1">Rachel Carson: Rise of the Environmental Movement</h1>
<a href="#" class="page_header_bg_feature_link">
<span class="page_header_bg_feature_link_inner">
<span class="page_header_bg_feature_link_label">Event Details</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_bg_inner">
<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_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</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>
</div>
</div>
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">What's On</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<div class="js-sub-nav-group sub_nav_group">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_more">
<use href="/images/icons.svg#more" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">What's On</h2>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">History Center</span>
</a>
</li>
<li class="sub_nav_item sub_nav_item_active">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Sports Museum</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Fort Pitt Museum</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Meadowcroft Rockshelter</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- Call to Action -->
<div class="cta">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="cta_inner">
<div class="cta_description">
<p>Praesent commodo cursus magna, vel <strong>scelerisque nisl consectetur</strong> et. Curabitur blandit <em>tempus porttitor</em>. Etiam porta sem malesuada <a href="#">magna mollis euismod</a>. Donec ullamcorper nulla non metus auct.</p>
</div>
<div class="cta_action">
<div class="cta_action_divider"></div>
<a href="#" class="cta_link" aria-label="Link Aria">
<span class="cta_link_inner">
<span class="cta_link_label">Link Label</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- CTA Framed -->
<div class="cta_framed_group theme_white">
<div class="cta_framed_group_header">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_group_header_inner">
<h2 class="cta_framed_group_title">Exhibits on View</h2>
</div>
</div>
</div>
</div>
<div class="cta_framed_body">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_body_inner">
<div class="cta_framed theme_meadowcroft">
<figure class="cta_framed_figure">
<img class="cta_framed_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_inner">
<div class="cta_framed_header">
<h2 class="cta_framed_title">Glass: Shattering Notions</h2>
<div class="cta_framed_meta">
<p class="cta_framed_type">Exhibit</p>
<p class="cta_framed_location">Meadowcroft Rockshelter</p>
</div>
</div>
<div class="cta_framed_body">
<div class="cta_framed_description ">
<p>Long before being known as the Steel City, Pittsburgh was America's Glass City. The Glass exhibit showcases the beauty, science, utility and technology of Western Pennsylvania glass over the past 200 years.</p>
</div>
</div>
<div class="cta_framed_action">
<a href="#" class="cta_framed_link">
<span class="cta_framed_link_inner">
<span class="cta_framed_link_label">Explore Exhibit</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cta_framed theme_history">
<figure class="cta_framed_figure">
<img class="cta_framed_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_inner">
<div class="cta_framed_header">
<h2 class="cta_framed_title">Glass: Shattering Notions</h2>
<div class="cta_framed_meta">
<p class="cta_framed_type">Exhibit</p>
<p class="cta_framed_location">Heinz History Center</p>
</div>
</div>
<div class="cta_framed_body">
<div class="cta_framed_description ">
<p>Long before being known as the Steel City, Pittsburgh was America's Glass City. The Glass exhibit showcases the beauty, science, utility and technology of Western Pennsylvania glass over the past 200 years.</p>
</div>
</div>
<div class="cta_framed_action">
<a href="#" class="cta_framed_link">
<span class="cta_framed_link_inner">
<span class="cta_framed_link_label">Explore Exhibit</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cta_framed theme_sports">
<figure class="cta_framed_figure">
<img class="cta_framed_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_inner">
<div class="cta_framed_header">
<h2 class="cta_framed_title">Glass: Shattering Notions</h2>
<div class="cta_framed_meta">
<p class="cta_framed_type">Exhibit</p>
<p class="cta_framed_location">Sports Museum</p>
</div>
</div>
<div class="cta_framed_body">
<div class="cta_framed_description ">
<p>Long before being known as the Steel City, Pittsburgh was America's Glass City. The Glass exhibit showcases the beauty, science, utility and technology of Western Pennsylvania glass over the past 200 years.</p>
</div>
</div>
<div class="cta_framed_action">
<a href="#" class="cta_framed_link">
<span class="cta_framed_link_inner">
<span class="cta_framed_link_label">Explore Exhibit</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cta_framed theme_fort">
<figure class="cta_framed_figure">
<img class="cta_framed_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_framed_inner">
<div class="cta_framed_header">
<h2 class="cta_framed_title">Glass: Shattering Notions</h2>
<div class="cta_framed_meta">
<p class="cta_framed_type">Exhibit</p>
<p class="cta_framed_location">Fort Pitt Museum</p>
</div>
</div>
<div class="cta_framed_body">
<div class="cta_framed_description ">
<p>Long before being known as the Steel City, Pittsburgh was America's Glass City. The Glass exhibit showcases the beauty, science, utility and technology of Western Pennsylvania glass over the past 200 years.</p>
</div>
</div>
<div class="cta_framed_action">
<a href="#" class="cta_framed_link">
<span class="cta_framed_link_inner">
<span class="cta_framed_link_label">Explore Exhibit</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: CTA Framed -->
<!-- Card Group Row -->
<div class="card_group theme_white card_group_row card_group_row_mobile_stack">
<div class="card_group_body">
<div class="card_group_carousel">
<ul class="card_group_items card_group_carousel_items">
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/4 500w, https://images.fastspot.com/generic/300x200/4 300w" src="https://images.fastspot.com/generic/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
</ul>
</div>
<div class="card_group_row_grid">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_row_grid_inner">
<ul class="card_group_items card_group_row_grid_items">
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/4 500w, https://images.fastspot.com/generic/300x200/4 300w" src="https://images.fastspot.com/generic/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group Row -->
<!-- Card Group Row -->
<div class="card_group theme_white card_group_row card_group_row_mobile_stack">
<div class="card_group_body">
<div class="card_group_carousel">
<ul class="card_group_items card_group_carousel_items">
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_carousel_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/4 500w, https://images.fastspot.com/generic/300x200/4 300w" src="https://images.fastspot.com/generic/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
</ul>
</div>
<div class="card_group_row_grid">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_row_grid_inner">
<ul class="card_group_items card_group_row_grid_items">
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Ornare Egestas</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
<li class="card_group_item card_group_row_grid_item">
<div class="card">
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/4 500w, https://images.fastspot.com/generic/300x200/4 300w" src="https://images.fastspot.com/generic/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<h2 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Lorem ipsum</span>
</span>
</a>
</h2>
<div class="card_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>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group Row -->
<!-- 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">
<div class="event_related_header_group">
<h2 class="event_related_title">Related Events</h2>
<div class="event_related_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
</div>
<div class="event_related_header_cta">
<a href="#" class="event_related_header_cta_link">
<span class="event_related_header_cta_link_inner">
<span class="event_related_header_cta_link_label">View all Events</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">
<div class="card theme_history">
<p class="card_date">March 5th</p>
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<div class="card_meta">
<span class="card_location">History Center</span> – <span class="card_time">11:00 AM</span>
</div>
<h3 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h3>
<div class="card_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<p class="card_ticket">
<span class="card_ticket_icon">
<svg class="icon icon_ticket">
<use href="/images/icons.svg#ticket" />
</svg>
</span>
<span class="card_ticket_label">Tickets Required</span>
</p>
</div>
</div>
</li>
<li class="event_related_item">
<div class="card theme_history">
<p class="card_date">March 22nd</p>
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/4 500w, https://images.fastspot.com/generic/300x200/4 300w" src="https://images.fastspot.com/generic/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<div class="card_meta">
<span class="card_location">History Center</span> – <span class="card_time">10:00 AM</span>
</div>
<h3 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">Aenean commodo ligula eget dolor</span>
</span>
</a>
</h3>
<div class="card_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<p class="card_ticket">
<span class="card_ticket_icon">
<svg class="icon icon_ticket">
<use href="/images/icons.svg#ticket" />
</svg>
</span>
<span class="card_ticket_label">Tickets Required</span>
</p>
</div>
</div>
</li>
<li class="event_related_item">
<div class="card theme_meadowcroft">
<p class="card_date">April 2nd</p>
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<div class="card_meta">
<span class="card_location">Meadowcroft</span> – <span class="card_time">1:00 PM</span>
</div>
<h3 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h3>
<div class="card_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</div>
</li>
<li class="event_related_item">
<div class="card theme_fort">
<p class="card_date">April 15th</p>
<figure class="card_figure">
<img class="card_image" srcset="https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_body">
<div class="card_meta">
<span class="card_location">Fort Pitt</span> – <span class="card_time">11:00 AM</span>
</div>
<h3 class="card_title">
<a href="#" class="card_title_link">
<span class="card_title_link_inner">
<span class="card_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h3>
<div class="card_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="event_related_footer">
<div class="fs-row">
<div class="fs-cell">
<div class="event_related_mobile_footer_cta">
<a href="#" class="event_related_header_cta_link">
<span class="event_related_header_cta_link_inner">
<span class="event_related_header_cta_link_label">View all Events</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
</div>
{% if page.image or page.video %}
{% include '@partial-page-header--bg' with {
page: page
} %}
{% else %}
{% include '@partial-page-header' with {
page: page
} %}
{% endif %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% render '@component-call-to-action-simple' %}
{% render '@component-call-to-action-framed--multiple-white' %}
{% render '@component-card-group-row' with {
title: '',
description: ''
} %}
{% render '@component-card-group-row' with {
title: '',
description: ''
} %}
{% render '@component-related-events' %}
</div>
No notes defined.