<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-10">
<nav class="breadcrumb__nav" aria-labelledby="breadcrumb-10__nav-title">
<div class="breadcrumb__nav-header">
<h2 class="breadcrumb__nav-title" id="breadcrumb-10__nav-title">
You are here:
</h2>
</div>
<ol class="breadcrumb__list" aria-labelledby="breadcrumb-10__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?1.0.0#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?1.0.0#angle-right" />
</svg>
</span>
</li>
<li class="breadcrumb__item" aria-current="page">
<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?1.0.0#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-5">
<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?1.0.0#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?1.0.0#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?1.0.0#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
<div class="no-results-message" id="no-results-message-1">
<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.