<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">
How to Avoid Hydroplaning
</h1>
<p class="page_description" itemprop="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>
<article class="news_entry">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"url": "#",
"publisher": {
"@type": "Organization",
"name": "Zero Deaths Maryland"
},
"headline": "How to Avoid Hydroplaning",
"mainEntityOfPage": "#",
"image": "",
"datePublished": "2017-03-20T20:30:54+00:00",
"author": "person",
"description": "Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio."
}
</script>
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
<div class="news_detail_meta">
<div class="news_meta" id="meta" data-type="news" data-category="Category 1">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="news_meta_inner">
<div class="news_meta_body">
<div class="news_meta_categories_block">
<span class="news_detail_label_title">Category</span><br />
<ul class="news_meta_categories" aria-label="Categories">
<li class="news_meta_category">
<a class="news_meta_category_link" href="">Category 1</a>
</li>
</ul>
</div>
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_detail_label_title">Published:</span><br />
<span class="news_item_detail_hint">Published:</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">
January 1, 2019
</time>
</div>
</div>
</div>
<div class="js-share-tools share_tools">
<div class="share_tools_header">
<h2 class="share_tools_title">
Share Options
</h2>
<button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_label">
Share This
<span class="share_this_icon">
<svg class="icon icon_share_this">
<use xlink:href="/images/icons.svg#share_this"></use>
</svg>
</span>
</span>
</span>
</button>
</div>
<ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-push-1">
<figure class="news_entry_figure">
<span class="lazy_image_wrapper news_entry_image_wrapper">
<img class="js-lazy js-lazyload news_entry_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/300x200/3" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x200/3 300w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/3 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/3 740w, https://images.fastspot.com/mdot-zero-deaths-md/980x654/3 980w, https://images.fastspot.com/mdot-zero-deaths-md/1220x814/3 1220w, https://images.fastspot.com/mdot-zero-deaths-md/1440x960/3 1440w" alt="">
</span>
<noscript>
<img class="news_entry_image" src="https://images.fastspot.com/mdot-zero-deaths-md/1440x960/3" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x960/3 1440w, https://images.fastspot.com/mdot-zero-deaths-md/1220x814/3 1220w, https://images.fastspot.com/mdot-zero-deaths-md/980x654/3 980w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/3 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/3 500w, https://images.fastspot.com/mdot-zero-deaths-md/300x200/3 300w" sizes="100vw" alt="">
</noscript>
</figure>
<!-- WYSIWYG -->
<div class="typography">
<h2>
What Happens When Your Car Hydroplanes
</h2>
<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. <a href="#">
Nulla consequat
</a> massa quis enim. 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
</p>
<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. Quis
enim. 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
</p>
<h2>
The Best Ways to Avoid Hydroplaning
</h2>
<ul>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
</ul>
<h2>
What to Do if You Hydroplane
</h2>
<ul>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
</ul>
<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. Quis
enim. 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
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
<div class="full_width_callouts">
<!-- stats_facts Group -->
<div class="stats_facts_group">
<div class="stats_facts_group_header align_left ">
<div class="fs-row">
<div class="fs-cell">
<div class="stats_facts_group_header_inner">
<h2 class="stats_facts_group_title">
<span class="stats_facts_highlighted_label">
The Facts on Hydroplaning
</span>
</h2>
<div class="stats_facts_group_description">
<p>Help us reduce the number of deaths resulting from car crashes to zero. <a href="/"> See all crash data.</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="stats_facts_group_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="stats_facts_group_items">
<li class="stats_facts_group_item">
<div class="stats_facts_group_item_inner gold_bg ">
<div class="stats_facts_bg"></div>
<div class="stats_facts_group_item_body">
<div class="stats_facts_group_item_body_container">
<h2 class="stats_facts_group_item_stat">
<span class="stats_facts_group_item_stat_label">800+</span>
</h2>
<h4 class="stats_facts_group_item_stat_header">
<span class="stats_facts_group_item_stat_header_label">People killed by drunk or drugged drivers.</span>
</h4>
<div class="dashed_divider"></div>
<div class="stats_facts_group_item_description">
<p>More than 800 people have been killed by drunk or drugged drivers over the past 5 years. All these deaths were preventable.</p>
</div>
</div>
</div>
</div>
</li>
<li class="stats_facts_group_item">
<div class="stats_facts_group_item_inner has_image_bg ">
<figure class="stats_facts_figure" aria-hidden="true">
<span class="lazy_image_wrapper stat_facts_image_wrapper">
<picture class="stat_facts_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/980x980/1">
<img class="js-lazy js-lazyload stat_facts_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/1" alt="">
</picture>
</span>
<noscript>
<picture class="stat_facts_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/980x980/1">
<img class="stat_facts_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/1" alt="">
</picture>
</noscript>
</figure>
<div class="stats_facts_group_item_body">
<div class="stats_facts_group_item_body_container">
<h2 class="stats_facts_group_item_stat">
<span class="stats_facts_group_item_stat_label">27,000+</span>
</h2>
<h4 class="stats_facts_group_item_stat_header">
<span class="stats_facts_group_item_stat_header_label">people sustain injuries each year from distracted driving crashes.</span>
</h4>
<div class="dashed_divider"></div>
<div class="stats_facts_group_item_description">
<p>Park the phone before you drive and always focus on the road!</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: stats_facts Group -->
<!-- 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 -->
<div class="news_related alternate_gray">
<div class="news_related_header">
<div class="fs-row">
<div class="fs-cell fs-lg-3">
<div class="news_related_header_inner">
<h2 class="news_related_title">
Related News
</h2>
<div class="news_related_description">
<p>
Get the latest in road safety for Maryland. <a href="/"> See all posts.</a>
</p>
</div>
</div>
</div>
<div class="fs-cell fs-lg-9">
<ul class="news_related_items">
<li class="news_related_item">
<div class="news_item_feaure_icon_block">
</div>
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about The Dangers of Speeding" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_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, https://images.fastspot.com/mdot-zero-deaths-md/980x654/1 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/mdot-zero-deaths-md/980x654/1" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x654/1 980w, 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="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Aggressive Driving</a>
</li>
</ul>
</div>
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">The Dangers of Speeding</span>
</span>
</a>
</h2>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_detail_label_title">Published:</span><br />
<span class="news_item_detail_hint">Published:</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">
January 1, 2019
</time>
</div>
</div>
<div class="news_item_description">
<p>Description</p>
</div>
<div class="news_item_link">
<span class="news_item_link_button">
<a href="page-news-detail.html" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Read This Article</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>
<!-- END: News Item -->
</li>
<li class="news_related_item">
<div class="news_item_feaure_icon_block">
</div>
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about Minimizing Your Blind Spots While Driving" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_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, https://images.fastspot.com/mdot-zero-deaths-md/980x654/2 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/mdot-zero-deaths-md/980x654/2" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x654/2 980w, 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="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Driving Tips</a>
</li>
</ul>
</div>
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Minimizing Your Blind Spots While Driving</span>
</span>
</a>
</h2>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_detail_label_title">Published:</span><br />
<span class="news_item_detail_hint">Published:</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">
January 1, 2019
</time>
</div>
</div>
<div class="news_item_description">
<p>Description</p>
</div>
<div class="news_item_link">
<span class="news_item_link_button">
<a href="page-news-detail.html" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Read This Article</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>
<!-- END: News Item -->
</li>
<li class="news_related_item">
<div class="news_item_feaure_icon_block">
</div>
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="page-news-detail.html" aria-label="Read more about 8 Tips for Teen Commuters" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/300x200/3" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x200/3 300w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/3 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/3 740w, https://images.fastspot.com/mdot-zero-deaths-md/980x654/3 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/mdot-zero-deaths-md/980x654/3" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x654/3 980w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/3 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/3 500w, https://images.fastspot.com/mdot-zero-deaths-md/300x200/3 300w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<div class="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Driving Tips</a>
</li>
</ul>
</div>
<h2 class="news_item_title">
<a href="page-news-detail.html" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">8 Tips for Teen Commuters</span>
</span>
</a>
</h2>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_detail_label_title">Published:</span><br />
<span class="news_item_detail_hint">Published:</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">
January 1, 2019
</time>
</div>
</div>
<div class="news_item_description">
<p>Description</p>
</div>
<div class="news_item_link">
<span class="news_item_link_button">
<a href="page-news-detail.html" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Read This Article</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>
<!-- END: News Item -->
</li>
</ul>
</div>
</div>
</div>
<div class="news_related_body"></div>
</div>
<!-- END: Related News -->
</div>
</div>
<!-- END: Page Content -->
</article>
{% render '@partial-page-header'
with
{
page: page
}
%}
<article class="news_entry">
<script type="application/ld+json">
{ "@context": "http://schema.org", "@type": "NewsArticle", "url": "#",
"publisher": { "@type": "{{ config.schema_type }}", "name": "{{
config.name
}}" }, "headline": "{{ page.title }}", "mainEntityOfPage": "#", "image":
"{{ page.image }}", "datePublished": "2017-03-20T20:30:54+00:00",
"author": "person", "description": "{{ page.description }}" }
</script>
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
<div class="news_detail_meta">
{% render '@partial-news-meta' %}
</div>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-push-1">
<figure class="news_entry_figure">
{% include '@partial-image' with {
class: 'news_entry',
alt: '',
image: '3',
sources: [
img.classic.xlrg,
img.classic.lrg,
img.classic.med,
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
<!-- WYSIWYG -->
<div class="typography">
<h2>
What Happens When Your Car Hydroplanes
</h2>
<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. <a href="#">
Nulla consequat
</a> massa quis enim. 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
</p>
<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. Quis
enim. 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
</p>
<h2>
The Best Ways to Avoid Hydroplaning
</h2>
<ul>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
</ul>
<h2>
What to Do if You Hydroplane
</h2>
<ul>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
<li>
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis
</li>
</ul>
<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. Quis
enim. 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
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
<div class="full_width_callouts">
{% include '@component-stats-and-facts' with {
title: '',
highlighted_text: 'The Facts on Hydroplaning',
description: 'Help us reduce the number of deaths resulting from car crashes to zero. <a href="/"> See all crash data.</a>',
items: [
{
stat: '800+',
background: 'gold_bg',
stat_header: 'People killed by drunk or drugged drivers.',
stat_description: 'More than 800 people have been killed by drunk or drugged drivers over the past 5 years. All these deaths were preventable.'
},
{
image: '2',
stat: '27,000+',
background: 'black_bg',
stat_header: 'people sustain injuries each year from distracted driving crashes.',
stat_description: 'Park the phone before you drive and always focus on the road!'
}
]
} %}
{% render '@component-topic-row' %}
{% include '@component-related-news' with {
title: 'Related News',
bg_modifier: 'alternate_gray',
description: 'Get the latest in road safety for Maryland. <a href="/"> See all posts.</a>',
items: [
{
image: '1',
categories: ['Aggressive Driving'],
category_url: 'page-news-category.html',
title: 'The Dangers of Speeding',
url: 'page-news-detail.html'
},
{
image: '2',
categories: ['Driving Tips'],
category_url: 'page-news-category.html',
title: 'Minimizing Your Blind Spots While Driving',
url: 'page-news-detail.html'
},
{
image: '3',
categories: ['Driving Tips'],
category_url: 'page-news-category.html',
title: '8 Tips for Teen Commuters',
url: 'page-news-detail.html'
}
]
} %}
</div>
</div>
<!-- END: Page Content -->
</article>
No notes defined.