igamebox
/
mtb_dcatadmin_plus


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!DOCTYPE html>
<html lang="{{site.dist.country_lang}}">
<head>
    <meta charset="UTF-8">
    <title>{{page.seo_title}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="{{page.seo_keywords  | strip_html| strip_newlines }}" />
    <meta name="description" content="{{page.seo_description  | strip_html| strip_newlines }}" />
    <link rel="canonical" href="{{site.current_url}}" />
    <meta property="og:locale" content="en" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="{{page.seo_title}}" />
    <meta property="og:description" content="{{page.seo_title | strip_html| strip_newlines }}" />
    <meta property="og:url" content="{{site.current_url}}" />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel='shortlink' href="{{site.current_url}}" />
    <!-- Bootstrap CSS -->
    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome para ícones sociais -->
    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
    <!-- CSS Personalizado -->
    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
</head>
<body>

{% include '_header.liquid' %}


<div class="container py-5 article-detail">
    <div class="row g-4">
        <!-- 面包屑导航 -->
        <nav class="nav-orange">
            <div class="container">
                <div class="d-flex breadcrumb">
                    {% for breadcrumb in breadcrumbs %}
                        <a href="{{ breadcrumb.url }}" class="nav-link  {% if forloop.last == false %}add-icon{% endif %} ">
                            {{ breadcrumb.name }}
                        </a>
                    {% endfor %}
                </div>
            </div>
        </nav>
    </div>

    <div class="row g-4">
        <!-- 主内容区 -->
        <div class="col-lg-12">
            <article class="card article-content">
                <div class="card-body">
                    <!-- 文章标题 -->
                    <h1 class="mb-4 fw-bold display-6">{{ page.title | raw }}</h1>

                    <!-- 文章元信息 -->
                    <div class="d-flex justify-content-between mb-4 text-muted">
                        <div>
                            <span><i class="fas fa-clock me-1"></i>{{ page.post_date | date: '%Y-%m-%d' }}</span>
                        </div>
                    </div>


                    <!-- 文章正文 -->
                    <div class="article-body">
                        {{page.content | raw }}
                    </div>

                    <!-- 分页导航 -->
                    <nav class="mt-5 text-center">
                        <ul class="pagination justify-content-center post-pagination">
                            {% if paginator.previous_page %}
                            <li class="page-item">
                                <a class="page-link text-white page-bg-orange" href="{{ paginator.previous_page_url }}">
                                    <i class="fas fa-chevron-left me-2"></i>
                                </a>
                            </li>
                            {% else %}
                                <li class="page-item disabled">
                                    <a class="page-link text-white" href="#">
                                        <i class="fas fa-chevron-left me-2"></i>
                                    </a>
                                </li>
                            {% endif %}


                            {% if paginator.next_page %}
                                <li class="page-item">
                                    <a class="page-link text-white page-bg-orange" href="{{ paginator.next_page_url }}">
                                        <i class="fas fa-chevron-right ms-2"></i>
                                    </a>
                                </li>
                            {% else %}
                                <li class="page-item disabled">
                                    <a class="page-link  text-white" href="#">
                                        <i class="fas fa-chevron-right ms-2"></i>
                                    </a>
                                </li>
                            {% endif %}
                        </ul>
                    </nav>
                </div>
            </article>
        </div>

        <!-- 右侧边栏 -->

    </div>
</div>


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