<!-- Full Width Callouts -->
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- Filter -->
<div class="filter">
<div class="fs-row">
<div class="fs-cell">
<div class="filter_inner">
<div class="filter_grid">
<div class="filter_grid_item is_title">
<h2 class="filter_grid_title">
Filter Bar
</h2>
</div>
<div class="filter_grid_item is_tools">
<form class="filter_tools fs-row" action="#" method="get">
<div class="filter_tool fs-cell fs-lg-6 fs-xl-4">
<label class="filter_label" for="filter_search_input">Search</label>
<div class="filter_search_form">
<input class="filter_search_input" id="filter_search_input" type="search" placeholder="Search by name or department">
<span class="filter_search_submit">
<span class="filter_search_submit_label">Submit</span>
<span class="filter_search_submit_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</div>
</div>
<div class="filter_tool fs-cell fs-lg-6 fs-xl-4">
<label class="filter_label" for="filter_tool_label_1">Department</label>
<div class="filter_tool_select_wrapper">
<select class="filter_tool_select" id="filter_tool_label_1">
<option value="All Departments">All Departments</option>
<option value="Department One">Department One</option>
<option value="Another Department">Another Department</option>
</select>
<span class="filter_tool_select_icon">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
</div>
<div class="filter_tool fs-cell fs-lg-12 fs-xl-4">
<button class="filter_tools_submit" type="submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
<div class="results_message">
<div class="fs-row">
<div class="fs-cell">
<div class="results_message_inner typography">
<h2>No Results</h2>
<p>There are no results matching these criteria.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Full Width Callouts -->
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% include '@partial-filter' with {
title:'Filter Bar',
label: '',
active: 'search',
action_category: '#',
action_search: '#',
tools: [
{
label: 'Department',
options: [
{
label: 'All Departments'
},
{
label: 'Department One'
},
{
label: 'Another Department'
}
]
}
],
search_placeholder: 'Search by name or department',
results: '',
category: ''
} %}
{% render '@partial-no-results-message' %}
</div>
No notes defined.