<div class="page_header_bg">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
<div class="page_header_bg_content">
<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_angle_right">
<use href="/images/icons.svg#angle_right" />
</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_angle_right">
<use href="/images/icons.svg#angle_right" />
</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_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">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-xl-5 fs-lg-push-1">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">
MARYLAND Highway Safety Office
</h1>
<p class="page_description">
The Maryland Highway Safety Office (MHSO) is a division of the MDOT Motor Vehicle Administration.
</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 class="page_header_bg_media">
<div class="page_header_bg_media_inner">
<figure class="page_header_bg_figure">
<span class="lazy_image_wrapper page_header_bg_image_wrapper">
<img class="js-lazy js-lazyload page_header_bg_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/500x282/1" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/500x282/1 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x416/1 740w, https://images.fastspot.com/mdot-zero-deaths-md/980x552/1 980w, https://images.fastspot.com/mdot-zero-deaths-md/1220x686/1 1220w, https://images.fastspot.com/mdot-zero-deaths-md/1440x810/1 1440w" alt="">
</span>
<noscript>
<img class="page_header_bg_image" src="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/1" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/1 1440w, https://images.fastspot.com/mdot-zero-deaths-md/1220x686/1 1220w, https://images.fastspot.com/mdot-zero-deaths-md/980x552/1 980w, https://images.fastspot.com/mdot-zero-deaths-md/740x416/1 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x282/1 500w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="js-background-video-wrapper page_header_bg_video" aria-hidden="true">
<iframe class="js-background-video-iframe page_header_bg_iframe" src="//player.vimeo.com/video/385313867?background=1" title="MARYLAND Highway Safety Office video" allow="autoplay"></iframe>
<div class="page_header_bg_video_controls">
<button class="js-page-header-bg-video-play-toggle page_header_bg_video_play_toggle ">
<span class="page_header_bg_video_play_toggle_inner_default page_header_bg_video_play_toggle_inner">
<span class="page_header_bg_video_play_toggle_label_default page_header_bg_video_play_toggle_label">Play Video</span>
<span class="page_header_bg_video_play_toggle_icon_default page_header_bg_video_play_toggle_icon" aria-hidden="true">
<span class="page_header_bg_video_play_toggle_icon_inner_default page_header_bg_video_play_toggle_icon_inner">
<span class="page_header_bg_video_play_toggle_icon_space"></span>
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</span>
</span>
</span>
</button>
<button class="js-page-header-bg-video-pause-toggle page_header_bg_video_pause_toggle ">
<span class="page_header_bg_video_pause_toggle_inner_default page_header_bg_video_pause_toggle_inner">
<span class="page_header_bg_video_pause_toggle_label_default page_header_bg_video_pause_toggle_label">Pause Video</span>
<span class="page_header_bg_video_pause_toggle_icon_default page_header_bg_video_pause_toggle_icon" aria-hidden="true">
<span class="page_header_bg_video_pause_toggle_icon_inner_default page_header_bg_video_pause_toggle_icon_inner">
<span class="page_header_bg_video_pause_toggle_icon_space"></span>
<svg class="icon icon_video_pause">
<use href="/images/icons.svg#video_pause" />
</svg>
</span>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1 fs-lg-justify-center">
<div class="page_nav_inner">
<div class="js-sub-nav-group sub_nav_group">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<span class="sub_nav_toggle_icon_inner_default sub_nav_toggle_icon_inner">
<span class="sub_nav_toggle_icon_space"></span>
<svg class="icon icon_arrow_down">
<use href="/images/icons.svg#arrow_down" />
</svg>
</span>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<span class="sub_nav_toggle_icon_inner_active sub_nav_toggle_icon_inner">
<span class="sub_nav_toggle_icon_space"></span>
<svg class="icon icon_arrow_up">
<use href="/images/icons.svg#arrow_up" />
</svg>
</span>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">MARYLAND Highway Safety Office</h2>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<div class="sub_nav_body_explore_block">
<span class="sub_nav_body_explore">Explore This Section</span>
</div>
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Zero Deaths MD Initiative</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">State Highway Safety Plan</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Highway Safety Survey</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Annual Report</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Other MD Agencies</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">News & Events</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Contact</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_content" id="skip_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<!-- WYSIWYG -->
<div class="typography">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</p>
<p>
In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
justo. Nullam dictum felis eu pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Aenean vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet. Quisque
rutrum.
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<div class="full_width_callouts">
<!-- 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 -->
<!-- Call to Action -->
<div class="cta has_image">
<figure class="cta_figure" aria-hidden="true">
<span class="lazy_image_wrapper cta_image_wrapper">
<picture class="cta_picture">
<source media="(min-width: 1220px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/1">
<source media="(min-width: 980px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/1220x686/1">
<source media="(min-width: 740px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x552/1">
<source media="(min-width: 500px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/740x416/1">
<img class="js-lazy js-lazyload cta_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/1" alt="">
</picture>
</span>
<noscript>
<picture class="cta_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x552/1">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/740x416/1">
<img class="cta_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/1" alt="">
</picture>
</noscript>
</figure>
<div class="cta_wrapper">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner cta_dark_background">
<div class="cta_header">
<h2 class="cta_title">
<span class="cta_title_label">Be the driver</span>
<span class="cta_highlighted_text">
who saves lives
</span>
</h2>
</div>
<div class="cta_body">
<div class="cta_description">
<p>An all-encompassing highway safety campaign focused on safe driving behaviors, aptly named Be the Driver.</p>
</div>
</div>
<div class="cta_actions">
<div class="cta_footer">
<div class="cta_link_item">
<span class="cta_link_button">
<a href="#" class="cta_link" aria-label="Be the driver campaign">
<span class="cta_link_inner">
<span class="cta_link_label">Be The Driver Campaign</span>
<span class="cta_link_icon" aria-hidden="true">
<span class="cta_link_icon_inner">
<span class="cta_link_icon_space"></span>
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
</div>
{% render '@partial-page-header--bg'
with
{
page: page
}
%}
<div class="page_content" id="skip_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<!-- WYSIWYG -->
<div class="typography">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</p>
<p>
In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
justo. Nullam dictum felis eu pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Aenean vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet. Quisque
rutrum.
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<div class="full_width_callouts">
{% render '@component-topic-row' %}
{% render '@component-call-to-action' %}
</div>
No notes defined.