<div class="related_posts theme_beige">
<div class="related_posts_header">
<div class="fs-row">
<div class="fs-cell">
<div class="related_posts_header_inner">
<h2 class="related_posts_title">Explore Related Stories</h2>
<div class="related_posts_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 auct.</p>
</div>
<a href="#" class="related_posts_header_link">
<span class="related_posts_header_link_inner">
<span class="related_posts_header_link_label">Explore More</span>
<span class="related_posts_header_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="related_posts_body">
<div class="fs-row">
<div class="fs-cell">
<div class="related_posts_items_wrapper related_posts_items_wrapper_columns">
<div class="related_posts_items">
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/8 1220w, https://images.fastspot.com/le-moyne/980x654/8 980w, https://images.fastspot.com/le-moyne/740x494/8 740w, https://images.fastspot.com/le-moyne/500x334/8 500w, https://images.fastspot.com/le-moyne/300x200/8 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/8" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category 1</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Lorem ipsum dolor sit amet, consectetuer adipiscing elit" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/7 1220w, https://images.fastspot.com/le-moyne/980x654/7 980w, https://images.fastspot.com/le-moyne/740x494/7 740w, https://images.fastspot.com/le-moyne/500x334/7 500w, https://images.fastspot.com/le-moyne/300x200/7 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/7" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category One</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>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. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Etiam ultricies nisi vel augue" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/6 1220w, https://images.fastspot.com/le-moyne/980x654/6 980w, https://images.fastspot.com/le-moyne/740x494/6 740w, https://images.fastspot.com/le-moyne/500x334/6 500w, https://images.fastspot.com/le-moyne/300x200/6 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/6" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Etiam ultricies nisi vel augue</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
</article>
</div>
</div>
<div class="related_posts_items_wrapper related_posts_items_wrapper_carousel">
<div class="related_posts_carousel js-carousel" data-carousel-options='{"contained":false,"pagination":true,"controls":false}'>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/8 1220w, https://images.fastspot.com/le-moyne/980x654/8 980w, https://images.fastspot.com/le-moyne/740x494/8 740w, https://images.fastspot.com/le-moyne/500x334/8 500w, https://images.fastspot.com/le-moyne/300x200/8 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/8" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category 1</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Lorem ipsum dolor sit amet, consectetuer adipiscing elit" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/7 1220w, https://images.fastspot.com/le-moyne/980x654/7 980w, https://images.fastspot.com/le-moyne/740x494/7 740w, https://images.fastspot.com/le-moyne/500x334/7 500w, https://images.fastspot.com/le-moyne/300x200/7 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/7" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category One</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>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. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Etiam ultricies nisi vel augue" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/6 1220w, https://images.fastspot.com/le-moyne/980x654/6 980w, https://images.fastspot.com/le-moyne/740x494/6 740w, https://images.fastspot.com/le-moyne/500x334/6 500w, https://images.fastspot.com/le-moyne/300x200/6 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/6" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Etiam ultricies nisi vel augue</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div><!-- END: Related News -->
{#
{% include '@component-related-news' with {
title: 'Title',
description: 'Description',
items: [
{
image: '1',
title: 'Item Title',
description: 'Item Description'
}
]
} %}
#}
{% embed "@partial-related-posts" with {
title: title,
description: description,
link: link,
theme: theme,
default_link_text: 'All News',
} %}
{% block cards %}
{% for item in items %}
{% include "@partial-news-card" with {
mobile_text_only: false,
image: item.image,
title: item.title,
description: item.description,
url: item.url,
categories: item.categories,
image_sizes: [
'(min-width: 1394px) 403px',
'(min-width: 1220px) 352px',
'(min-width: 980px) 282px',
'(min-width: 471px) 405px',
'calc((100vw - 40px) * .9591 - 37px)',
]
} %}
{% endfor %}
{% endblock %}
{% endembed %}
<!-- END: Related News -->
No notes defined.