
<!DOCTYPE html>
<html lang="{{site.dist.country}}">
<head><meta charset="UTF-8">
	<title>{{tag.seo_title}}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
	<link rel="canonical" href="{{site.current_url}}" />
	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="{{site.dist.company_name}}" />
	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
	<meta property="og:url" content="{{site.current_url}}" />
	<meta property="og:site_name" content="{{site.dist.site_name}}" />
	<meta name="twitter:card" content="summary_large_image" />
	<link rel='shortlink' href='{{site.current_url}}' />
	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
    <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>
</head>
<body>
{% include '_header.liquid' %}
<section class="page-header">
	<div class="section-wrapper">
		<h1 class="page-title">{{tag.name}}</h1>
		<div class="breadcrumb-wrapper">
            {% for breadcrumb in breadcrumbs %}
                <a href="{{ breadcrumb.url }}">
                    {{ breadcrumb.name }}
                </a>
                {% if forloop.index != forloop.length %}
                    <span>/</span>
                {% endif %}
            {% endfor %}
        </div>
	</div>
</section>
<section class="news-list-page">
	<div class="section-wrapper">
		<div class="container">
		<aside class="recent">
			<h2>Recent post</h2>
			<ul class="title-block">
                {% for item in pages %}
				<li>  <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></li>
		        {% endfor %}
			</ul>
		</aside>
		<div class="news-list">
            {% for item in pages %}
			<div class="news-item">
			<div class="post-thumbnail">
                <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">

                {% if item.cover_image %}
                    <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_pad,w_1024,h_1024' }}{% endif %}" alt="Cover Image">
                {% else %}
                    <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}" style="width: 1024px;height: 1024px;">
                {% endif %}
                </a>
			</div>
			<div class="blog-content">
				<h2 class="entry-title"><a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}"> {{ item.title | decode_html_entities | strip_html }}</a></h2>
				<div class="entry-content">
					<p>
                        {% if item.description %}
                            {{ item.description | truncatewords: 200 }}
                        {% else %}
                            No description available.
                        {% endif %}
                    </p>
				</div>
                <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}" class="tt-btn">
					Read More					<i class="fas fa-arrow-right"></i>
				</a>

			</div>
			</div><!--news-item-->
            {% endfor %}


		</div>
		</div><!--container-->
	</div>
</section>

{% include '_footer.liquid' %}
	</body>
</html>

