<!-- START filters-bar component -->
<div class="filters-bar">
<form class="grid grid--hstack grid--horizontal-padding-wide">
<div class="grid__item">
<div class="l-form-item-container l-form-item-container--inline l-form-item-container--compact">
<div class="v5-form-item v5-form-item--minimal">
<label for="" class="v5-form-item__label icon-inline--left icon--sort-light">Sort</label>
<select id="sort_order">
<option class="option-header" disabled="">
Sort by:
</option>
<option selected="selected" value="0">
Best match
</option>
<option value="1">
University or college (A to Z)
</option>
<option value="2">
University or college (Z to A)
</option>
<option value="3">
Course title (A to Z)
</option>
<option value="4">
Course title (Z to A)
</option>
</select>
</div>
</div>
</div>
<div class="grid__item hstack-split">
<div class="l-form-item-container l-form-item-container--inline l-form-item-container--compact">
<div class="v5-form-item v5-form-item--minimal v5-form-item--links">
<label for="" class="v5-form-item__label">Display</label>
<a class="button icon-inline--left icon--display-grid-light" aria-current="" href="../../search/v5-search-results-grid.html">Grid</a>
<a class="button icon-inline--left icon--display-list-light" aria-current="" href="../../search/v5-search-results-list.html">List</a>
</div>
</div>
</div>
<div class="grid__item">
<div class="l-form-item-container l-form-item-container--inline l-form-item-container--compact">
<div class="v5-form-item v5-form-item--minimal">
<button class="button icon-inline--left icon--tune-light" data-modal-trigger data-modal-id="SearchFiltersModal">Filters</button>
</div>
</div>
</div>
</form>
</div>
<!-- END filters-bar component -->
