<div class="listing_content">
<div class="fs-row">
<div class="fs-cell">
<div class="listing_content_inner">
<div class="listing_content_sidebar">
<div class="js-sticky-sidebar listing_content_sidebar_inner">
<!-- Filter -->
<div class="filter">
<div class="filter_header">
<h2 class="filter_title">Filter By</h2>
</div>
<div class="filter_body">
<ul class="js-menu-item-group filter_menu_list">
<li class="js-menu-item js-menu-item-1 filter_menu_item">
<button class="js-swap js-menu-trigger filter_menu_button" data-swap-target=".js-menu-item-1">
<span class="filter_menu_button_label">Category</span>
<span class="filter_menu_button_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</button>
<div class="js-menu-panel filter_menu_panel">
<ul class="filter_menu_panel_items">
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">All Categories</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Category One</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Another Category</a>
</li>
</ul>
</div>
</li>
<li class="js-menu-item js-menu-item-2 filter_menu_item">
<button class="js-swap js-menu-trigger filter_menu_button" data-swap-target=".js-menu-item-2">
<span class="filter_menu_button_label">Type</span>
<span class="filter_menu_button_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</button>
<div class="js-menu-panel filter_menu_panel">
<ul class="filter_menu_panel_items">
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">All Event Types</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Type One</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Another Type</a>
</li>
</ul>
</div>
</li>
<li class="js-menu-item js-menu-item-3 filter_menu_item">
<button class="js-swap js-menu-trigger filter_menu_button" data-swap-target=".js-menu-item-3">
<span class="filter_menu_button_label">Organizer</span>
<span class="filter_menu_button_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</button>
<div class="js-menu-panel filter_menu_panel">
<ul class="filter_menu_panel_items">
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">All Event Organizers</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Organizer One</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Another Organizers</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<!-- END: Filter -->
</div>
</div>
<div class="listing_content_primary">
<div class="listing_content_events">
<div class="listing_content_events_header">
<p class="listing_content_events_title">Upcoming Events</p>
</div>
<div class="listing_content_events_body">
<div class="listing_results">
<p class="listing_results_description">
<span class="listing_results_label">0 Results found for:</span>
<span class="listing_results_category">Query</span>
</p>
<div class="listing_results_action">
<a href="page-event-listing.html" class="listing_results_reset_link">
<span class="listing_results_reset_link_inner">
<span class="listing_results_reset_link_label">Reset</span>
<span class="listing_results_reset_link_icon" aria-hidden="true">
<svg class="icon icon_reset">
<use href="/images/icons.svg#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="results_message">
<div class="fs-row">
<div class="fs-cell">
<div class="results_message_inner typography">
<p class="results_message_label">There are no results matching these criteria.</p>
<div class="results_message_icon">:(</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="listing_content">
<div class="fs-row">
<div class="fs-cell">
<div class="listing_content_inner">
<div class="listing_content_sidebar">
<div class="js-sticky-sidebar listing_content_sidebar_inner">
{% include '@partial-filter--custom' with {
title: 'Filter By',
tools: [
{
label: 'Category',
options: [
{
label: 'All Categories',
url: '#'
},
{
label: 'Category One',
url: '#'
},
{
label: 'Another Category',
url: '#'
}
]
},
{
label: 'Type',
options: [
{
label: 'All Event Types',
url: '#'
},
{
label: 'Type One',
url: '#'
},
{
label: 'Another Type',
url: '#'
}
]
},
{
label: 'Organizer',
options: [
{
label: 'All Event Organizers',
url: '#'
},
{
label: 'Organizer One',
url: '#'
},
{
label: 'Another Organizers',
url: '#'
}
]
}
]
} %}
</div>
</div>
<div class="listing_content_primary">
<div class="listing_content_events">
<div class="listing_content_events_header">
<p class="listing_content_events_title">Upcoming Events</p>
</div>
<div class="listing_content_events_body">
{% include '@partial-listing-results' with {
page: page
} %}
{% render '@partial-no-results-message' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.