<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-5 fs-lg-push-1">
<div class="page_intro_inner">
<h1 class="page_title" itemprop="name">
Distracted Driving
</h1>
<p class="page_description" itemprop="description">
Driving while distracted is extremely dangerous for you, your passengers, other motorists, pedestrians, and cyclists.
</p>
</div>
</div>
<div class="fs-cell fs-lg-6">
<div class="page_header_media">
<div class="page_header_media_inner">
<figure class="page_header_figure">
<span class="lazy_image_wrapper page_header_image_wrapper">
<img class="js-lazy js-lazyload page_header_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_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="" itemprop="primaryImageOfPage">
</noscript>
</figure>
</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>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
<!-- Stats and Facts -->
<!-- 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_title_label">
Distracted Driving
</span>
<span class="stats_facts_highlighted_label">
Facts
</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" aria-label="Distracted Driving">
<li class="stats_facts_group_item">
<div class="stats_facts_group_item_inner black_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 -->
<!-- END: Stats and Facts -->
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<!-- WYSIWYG -->
<div class="typography">
<h2>
The Dangers of Distracted Driving
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
<!-- Accordion -->
<div class="js-accordion accordion">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="accordion_inner">
<div class="accordion_header">
<h2 class="accordion_title">
<span class="accordion_title_label">Elements of Distracted Driving</span>
</h2>
</div>
<div class="accordion_items">
<div class="js-accordion-item js-accordion-item-1-1 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-1-1">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Phones</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-label="Phones">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href='#'>Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-1-2 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-1-2">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Eating</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-label="Eating">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href='#'>Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-1-3 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-1-3">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Texting</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-label="Texting">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href='#'>Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-1-4 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-1-4">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Reading</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-label="Reading">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href='#'>Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-1-5 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-1-5">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Radio</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-label="Radio">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href='#'>Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Accordion -->
</div>
<div class="full_width_callouts">
<div class="resource_related alternate_gray">
<div class="resource_related_header">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="resource_related_header_inner">
<h2 class="resource_related_title">
Distracted Driving Resources
</h2>
<div class="resource_related_description">
<p>
Explore these helpful resources or <a href="/"> explore more resources.</a>
</p>
</div>
</div>
</div>
</div>
<div class="fs-cell">
<ul class="resource_related_list_items">
<li class="resource_related_list_item">
<!-- resource Row -->
<div class="resource_item">
<div class="fs-row">
<div class="fs-cell">
<div class="resources_body">
<div class="resource">
<div class="resource_inner">
<figure class="resource_figure large" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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="resource_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="resource_wrapper">
<div class="resource_header">
<div class="resource_header_category_resources">
<div class="resource_item_categories">
<div class="resource_item_category_hint">
Categories
</div>
<ul class="resource_item_category_list" aria-label="Categories">
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Young Driver Safety
</a>
</li>
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Motorcycle Safety
</a>
</li>
</ul>
</div>
<span class="resource_item_category_divider">/</span>
<div class="resource_item_resource_type">
<div class="resource_item_resource_type_hint">
Resource Type
</div>
<ul class="resource_item_resource_type_list" aria-label="resource type">
<li class="resource_item_resource_type_item">
<a class="resource_item_resource_type_link" href="page-news-category.html">
Social Media
</a>
</li>
</ul>
</div>
</div>
<div class="resource_header_title_wrapper">
<a class="resource_title_link" href="#">
<h3 class="resource_title">
The Dangers Of Speeding
</h3>
</a>
<div class="resource_group_icon">
<a class="resource_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="resource_group_link_inner">
<span class="resource_group_link_icon">
<svg class="icon icon_download">
<use href="/images/icons.svg#download" />
</svg>
</span>
<span class="resource_group_link_label">ZIP</span>
</span>
</a>
</div>
</div>
</div>
<div class="resource_body">
<figure class="resource_figure small" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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="resource_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="resource_description">
<p>
This toolkit features safety resources ideal for social media. It includes artwork and infographics for use on Facebook as well as Twitter.
</p>
</div>
<div class="resource_updated">
<span class="resource_updated_label">
Last Updated:<span class="resource_updated_date">January 7, 2021</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: resource Row -->
</li>
<li class="resource_related_list_item">
<!-- resource Row -->
<div class="resource_item">
<div class="fs-row">
<div class="fs-cell">
<div class="resources_body">
<div class="resource">
<div class="resource_inner">
<figure class="resource_figure large" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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="resource_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="resource_wrapper">
<div class="resource_header">
<div class="resource_header_category_resources">
<div class="resource_item_categories">
<div class="resource_item_category_hint">
Categories
</div>
<ul class="resource_item_category_list" aria-label="Categories">
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Young Driver Safety
</a>
</li>
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Motorcycle Safety
</a>
</li>
</ul>
</div>
<span class="resource_item_category_divider">/</span>
<div class="resource_item_resource_type">
<div class="resource_item_resource_type_hint">
Resource Type
</div>
<ul class="resource_item_resource_type_list" aria-label="resource type">
<li class="resource_item_resource_type_item">
<a class="resource_item_resource_type_link" href="page-news-category.html">
Social Media
</a>
</li>
</ul>
</div>
</div>
<div class="resource_header_title_wrapper">
<a class="resource_title_link" href="#">
<h3 class="resource_title">
8 Tips For Teen Commuters
</h3>
</a>
<div class="resource_group_icon">
<a class="resource_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="resource_group_link_inner">
<span class="resource_group_link_icon">
<svg class="icon icon_download">
<use href="/images/icons.svg#download" />
</svg>
</span>
<span class="resource_group_link_label">ZIP</span>
</span>
</a>
</div>
</div>
</div>
<div class="resource_body">
<figure class="resource_figure small" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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="resource_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="resource_description">
<p>
This toolkit features safety resources ideal for social media. It includes artwork and infographics for use on Facebook as well as Twitter.
</p>
</div>
<div class="resource_updated">
<span class="resource_updated_label">
Last Updated:<span class="resource_updated_date">January 7, 2021</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: resource Row -->
</li>
<li class="resource_related_list_item">
<!-- resource Row -->
<div class="resource_item">
<div class="fs-row">
<div class="fs-cell">
<div class="resources_body">
<div class="resource">
<div class="resource_inner">
<figure class="resource_figure large" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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" alt="">
</span>
<noscript>
<img class="resource_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x494/3" srcset="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="" itemprop="image">
</noscript>
</figure>
<div class="resource_wrapper">
<div class="resource_header">
<div class="resource_header_category_resources">
<div class="resource_item_categories">
<div class="resource_item_category_hint">
Categories
</div>
<ul class="resource_item_category_list" aria-label="Categories">
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Young Driver Safety
</a>
</li>
<li class="resource_item_category">
<a class="resource_item_category_link" href="page-news-category.html">
Seat Belt Safety
</a>
</li>
</ul>
</div>
<span class="resource_item_category_divider">/</span>
<div class="resource_item_resource_type">
<div class="resource_item_resource_type_hint">
Resource Type
</div>
<ul class="resource_item_resource_type_list" aria-label="resource type">
<li class="resource_item_resource_type_item">
<a class="resource_item_resource_type_link" href="page-news-category.html">
Social Media
</a>
</li>
</ul>
</div>
</div>
<div class="resource_header_title_wrapper">
<a class="resource_title_link" href="#">
<h3 class="resource_title">
Minimizing Your Blind Spots While Driving
</h3>
</a>
<div class="resource_group_icon">
<a class="resource_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="resource_group_link_inner">
<span class="resource_group_link_icon">
<svg class="icon icon_download">
<use href="/images/icons.svg#download" />
</svg>
</span>
<span class="resource_group_link_label">ZIP</span>
</span>
</a>
</div>
</div>
</div>
<div class="resource_body">
<figure class="resource_figure small" aria-hidden="true">
<span class="lazy_image_wrapper resource_image_wrapper">
<img class="js-lazy js-lazyload resource_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" alt="">
</span>
<noscript>
<img class="resource_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x494/3" srcset="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="" itemprop="image">
</noscript>
</figure>
<div class="resource_description">
<p>
This toolkit features safety resources ideal for social media. It includes artwork and infographics for use on Facebook as well as Twitter.
</p>
</div>
<div class="resource_updated">
<span class="resource_updated_label">
Last Updated:<span class="resource_updated_date">January 7, 2021</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: resource Row -->
</li>
</ul>
</div>
</div>
<div class="resource_related_body"></div>
</div>
<!-- END: Related resource -->
<!-- Contact Info -->
<div class="contact_block">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"email": "mailto:",
"image": "",
"jobTitle": "",
"name": "",
"telephone": "",
"url": "#"
}
</script>
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="contact_items_header">
<div class="contact_items_header_group">
<h2 class="contact_items_title">
<span class="contact_items_title_label">
Get in Touch
</span>
</h2>
<div class="contact_items_description">
<p>
Includes Garrett County, Allegany County, and Washington County.
</p>
</div>
</div>
<div class="contact_items_map">
<div class="contact_items_map_inner">
<svg class="icon icon_maryland-region-capital">
<use href="/images/icons.svg#maryland-region-capital" />
</svg>
</div>
</div>
</div>
<div class="contact_block_inner">
<div class="contact">
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail">
<h3 class="contact_name">
<a class="contact_name_link" href="#">
<span class="contact_name_label">Full Name</span>
<span class="contact_name_link_icon">
<svg class="icon icon_arrow-right">
<use href="/images/icons.svg#arrow-right" />
</svg>
</span>
</a>
</h3>
<div class="contact_title">
Director of Department
</div>
</div>
<!-- Contact Details -->
<div class="contact_detail is_email">
<div class="contact_detail_label">
Email
</div>
<div class="contact_detail_item">
<div class="contact_detail_hint">
Email Address
</div>
<a class="contact_detail_info" href="mailto:somelongemailaddress@university.edu" itemprop="email">
somelongemailaddress@university.edu
</a>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">
Phone
</div>
<div class="contact_detail_item">
<div class="contact_detail_hint">
</div>
<a class="contact_detail_info" itemprop="telephone" href="tel:4105551234">
(410) 555-1234
</a>
</div>
</div>
<!-- END: Contact Details -->
<div class="contact_detail">
<figure class="contact_figure">
<span class="lazy_image_wrapper contact_image_wrapper">
<img class="js-lazy js-lazyload contact_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/100x100/1" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/100x100/1 100w, https://images.fastspot.com/mdot-zero-deaths-md/300x300/1 300w" alt="">
</span>
<noscript>
<img class="contact_image" src="https://images.fastspot.com/mdot-zero-deaths-md/300x300/1" srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x300/1 300w, https://images.fastspot.com/mdot-zero-deaths-md/100x100/1 100w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail">
<h3 class="contact_name">
<span class="contact_name_label">John Doe</span>
</h3>
<div class="contact_title">
Director of Department
</div>
</div>
<!-- Contact Details -->
<div class="contact_detail is_email">
<div class="contact_detail_label">
Email
</div>
<div class="contact_detail_item">
<div class="contact_detail_hint">
Email Address
</div>
<a class="contact_detail_info" href="mailto:anotherlongemailaddress@university.edu" itemprop="email">
anotherlongemailaddress@university.edu
</a>
</div>
</div>
<!-- END: Contact Details -->
<div class="contact_detail">
<figure class="contact_figure">
<span class="lazy_image_wrapper contact_image_wrapper">
<img class="js-lazy js-lazyload contact_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/100x100/1" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/100x100/1 100w, https://images.fastspot.com/mdot-zero-deaths-md/300x300/1 300w" alt="">
</span>
<noscript>
<img class="contact_image" src="https://images.fastspot.com/mdot-zero-deaths-md/300x300/1" srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x300/1 300w, https://images.fastspot.com/mdot-zero-deaths-md/100x100/1 100w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
<!-- Related Events -->
<div class="event_related">
<div class="event_related_bg"></div>
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1">
<div class="related_events_title_block">
<span class="related_event_title_label">
<span class="related_event_feature_icon">
<svg class="icon icon_calendar">
<use xlink:href="/images/icons.svg#calendar"></use>
</svg>
</span>
Related Event
</span>
<span class="related_event_title_link">
<a href="/">See All Events</a>
</span>
</div>
<div class="dashed_divider"></div>
<ul class="event_related_items">
<li class="event_related_item">
<!-- Event Item -->
<div class="event_item">
<figure class="event_figure">
<a class="event_figure_link" href="page-event-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut" tabindex="-1">
<span class="lazy_image_wrapper event_image_wrapper">
<img class="js-lazy js-lazyload event_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="event_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="event_wrapper">
<div class="event_header">
<h2 class="event_title">
<a href="page-event-detail.html" class="event_title_link">
<span class="event_title_link_inner">
<span class="event_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h2>
<div class="event_detail event_detail_category">
<span class="event_detail_hint">Categories:</span>
<ul class="event_detail_list" aria-label="Categories">
<li class="event_detail_item">
<a class="event_detail_link" href="page-event-category.html">
Category One
</a>
</li>
<li class="event_detail_item">
<a class="event_detail_link" href="page-event-category.html">
Category Two
</a>
</li>
</ul>
</div>
</div>
<div class="event_body">
<!-- Event Details -->
<div class="event_day_location_details">
<div class="event_detail">
<span class="event_detail_label_title">Day & Time</span><br />
<span class="event_detail_hint">Day and time</span>
<span class="event_detail_label">
<span class="event_detail_label_date">
Wednesday May 31, 2017
</span>
5:00 PM - 7:00 PM
</span>
</div>
<div class="event_detail event_details_categories">
<div class="event_detail event_detail_category">
<span class="event_detail_hint">Categories:</span>
<span class="event_detail_label_title">Category</span><br />
<ul class="event_detail_list" aria-label="Categories">
<li class="event_detail_item">
<a class="event_detail_link" href="page-event-category.html">
Category One
</a>
</li>
<li class="event_detail_item">
<a class="event_detail_link" href="page-event-category.html">
Category Two
</a>
</li>
</ul>
</div>
</div>
<div class="event_detail">
<div class="event_actions">
<div class="event_actions_header">
<h2 class="event_actions_title" id="event_actions_title">
<span class="event_actions_title_label">Event Actions</span>
</h2>
</div>
<div class="event_actions_body">
<ul class="event_actions_list" aria-labelledby="event_actions_title">
<li class="event_action">
<a href="#" class="event_action_link">
<span class="event_action_link_inner">
<span class="event_action_link_label">Register</span>
<span class="event_action_link_icon" aria-hidden="true">
<span class="event_action_link_icon_inner">
<span class="event_action_link_icon_space"></span>
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Event Details -->
<div class="event_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
<!-- 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'
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>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
<!-- Stats and Facts -->
{% include '@component-stats-and-facts' with {
title: 'Distracted Driving',
highlighted_text: 'Facts',
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: 'black_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!'
}
]
} %}
<!-- END: Stats and Facts -->
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<!-- WYSIWYG -->
<div class="typography">
<h2>
The Dangers of Distracted Driving
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</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. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu.
</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
{% render '@component-accordion' %}
</div>
<div class="full_width_callouts">
{% render '@component-related-resources' %}
{% render '@component-contact-info' %}
{% render '@component-related-events' %}
{% render '@component-call-to-action' %}
</div>
No notes defined.