igamebox
/
mtb_dcatadmin_plus


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!DOCTYPE html>
<html lang="{{site.dist.country_lang}}">
<head>
    <meta charset="UTF-8">
    <title>{{site.dist.seo_title}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="{{ site.dist.seo_keywords  | strip_html| strip_newlines }}" />
    <meta name="description" content="{{ site.dist.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="{{site.dist.seo_title}}" />
    <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 | strip_html| strip_newlines }}" />
    <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' %}

<!-- Seção Hero -->

{% banner limit=5 position=1 template='__banner_list.liquid' %}


<!-- Seção de Produtos -->
<section class="index-products py-5">
    <div class="container">
        <h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
        <hr class="w-25 mx-auto mb-5">
        <div mtb_edit="2" mtb_toolbar="clone,delete" id="ilztiy" class="row">
            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2">
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p1.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
                        <div class="card-body">
                            <h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
                            <p class="card-text" mtb_edit="2">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
                        </div>

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

            <div class="col-md-4 mb-4"  mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2" >
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                        <div class="card-body">
                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2" mtb_toolbar="clone,delete">
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                        <div class="card-body" mtb_edit="2">
                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                        </div>
                    </div>
                </a>
            </div>
            <!-- Adicione mais cards conforme necessário -->
        </div>

        <div mtb_edit="2" mtb_toolbar="clone,delete" id="icljgq" class="row">
            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2">
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p4.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
                        <div class="card-body">
                            <h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
                            <p class="card-text" mtb_edit="2">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
                        </div>
                    </div>
                </a>
            </div>


            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2">
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                        <div class="card-body">
                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                        </div>
                    </div>
                </a>
            </div>


            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
                <a href="#" mtb_edit="2">
                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                        <div class="card-body">
                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Adicione mais cards conforme necessário -->
        </div>
    </div>
</section>

<!-- Banner de Chamada à Ação -->
<section class="cta-banner text-center py-4 text-white" style="position: relative; height: 340px;">
    <!-- 新增纯背景层 -->
    <div class="bg-orange-overlay"></div>
    <!-- 内容容器 -->
    <div class="container d-flex h-100 position-relative" style="z-index: 1;">
        <div class="container-txt d-flex flex-column justify-content-center">
            <h3 mtb_edit="1" id="ibk1l6">Veja como é simples produzir telas de proteção personalizadas para celular.</h3>
        </div>
        <div class="elementor-widget-container">
            <div class="elementor-wrapper elementor-open-inline">
                <iframe allowfullscreen=""  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Mietubl mini phone skin printer- make DIY the highlight of your store" width="495" height="280" src="https://www.youtube.com/embed/oXRHiw72XMw?&controls=0&showinfo=0&rel=0" id="widget2" class="elementor-video"> </iframe>
            </div>
        </div>
    </div>
</section>

<!-- Seção de Produtos Adicionais -->

{% banner limit=4 position=2 template='__banner_list_2.liquid' %}


{% include '_footer.liquid' %}

<script>
    //主页轮播图
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 5000,
    });


    var swiper2 = new Swiper('.swiper-container-bottom', {
        slidesPerView: 5,
        paginationClickable: true,
        spaceBetween: 30,
        freeMode: true,
        autoplay: 15000,
    });
</script>
</body>
</html>