<div class="news_meta" id="meta" data-type="news" data-category="Understanding Citizenship, Another Category, Final Category">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="news_meta_inner">
<div class="news_meta_inner_item is_body">
<div class="news_meta_body">
<div class="news_meta_body_item is_categories">
<div class="news_meta_block">
<span class="news_meta_block_label">Category</span>
<ul class="news_meta_categories" aria-label="Categories">
<li class="news_meta_category">
<a class="news_meta_category_link" href="">Understanding Citizenship</a>
</li>
<li class="news_meta_category">
<a class="news_meta_category_link" href="">Another Category</a>
</li>
<li class="news_meta_category">
<a class="news_meta_category_link" href="">Final Category</a>
</li>
</ul>
</div>
</div>
<div class="news_meta_body_item is_date">
<div class="news_meta_block">
<span class="news_meta_block_label">Date</span>
<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="2021-05-27 17:00:00">May 27, 2021</time>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_meta_inner_item is_share_tools">
<div class="js-share-tools share_tools">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
<button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="share_tools_toggle_label">Share This</span>
</span>
</button>
</div>
<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-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-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-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 class="news_meta" id="meta" data-type="news" data-category="{% for item in item.categories %}{{ item }}{% if not loop.last %}, {% endif %}{% endfor %}">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="news_meta_inner">
<div class="news_meta_inner_item is_body">
<div class="news_meta_body">
{% if item.categories %}
<div class="news_meta_body_item is_categories">
<div class="news_meta_block">
<span class="news_meta_block_label">Category</span>
<ul class="news_meta_categories" aria-label="Categories">
{% for category in item.categories %}
<li class="news_meta_category">
<a class="news_meta_category_link" href="{{ category_link }}">{{ category }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
<div class="news_meta_body_item is_date">
<div class="news_meta_block">
<span class="news_meta_block_label">Date</span>
{% render "@partial-news-details" with {
item: item
} %}
</div>
</div>
</div>
</div>
<div class="news_meta_inner_item is_share_tools">
{% render "@partial-share" %}
</div>
</div>
</div>
</div>
</div>
No notes defined.