<div class="page_header">
<div class="page_header_checkered"></div>
<div class="page_header_inner">
<div class="breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="breadcrumb_inner">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<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_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-push-1">
<div class="page_intro_inner">
<h1 class="page_title" itemprop="name">
News
</h1>
<div class="page_intro_group">
<p class="page_description" itemprop="description">
Get the latest in road safety for Maryland.
</p>
<div class="page_header_link_wrapper">
<div class="page_header_link_button">
<span class="page_header_link_button_text">
<a href="#" class="page_header_link">
<span class="page_header_link_inner">
<span class="page_header_link_label">Newsletter Signup</span>
<span class="page_header_link_icon" aria-hidden="true">
<span class="page_header_link_icon_inner">
<span class="page_header_link_icon_space"></span>
<svg class="icon icon_mail">
<use xlink:href="/images/icons.svg#mail"></use>
</svg>
</span>
</span>
</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="skip_content" tabindex="-1">
<div id="filter_results"></div>
<div class="filter">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="filter_inner">
<div class="filter_panels">
<div class="filter_tabpanel filter_tabpanel_tools">
<form class="filter_tools small" action="page-news-category.html#filter_results" method="get">
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_1">Category</label>
<div class="filter_tool_select_wrapper">
<select class="filter_tool_select" id="filter_tool_label_1" multiple>
<option value="All Categories">All Categories</option>
<option value="Category One" selected>Category One</option>
<option value="Another Category">Another Category</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_divider"></div>
<div class="filter_tool">
<button class="filter_tools_submit" type="submit">Apply Filter
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</button>
</div>
</form>
<form class="filter_tools large" action="page-news-category.html#filter_results" method="get">
<div class="filter_tool">
<div class="js-menu-item js-menu-item-1 menu_item">
<button class="js-swap js-menu-trigger menu_trigger" data-swap-target=".js-menu-item-1">
<span class="menu_trigger_label">Category</span>
<span class="menu_trigger_icon" aria-hidden="true">
<svg class="icon icon_arrow-down">
<use href="/images/icons.svg#arrow-down" />
</svg>
</span>
<span class="js-menu-trigger-count menu_trigger_count"></span>
</button>
<div class="js-menu-panel menu_panel">
<ul class="menu_panel_list">
<li class="js-menu-panel-item menu_panel_item">
<label class="menu_panel_label">
<input class="js-menu-panel-input menu_panel_input" type="checkbox">
<span class="menu_panel_indicator"></span>
<span class="menu_panel_text">All Categories</span>
</label>
</li>
<li class="js-menu-panel-item menu_panel_item">
<label class="menu_panel_label">
<input class="js-menu-panel-input menu_panel_input" type="checkbox">
<span class="menu_panel_indicator"></span>
<span class="menu_panel_text">Category One</span>
</label>
</li>
<li class="js-menu-panel-item menu_panel_item">
<label class="menu_panel_label">
<input class="js-menu-panel-input menu_panel_input" type="checkbox">
<span class="menu_panel_indicator"></span>
<span class="menu_panel_text">Another Category</span>
</label>
</li>
</ul>
</div>
</div>
</div>
<div class="filter_tool_divider"></div>
<div class="filter_tool_button">
<button class="filter_tools_submit" type="submit">Apply Filter
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter_results_block">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="filter_results">
<p class="filter_results_description">Showing <span class="filter_results_label">0</span> results for <span class="filter_results_category">"search string"</span></p>
<a href="page-news-listing.html" class="filter_results_reset_link">
<span class="filter_results_reset_link_inner">
<span class="filter_results_reset_link_label">Reset</span>
<span class="filter_results_reset_link_icon" aria-hidden="true">
<span class="filter_results_reset_link_icon_inner">
<span class="filter_results_reset_link_icon_space"></span>
<svg class="icon icon_reset">
<use xlink:href="/images/icons.svg#reset"></use>
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="results_message">
<div class="fs-row">
<div class="fs-cell fs-lg-9 fs-lg-push-1">
<div class="results_message_inner typography">
<p>There are no results matching these criteria.</p>
</div>
</div>
</div>
</div>
</div>
{% render "@partial-page-header" with {
page: page
} %}
<div class="full_width_callouts" id="skip_content" tabindex="-1">
{% include "@partial-filter" with {
label: "",
active: "search",
action_category: "page-news-category.html",
action_search: "page-news-results.html",
tools: [
{
label: "Category",
options: [
{
label: "All Categories"
},
{
label: "Category One",
selected: true
},
{
label: "Another Category"
}
]
}
],
search_placeholder: "Search by keyword",
results: "0",
category: "search string"
} %}
{% render "@partial-no-results-message" %}
</div>
No notes defined.