<div class="
page_header
" id="page_header">
<div class="page_header_inner">
<div class="page_header_group">
<div class="page_header_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_breadcrumb_inner">
<div class="
breadcrumb
" id="breadcrumb_19">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_19_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_19_nav_title">
You are here:
</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_19_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<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">
<svg class="icon icon_angle_right">
<use href="/images/icons.svg#angle_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">
Event Results
</span>
</span>
</span>
<span class="breadcrumb_end" aria-hidden="true">
<svg class="icon icon_angle_down">
<use href="/images/icons.svg#angle_down" />
</svg>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_header_intro_inner">
<h1 class="page_header_title" id="page_header_title" tabindex="-1">
Event Results
</h1>
<p class="page_header_description">
Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="full_width_components" id="full_width_components" tabindex="-1" aria-labelledby="page_header_title">
<!-- Filter -->
<div class="filter" id="filter_9">
<div class="fs-row">
<div class="fs-cell">
<div class="filter_inner">
<form class="filter_form" action="#" method="get">
<div class="filter_form_item filter_form_item_select">
<label class="filter_form_item_label" for="filter_form_item_select_1">
Category
</label>
<div class="filter_form_item_select_wrapper">
<select class="filter_form_item_select" id="filter_form_item_select_1">
<option value="All Categories">
All Categories
</option>
<option value="Category One">
Category One
</option>
<option value="Another Category">
Another Category
</option>
</select>
<span class="filter_form_item_select_icon" aria-hidden="true">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
</div>
<div class="filter_form_item filter_form_item_select">
<label class="filter_form_item_label" for="filter_form_item_select_2">
Type
</label>
<div class="filter_form_item_select_wrapper">
<select class="filter_form_item_select" id="filter_form_item_select_2">
<option value="All Types">
All Types
</option>
<option value="Type One">
Type One
</option>
<option value="Another Type">
Another Type
</option>
</select>
<span class="filter_form_item_select_icon" aria-hidden="true">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
</div>
<div class="filter_form_item filter_form_item_search">
<label class="filter_form_item_label" for="filter_form_item_search_input">
Search
</label>
<div class="filter_form_item_search_wrapper">
<input class="filter_form_item_search_input" id="filter_form_item_search_input" placeholder="Search by keyword" type="search">
</div>
</div>
<div class="filter_form_item filter_form_item_action">
<div class="filter_form_item_submit">
<button class="
button_filled
button_filled_large
" type="submit">
<span class="button_filled_inner">
<span class="button_filled_label">Submit</span>
</span>
</button>
</div>
</div>
</form>
<div class="filter_results">
<p class="filter_results_description">
<span class="filter_results_label">
0 Results found for:
</span>
<span class="filter_results_category">
search string
</span>
</p>
<div class="filter_results_action">
<a class="
button_bordered
" aria-label="Reset Filters" href="#">
<span class="button_bordered_inner">
<span class="button_bordered_label">
Reset
</span>
<span class="button_bordered_icon" aria-hidden="true">
<svg class="icon icon_reset">
<use href="/images/icons.svg#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
<div class="no_results_message" id="no_results_message_2">
<div class="fs-row">
<div class="fs-cell">
<div class="no_results_message_inner typography">
<p>There are no results matching these criteria.</p>
</div>
</div>
</div>
</div>
</section>
{% include '@component-page-header' with {
page: page
} %}
<section
class="full_width_components"
id="full_width_components"
tabindex="-1"
aria-labelledby="page_header_title"
>
{% include '@component-filter' with {
title: '',
action_category: '#',
selects: [
{
label: 'Category',
options: [
{
title: 'All Categories'
},
{
title: 'Category One'
},
{
title: 'Another Category'
}
]
},
{
label: 'Type',
options: [
{
title: 'All Types'
},
{
title: 'Type One'
},
{
title: 'Another Type'
}
]
}
],
search_placeholder: 'Search by keyword',
results: '0',
category: 'search string'
} %}
{% render '@component-no-results-message' %}
</section>
No notes defined.