<div class="listing_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<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">Departments & Offices</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 Departments & Offices</a>
</li>
<li class="js-menu-panel-item filter_menu_panel_item">
<a class="js-menu-panel-link filter_menu_panel_link" href="#">Department 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 Office</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">Categories</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-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">News Types</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 News 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>
</ul>
</div>
</div>
<!-- END: Filter -->
</div>
</div>
<div class="listing_content_primary">
<div class="listing_content_news">
<div class="news_search">
<!-- Listing Search -->
<form class="listing_search" action="#" method="get">
<label class="listing_label" for="listing_search_input">News Search</label>
<div class="listing_search_form">
<input class="listing_search_input" id="listing_search_input" type="search" placeholder="Search by Keyword">
<button class="listing_search_submit" type="submit">
<span class="listing_search_submit_label">Submit</span>
<span class="listing_search_submit_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</button>
</div>
</form>
<!-- END: Listing Search -->
</div>
<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 class="listing_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<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: 'Departments & Offices',
options: [
{
label: 'All Departments & Offices',
url: '#'
},
{
label: 'Department One',
url: '#'
},
{
label: 'Another Office',
url: '#'
}
]
},
{
label: 'Categories',
options: [
{
label: 'All Categories',
url: '#'
},
{
label: 'Category One',
url: '#'
},
{
label: 'Another Category',
url: '#'
}
]
},
{
label: 'News Types',
options: [
{
label: 'All News Types',
url: '#'
},
{
label: 'Type One',
url: '#'
},
{
label: 'Another Type',
url: '#'
}
]
}
]
} %}
</div>
</div>
<div class="listing_content_primary">
<div class="listing_content_news">
<div class="news_search">
{% include "@partial-listing-search" with {
label: 'News Search',
placeholder: 'Search by Keyword'
} %}
</div>
{% include '@partial-listing-results' with {
page: page
} %}
{% render '@partial-no-results-message' %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.