<!-- Topic Row -->
<div class="topics">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1 fs-lg-justify-center">
<div class="topics_inner">
<div class="topics_header">
<h2 class="topics_title">
<span class="topics_title_label">
Explore More
</span>
</h2>
<div class="topics_description">
<p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.
</p>
</div>
</div>
<div class="topics_body">
<div class="topic">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<span class="lazy_image_wrapper topic_image_wrapper">
<img class="js-lazy js-lazyload topic_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/300x200/1" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x200/1 300w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/1 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/1 740w" alt="">
</span>
<noscript>
<img class="topic_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x494/1" srcset="https://images.fastspot.com/mdot-zero-deaths-md/740x494/1 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/1 500w, https://images.fastspot.com/mdot-zero-deaths-md/300x200/1 300w" sizes="100vw" alt="" itemprop="image">
</noscript>
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">
Maryland Strategic Highway Safety Plan
</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.
</p>
</div>
</div>
<div class="topic_links">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Explore the Safety Plan</span>
<span class="topic_link_icon" aria-hidden="true">
<span class="topic_link_icon_inner">
<span class="topic_link_icon_space"></span>
<svg class="icon icon_arrow-right">
<use xlink:href="/images/icons.svg#arrow-right"></use>
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<span class="lazy_image_wrapper topic_image_wrapper">
<img class="js-lazy js-lazyload topic_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/300x200/2" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x200/2 300w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/2 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/2 740w" alt="">
</span>
<noscript>
<img class="topic_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x494/2" srcset="https://images.fastspot.com/mdot-zero-deaths-md/740x494/2 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/2 500w, https://images.fastspot.com/mdot-zero-deaths-md/300x200/2 300w" sizes="100vw" alt="" itemprop="image">
</noscript>
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">
Annual Report
</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.
</p>
</div>
</div>
<div class="topic_links">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">See the Annual Report</span>
<span class="topic_link_icon" aria-hidden="true">
<span class="topic_link_icon_inner">
<span class="topic_link_icon_space"></span>
<svg class="icon icon_arrow-right">
<use xlink:href="/images/icons.svg#arrow-right"></use>
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic">
<div class="topic_inner">
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">
Road Safety
</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.
</p>
</div>
</div>
<div class="topic_links">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Explore Road Safety</span>
<span class="topic_link_icon" aria-hidden="true">
<span class="topic_link_icon_inner">
<span class="topic_link_icon_space"></span>
<svg class="icon icon_arrow-right">
<use xlink:href="/images/icons.svg#arrow-right"></use>
</svg>
</span>
</span>
</span>
</a>
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Second Link</span>
<span class="topic_link_icon" aria-hidden="true">
<span class="topic_link_icon_inner">
<span class="topic_link_icon_space"></span>
<svg class="icon icon_arrow-right">
<use xlink:href="/images/icons.svg#arrow-right"></use>
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
<!-- Topic Row -->
<div class="topics">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1 fs-lg-justify-center">
<div class="topics_inner">
{% if title or description %}
<div class="topics_header">
{% if title %}
<h2 class="topics_title">
<span class="topics_title_label">
{{ title|title }}
</span>
</h2>
{% endif %}
{% if description %}
<div class="topics_description">
<p>
{{ description }}
</p>
</div>
{% endif %}
</div>
{% endif %}
<div class="topics_body">
{% for item in items %}
<div class="topic">
<div class="topic_inner">
{% if item.image %}
<figure class="topic_figure"
aria-hidden="true">
{% include '@partial-image' with {
class: 'topic',
alt: '',
itemprop: 'image',
image: item.image,
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
{% endif %}
<div class="topic_wrapper">
<div class="topic_header">
{% if title %}
<h3 class="topic_title">
{{ item.title|title }}
</h3>
{% else %}
<h2 class="topic_title">
{{ item.title|title }}
</h2>
{% endif %}
</div>
<div class="topic_body">
<div class="topic_description">
<p>
{{ item.description }}
</p>
</div>
</div>
{% if item.links %}
<div class="topic_links">
{% for link in item.links %}
{% include '@partial-link' with {
class: 'topic',
title: link.title,
url: link.url,
icon: 'arrow-right'
} %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
No notes defined.