<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
<h1>
Zero Deaths Maryland
</h1>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content homepage_content">
<!-- Full Width Callouts -->
<!-- Home page feature -->
<div class="full_width_callouts">
<!-- Topic Row -->
<div class="homepage_feature">
<div class="fs-row">
<div class="fs-cell">
<div class="homepage_feature_inner">
<div class="homepage_feature_inner_content order_2">
<div class="homepage_feature_header">
<h1 class="homepage_feature_title">
<span class="homepage_feature_title_label">
Every Crash Is Preventable.
</span>
<span class="homepage_feature_highlighted_text">
Every life counts.
</span>
</h1>
</div>
<div class="homepage_feature_body">
<div class="homepage_feature_description">
<p>
Maryland is dedicated to saving lives and preventing injuries from traffic crashes.
</p>
</div>
<div class="homepage_feature_footer">
<div class="homepage_feature_link_item">
<span class="homepage_feature_link_button">
<a href="/" class="homepage_feature_link">
<span class="homepage_feature_link_inner">
<span class="homepage_feature_link_label">About Us</span>
<span class="homepage_feature_link_icon" aria-hidden="true">
<span class="homepage_feature_link_icon_inner">
<span class="homepage_feature_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 class="homepage_feature_media order_1">
<div class="homepage_feature_item no_caption">
<span class="homepage_feature_media_item">
<div class="page_header_video">
<iframe class="js-page-header-iframe page_header_iframe" src="//player.vimeo.com/video/541734777?autoplay=1&loop=1&muted=1" title="Page Title video" allow="fullscreen" allowfullscreen></iframe>
<script src="//player.vimeo.com/api/player.js"></script>
</div>
</span>
<figcaption class="homepage_feature_details">
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
<!-- END: Home Page Feature -->
<!-- Homepage Icon Listing -->
<!-- Link Group -->
<div class="icon_group has_image">
<figure class="icon_group_figure" aria-hidden="true">
<span class="lazy_image_wrapper icon_group_image_wrapper">
<picture class="icon_group_picture">
<source media="(min-width: 1220px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/2">
<source media="(min-width: 980px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/1220x686/2">
<source media="(min-width: 740px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x552/2">
<source media="(min-width: 500px)" srcset="../../../images/placeholder.png" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x980/2">
<img class="js-lazy js-lazyload icon_group_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/2" alt="">
</picture>
</span>
<noscript>
<picture class="icon_group_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1440x810/2">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/1220x686/2">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x552/2">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x980/2">
<img class="icon_group_image" src="https://images.fastspot.com/mdot-zero-deaths-md/740x740/2" alt="">
</picture>
</noscript>
</figure>
<div class="fs-row">
<div class="fs-cell">
<div class="icon_group_inner">
<div class="icon_group_header_wrapper">
<div class="icon_group_header">
<h2 class="icon_group_title">Road Safety
<span class="icon_group_highlighted_text">
can save lives.
</span>
</h2>
</div>
<div class="icon_group_description">
<p class="icon_group_description_text">We are working to improve road safety for everyone. Explore the links to the right to learn more and find helpful resources.</p>
</div>
<div class="link_group_link_item">
<span class="link_group_link_button">
<a href="/" class="link_group_button_link">
<span class="link_group_button_link_inner">
<span class="link_group_button_link_label">Explore Road Safety</span>
<span class="link_group_button_link_icon" aria-hidden="true">
<span class="link_group_button_link_icon_inner">
<span class="link_group_button_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 class="icon_group_list_wrapper">
<ul class="icon_group_list">
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_speed">
<use href="/images/icons.svg#speed" />
</svg>
</span>
<span class="icon_group_link_label">Speed/Agressive Driving</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_bicycle">
<use href="/images/icons.svg#bicycle" />
</svg>
</span>
<span class="icon_group_link_label">Pedestrian & Bicycle Safety</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_car">
<use href="/images/icons.svg#car" />
</svg>
</span>
<span class="icon_group_link_label">Distracted Driving</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_seatbelt">
<use href="/images/icons.svg#seatbelt" />
</svg>
</span>
<span class="icon_group_link_label">Seat Belts & Car Seats</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_drinks">
<use href="/images/icons.svg#drinks" />
</svg>
</span>
<span class="icon_group_link_label">Impaired Driving</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_couple">
<use href="/images/icons.svg#couple" />
</svg>
</span>
<span class="icon_group_link_label">Older Driving Safety</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_motorcycle">
<use href="/images/icons.svg#motorcycle" />
</svg>
</span>
<span class="icon_group_link_label">Motorcycle Safety</span>
</span>
</a>
</li>
<li class="icon_group_item">
<a class="icon_group_link" href="#" target="_blank" itemprop="relatedLink">
<span class="icon_group_link_inner">
<span class="icon_group_link_icon">
<svg class="icon icon_teenagers">
<use href="/images/icons.svg#teenagers" />
</svg>
</span>
<span class="icon_group_link_label">Young Driver Safety</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Link Group -->
<!-- END: Homepage Icon Listing -->
<!-- Stats and Facts -->
<!-- stats_facts Group -->
<div class="stats_facts_group">
<div class="stats_facts_group_header align_center ">
<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">
CRASHES ARE
</span>
<span class="stats_facts_highlighted_label">
NO ACCIDENT
</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="CRASHES ARE">
<li class="stats_facts_group_item">
<div class="stats_facts_group_item_inner red_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 -->
<!-- Related News -->
<div class="news_related ">
<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">
From the Blog
</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/5" data-srcset="https://images.fastspot.com/mdot-zero-deaths-md/300x200/5 300w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/5 500w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/5 740w, https://images.fastspot.com/mdot-zero-deaths-md/980x654/5 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/mdot-zero-deaths-md/980x654/5" srcset="https://images.fastspot.com/mdot-zero-deaths-md/980x654/5 980w, https://images.fastspot.com/mdot-zero-deaths-md/740x494/5 740w, https://images.fastspot.com/mdot-zero-deaths-md/500x334/5 500w, https://images.fastspot.com/mdot-zero-deaths-md/300x200/5 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 -->
<!-- END: Related News -->
<!-- Call To Action -->
<!-- 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 -->
<!-- END: Call to Action -->
</div>
<!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
<h1>
{{ config.name }}
</h1>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content homepage_content">
<!-- Full Width Callouts -->
<!-- Home page feature -->
<div class="full_width_callouts">
{% include '@component-homepage-feature-video' with {
title: 'Every crash is preventable.',
highlighted_text: 'Every life counts.',
description: 'Maryland is dedicated to saving lives and preventing injuries from traffic crashes.',
link_title: 'About Us',
link_url: '/',
icon: 'arrow_right',
image: '3',
video: '541734777',
caption: ''
} %}
<!-- END: Home Page Feature -->
<!-- Homepage Icon Listing -->
{% include '@component-homepage-icon-listing' with {
title: 'Road safety',
highlighted_text: 'can save lives.',
description: 'We are working to improve road safety for everyone. Explore the links to the right to learn more and find helpful resources.',
link_title: 'Explore Road Safety',
link_url: '/',
icon: 'arrow_right',
image: 2,
items: [
{
title: 'Speed/Agressive Driving',
url: '#',
icon: 'speed'
},
{
title: 'Pedestrian & Bicycle Safety',
url: '#',
icon: 'bicycle'
},
{
title: 'Distracted Driving',
url: '#',
icon: 'car'
},
{
title: 'Seat Belts & Car Seats',
url: '#',
icon: 'seatbelt'
},
{
title: 'Impaired Driving',
url: '#',
icon: 'drinks'
},
{
title: 'Older Driving Safety',
url: '#',
icon: 'couple'
},
{
title: 'Motorcycle Safety',
url: '#',
icon: 'motorcycle'
},
{
title: 'Young Driver Safety',
url: '#',
icon: 'teenagers'
}
]
} %}
<!-- END: Homepage Icon Listing -->
<!-- Stats and Facts -->
{% include '@component-stats-and-facts' with {
title: 'CRASHES ARE',
highlighted_text: 'NO ACCIDENT',
alignment: 'align_center',
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: 'red_bg',
number_bg: 'white_bg',
number_color: 'red_number',
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',
number_bg: 'gold_bg',
number_color: 'black_number',
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 -->
<!-- Related News -->
{% include '@component-related-news' with {
title: 'From the Blog',
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: '5',
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'
}
]
} %}
<!-- END: Related News -->
<!-- Call To Action -->
{% include '@component-call-to-action' with {
title: 'Be the driver',
highlighted_text: 'who saves lives',
image: 1,
modifier: 'cta_dark_background',
description: 'An all-encompassing highway safety campaign focused on safe driving behaviors, aptly named Be the Driver.',
link_title: 'Be The Driver Campaign',
link_url: '#',
link_icon: 'arrow_right',
aria: 'Be the driver campaign'
} %}
<!-- END: Call to Action -->
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.