<div class="resource_related">
<div class="section_header resource_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Latest From Us</h2>
<p class="section_header_description">Lorem ipsum dolor sit amet consectetur. Sodales tristique dui pulvinar tellus porta. Vel at tempus nunc vitae.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_accent">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More News</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="resource_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="resource_related_items" aria-label="Latest From Us">
<li class="resource_related_item">
<figure class="resource_related_item_figure">
<a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">
<img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
<span class="resource_related_item_figure_icon"><svg class="icon icon_jh_camera">
<use href="/images/icons.svg#jh_camera" />
</svg></span>
</a>
</figure>
<div class="resource_related_item_wrapper">
<div class="resource_related_item_header">
<h2 class="resource_related_item_title">
<a href="#" class="resource_related_item_title_link">
<span class="resource_related_item_title_link_inner">
<span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
</span>
</a>
</h2>
<div class="resource_related_item_pretitle">Publication</div>
</div>
<p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
<div class="resource_related_item_link_wrapper">
<a href="#" class="button button_shadow resource_related_item_link theme_default">
<span class="button_inner resource_related_item_link_inner">
<span class="button_label resource_related_item_link_label">Learn More</span>
</span>
</a>
</div>
</div>
</li>
<li class="resource_related_item">
<figure class="resource_related_item_figure">
<a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">
<img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
<span class="resource_related_item_figure_icon"><svg class="icon icon_jh_article">
<use href="/images/icons.svg#jh_article" />
</svg></span>
</a>
</figure>
<div class="resource_related_item_wrapper">
<div class="resource_related_item_header">
<h2 class="resource_related_item_title">
<a href="#" class="resource_related_item_title_link">
<span class="resource_related_item_title_link_inner">
<span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
</span>
</a>
</h2>
<div class="resource_related_item_pretitle">In the Media</div>
</div>
<p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
<div class="resource_related_item_link_wrapper">
<a href="#" class="button button_shadow resource_related_item_link theme_default">
<span class="button_inner resource_related_item_link_inner">
<span class="button_label resource_related_item_link_label">Learn More</span>
</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Resources -->
{#
{% include '@component-resources-related' with {
title: 'Title',
description: 'Description',
link: {
title: '',
url: '',
target: '',
aria: '',
},
items: [
{
url: '#',
image: '1',
alt: '',
icon: '',
category: 'Category',
title: 'Item Title',
description: 'Item Description',
link_text: 'Read more',
}
]
} %}
#}
<div class="resource_related">
{% include "@partial-section-header" with {
class: 'resource_related_header',
title: title,
description: description,
link: link,
} %}
<div class="resource_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="resource_related_items" aria-label="{{ title }}">
{% for item in items %}
<li class="resource_related_item">
{% if item.image %}
<figure class="resource_related_item_figure">
<a class="resource_related_item_figure_link" href="{{ item.url }}" aria-label="Read more about {{ item.title }}" tabindex="-1">
{% include '@partial-image' with {
class: 'resource_related_item',
alt: item.alt,
image: item.image,
loading: 'lazy',
crop: 'full',
max: 'med',
sizes: [
'(min-width: 1400px) 430px',
'(min-width: 1220px) 375px',
'(min-width: 980px) 300px',
'(min-width: 780px) 691px',
'(min-width: 380px) calc(96.05vw - 39px)',
'calc(31.67vw + 193px)',
]
} %}
<span class="resource_related_item_figure_icon">{{ icon(item.icon) }}</span>
</a>
</figure>
{% endif %}
<div class="resource_related_item_wrapper">
<div class="resource_related_item_header">
<h2 class="resource_related_item_title">
{% include '@partial-link' with {
class: 'resource_related_item_title',
title: item.title,
url: item.url
} %}
</h2>
<div class="resource_related_item_pretitle">{{ item.category }}</div>
</div>
{% if item.description %}
<p class="resource_related_item_description">{{ item.description }}</p>
{% endif %}
<div class="resource_related_item_link_wrapper">
{% include "@partial-link-button" with {
class: 'resource_related_item',
title: item.link_text,
url: item.url,
} %}
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Resources -->
No notes defined.