<!-- 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="">
Category
</a>
</li>
</ul>
</div>
<span class="resource_item_category_divider">/</span>
</div>
<div class="resource_header_title_wrapper">
<h3 class="resource_title">
Title
</h3>
<div class="resource_group_icon">
<a class="resource_group_link" href="" itemprop="relatedLink">
<span class="resource_group_link_inner">
<span class="resource_group_link_label"></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>
Description
</p>
</div>
<div class="resource_updated">
<span class="resource_updated_label">
Last Updated:<span class="resource_updated_date">2019-01-01 17:00:00</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: resource Row -->
<!-- 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">
{% if item.image %}
<figure class="resource_figure large"
aria-hidden="true">
{% include '@partial-image' with {
class: 'resource',
alt: '',
itemprop: 'image',
image: item.image,
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
{% endif %}
<div class="resource_wrapper">
<div class="resource_header">
<div class="resource_header_category_resources">
{% if item.categories %}
<div class="resource_item_categories">
<div class="resource_item_category_hint">
Categories
</div>
<ul class="resource_item_category_list"
aria-label="Categories">
{% for category in item.categories %}
<li class="resource_item_category">
<a class="resource_item_category_link"
href="{{
item.category_url
}}">
{{ category }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
<span class="resource_item_category_divider">/</span>
{% if item.resources %}
<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">
{% for resource in item.resources %}
<li class="resource_item_resource_type_item">
<a class="resource_item_resource_type_link"
href="{{
item.resource_url
}}">
{{ resource }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="resource_header_title_wrapper">
{% if item.href %}
<a class="resource_title_link"
href="{{ item.href }}">
<h3 class="resource_title">
{{ item.title|title }}
</h3>
</a>
{% else %}
<h3 class="resource_title">
{{ item.title|title }}
</h3>
{% endif %}
<div class="resource_group_icon">
<a class="resource_group_link" href="{{ item.href }}" {% if item.icon %} target="_blank" {% endif %} itemprop="relatedLink">
<span class="resource_group_link_inner">
{% if item.icon %}
<span class="resource_group_link_icon">{{ icon(item.icon) }}</span>
{% endif %}
<span class="resource_group_link_label">{{ item.type_title }}</span>
</span>
</a>
</div>
</div>
</div>
<div class="resource_body">
{% if item.image %}
<figure class="resource_figure small"
aria-hidden="true">
{% include '@partial-image' with {
class: 'resource',
alt: '',
itemprop: 'image',
image: item.image,
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
{% endif %}
<div class="resource_description">
<p>
{{ item.description }}
</p>
</div>
<div class="resource_updated">
<span class="resource_updated_label">
Last Updated:<span class="resource_updated_date">{{
item.date
}}</span>
</span>
</div>
</div>
{% if item.links %}
<div class="resource_links">
{% for link in item.links %}
{% include '@partial-link' with {
class: 'resource',
title: link.title,
url: link.url,
icon: link.icon
} %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: resource Row -->
No notes defined.