<div class="news_related">
    <div class="news_related_header">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8">
                <div class="news_related_header_inner">
                    <h2 class="news_related_title">Related News</h2>
                    <div class="news_related_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>
                </div>
            </div>
        </div>
    </div>
    <div class="news_related_body">
        <div class="fs-row">
            <div class="fs-cell">
                <ul class="news_related_items">
                    <li class="news_related_item">
                        <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 In Enim Justo Rhoncus Ut Lorem" 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/framework/300x200/1" data-srcset="https://images.fastspot.com/framework/300x200/1 300w, https://images.fastspot.com/framework/500x334/1 500w, https://images.fastspot.com/framework/740x494/1 740w, https://images.fastspot.com/framework/980x654/1 980w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_image" src="https://images.fastspot.com/framework/980x654/1" srcset="https://images.fastspot.com/framework/980x654/1 980w, https://images.fastspot.com/framework/740x494/1 740w, https://images.fastspot.com/framework/500x334/1 500w, https://images.fastspot.com/framework/300x200/1 300w" sizes="100vw" alt="">
                                    </noscript>
                                </a>
                            </figure>
                            <div class="news_item_wrapper">
                                <div class="news_item_header">
                                    <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">In Enim Justo Rhoncus Ut Lorem</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <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">Category 1</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="news_item_body">
                                    <div class="news_item_details">
                                        <div class="news_item_detail news_item_date">
                                            <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 class="news_item_detail news_item_author">
                                            <span class="news_item_detail_hint">- by
                                            </span>
                                            <span class="news_item_detail_label">Author</span>
                                        </div>
                                    </div>
                                    <div class="news_item_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>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <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 Lorem ipsum dolor sit amet, consectetuer adipiscing elit" 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/framework/300x200/2" data-srcset="https://images.fastspot.com/framework/300x200/2 300w, https://images.fastspot.com/framework/500x334/2 500w, https://images.fastspot.com/framework/740x494/2 740w, https://images.fastspot.com/framework/980x654/2 980w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_image" src="https://images.fastspot.com/framework/980x654/2" srcset="https://images.fastspot.com/framework/980x654/2 980w, https://images.fastspot.com/framework/740x494/2 740w, https://images.fastspot.com/framework/500x334/2 500w, https://images.fastspot.com/framework/300x200/2 300w" sizes="100vw" alt="">
                                    </noscript>
                                </a>
                            </figure>
                            <div class="news_item_wrapper">
                                <div class="news_item_header">
                                    <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">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <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">Category One</a>
                                            </li>
                                            <li class="news_item_category">
                                                <a class="news_item_category_link" href="page-news-category.html">Another Category</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="news_item_body">
                                    <div class="news_item_details">
                                        <div class="news_item_detail news_item_date">
                                            <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 class="news_item_detail news_item_author">
                                            <span class="news_item_detail_hint">- by
                                            </span>
                                            <span class="news_item_detail_label">Author</span>
                                        </div>
                                    </div>
                                    <div class="news_item_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>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <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 Etiam ultricies nisi vel augue" 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/framework/300x200/3" data-srcset="https://images.fastspot.com/framework/300x200/3 300w, https://images.fastspot.com/framework/500x334/3 500w, https://images.fastspot.com/framework/740x494/3 740w, https://images.fastspot.com/framework/980x654/3 980w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_image" src="https://images.fastspot.com/framework/980x654/3" srcset="https://images.fastspot.com/framework/980x654/3 980w, https://images.fastspot.com/framework/740x494/3 740w, https://images.fastspot.com/framework/500x334/3 500w, https://images.fastspot.com/framework/300x200/3 300w" sizes="100vw" alt="">
                                    </noscript>
                                </a>
                            </figure>
                            <div class="news_item_wrapper">
                                <div class="news_item_header">
                                    <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">Etiam ultricies nisi vel augue</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <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">Category</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="news_item_body">
                                    <div class="news_item_details">
                                        <div class="news_item_detail news_item_date">
                                            <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 class="news_item_detail news_item_author">
                                            <span class="news_item_detail_hint">- by
                                            </span>
                                            <span class="news_item_detail_label">Author</span>
                                        </div>
                                    </div>
                                    <div class="news_item_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>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <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 Quisque rutrum" 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/framework/300x200/4" data-srcset="https://images.fastspot.com/framework/300x200/4 300w, https://images.fastspot.com/framework/500x334/4 500w, https://images.fastspot.com/framework/740x494/4 740w, https://images.fastspot.com/framework/980x654/4 980w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_image" src="https://images.fastspot.com/framework/980x654/4" srcset="https://images.fastspot.com/framework/980x654/4 980w, https://images.fastspot.com/framework/740x494/4 740w, https://images.fastspot.com/framework/500x334/4 500w, https://images.fastspot.com/framework/300x200/4 300w" sizes="100vw" alt="">
                                    </noscript>
                                </a>
                            </figure>
                            <div class="news_item_wrapper">
                                <div class="news_item_header">
                                    <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">Quisque rutrum</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <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">Category One</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="news_item_body">
                                    <div class="news_item_details">
                                        <div class="news_item_detail news_item_date">
                                            <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 class="news_item_detail news_item_author">
                                            <span class="news_item_detail_hint">- by
                                            </span>
                                            <span class="news_item_detail_label">Author</span>
                                        </div>
                                    </div>
                                    <div class="news_item_description">
                                        <p>Phasellus viverra nulla ut metus varius laoreet.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: News Item -->
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- END: Related News -->
<div class="news_related">
	{% if title or description %}
		<div class="news_related_header">
			<div class="fs-row">
				<div class="fs-cell {{ cell }}">
					<div class="news_related_header_inner">
						{% if title %}
							<h2 class="news_related_title">{{ title }}</h2>
						{% endif %}
						{% if description %}
							<div class="news_related_description">
								<p>{{ description }}</p>
							</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	{% endif %}
	<div class="news_related_body">
		<div class="fs-row">
			<div class="fs-cell">
				<ul class="news_related_items">
					{% for item in items %}
						<li class="news_related_item">
							{% render '@partial-news-item' with {
								item: item
							} %}
						</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- END: Related News -->

No notes defined.