<div class="news_detail_featured theme_white">
<div class="fs-row">
<div class="fs-cell">
<div class="news_detail_featured_inner">
<div class="news_detail_featured_breadcrumb">
<div class="page_breadcrumb page_breadcrumb_integrated">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="news_detail_featured_body">
<figure class="js-rock news_detail_featured_item_figure">
<a class="news_detail_featured_item_figure_link" href="" aria-label="Read more about Buddhism and Loneliness: How to Find Real Connection?" tabindex="-1">
<img class="news_detail_featured_item_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/300x300/1 300w" src="https://images.fastspot.com/framework/300x300/1" alt="" loading="lazy" width="300" height="300">
</a>
</figure>
<div class="news_detail_featured_item_wrapper">
<div class="news_detail_featured_item_header">
<div class="news_detail_featured_item_categories">
<div class="news_detail_featured_item_category_hint">Categories</div>
<ul class="news_detail_featured_item_category_list" aria-label="Categories">
<li class="news_detail_featured_item_category">
<a class="news_detail_featured_item_category_link" href="page-news-category.html">Spiritual Life</a>
</li>
</ul>
</div>
<h2 class="news_detail_featured_item_title">
Buddhism and Loneliness: How to Find Real Connection?
</h2>
<div class="news_detail_featured_description">
<p>“A meaningful life is a life of liberation and freedom from the habits of the mind.”</p>
</div>
<div class="news_detail_featured_details">
<div class="js-share-tools share_tools direction_right">
<h2 class="share_tools_title">Share Options</h2>
<ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</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'
}
]
} %}
#}
<div class="news_detail_featured theme_{{ theme }}">
<div class="fs-row">
<div class="fs-cell">
<div class="news_detail_featured_inner">
<div class="news_detail_featured_breadcrumb">
<div class="page_breadcrumb page_breadcrumb_integrated">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: '',
icon_divider: 'forward_slash',
icon_end: '',
} %}
</div>
</div>
</div>
<div class="news_detail_featured_body">
{% if image %}
<figure class="js-rock news_detail_featured_item_figure">
<a class="news_detail_featured_item_figure_link" href="{{ url }}" aria-label="Read more about {{ title }}" tabindex="-1">
{% include '@partial-image' with {
class: 'news_detail_featured_item',
alt: '',
image: image,
loading: 'lazy',
sources: [
img.square.sml,
img.square.xsml,
img.square.xxsml
]
} %}
</a>
</figure>
{% endif %}
<div class="news_detail_featured_item_wrapper">
<div class="news_detail_featured_item_header">
{% if categories %}
<div class="news_detail_featured_item_categories">
<div class="news_detail_featured_item_category_hint">Categories</div>
<ul class="news_detail_featured_item_category_list" aria-label="Categories">
{% for category in categories %}
<li class="news_detail_featured_item_category">
<a class="news_detail_featured_item_category_link" href="{{ category.url }}">{{ category.label }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
<h2 class="news_detail_featured_item_title">
{{ title }}
</h2>
<div class="news_detail_featured_description">
<p>{{ description }}</p>
</div>
<div class="news_detail_featured_details">
{% render '@partial-share' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
No notes defined.