<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="author" content="Mietubl">
<meta name="description" content="{{ tag.seo_description }}">
<meta name="keywords" content="{{tag.seo_keywords}}">
<title>{{tag.seo_title}}</title>
{% include '_header_css.liquid' %}
</head>
<body>

<!-- MAIN WRAPPER -->
<div class="body-wrap shop-default shop-cards shop-tech">
    <div id="st-container" class="st-container">

        <div class="st-pusher">
            <div class="st-content">
                <div class="st-content-inner">
                    <!-- HEADER -->
                    {% include '_header.liquid' %}
                    <!-- END: HEADER -->

                    <section class="slice sct-color-1">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-12" >
                                    <h3 class="heading heading-6 strong-600 text-uppercase mb-0 text-center">{{ tag.name }}</h3>
                                </div>

                            </div>

                            <div class="row cols-md-space cols-sm-space cols-xs-space">

                                {% for item in pages %}
                                    <div class="col-lg-4 col-wrapper--spaced-y">
                                        <div class="card z-depth-2-top">
                                            <div class="card-image">
                                                <div class="view view-first">
                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">

                                                        {% if item.cover_image %}
                                                            <img src="{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_pad,w_400,h_400'  }}" alt="Cover Image "  >
                                                        {% else %}
                                                            <div class="img-center default-image-thumbnail no-image-placeholder-thumbnail">
                                                                <span>No Image</span>
                                                            </div>
                                                        {% endif %}

                                                    </a>
                                                </div>
                                            </div>

                                            <div class="card-body">
                                                <h3 class="heading heading-5 strong-500 mb-0 title-over-flow" >
                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a>
                                                </h3>
                                            </div>

                                            <div class="card-footer">
                                                <div class="row">

                                                    <div class="col text-right">
                                                        <ul class="inline-links inline-links--style-2">
                                                            <li>
                                                                {{item.post_date }}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}





                            </div>
                        </div>
                    </section>    <!-- FOOTER -->
                    {% include '_footer.liquid' %}
                </div>
            </div>
        </div><!-- END: st-pusher -->
    </div><!-- END: st-container -->
</div><!-- END: body-wrap -->
<a href="#" class="back-to-top btn-back-to-top"></a>
{% include '_footer_js.liquid' %}
</body>
</html>
