|
@@ -8,80 +8,89 @@
|
|
|
<!-- Seção de Produtos -->
|
|
|
<section class="index-products py-5">
|
|
|
<div class="container">
|
|
|
- <h2 class="text-center mb-4">Nossos Produtos</h2>
|
|
|
+ <h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
|
|
|
<hr class="w-25 mx-auto mb-5">
|
|
|
- <div class="row">
|
|
|
-
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p1.webp" class="card-img-top" alt="Máquinas para Protetores de Telas">
|
|
|
+ <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">Máquinas para Protetores de Telas</h5>
|
|
|
- <p class="card-text">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
|
|
|
+ <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">Protetores de Telas de Hidrogel</h5>
|
|
|
- <p class="card-text">Fáceis de aplicar e remover.</p>
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Protetores de Telas de Hidrogel</h5>
|
|
|
- <p class="card-text">Fáceis de aplicar e remover.</p>
|
|
|
+
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
<!-- Adicione mais cards conforme necessário -->
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p4.webp" class="card-img-top" alt="Máquinas para Protetores de Telas">
|
|
|
+
|
|
|
+ <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">Máquinas para Protetores de Telas</h5>
|
|
|
- <p class="card-text">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <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">Protetores de Telas de Hidrogel</h5>
|
|
|
- <p class="card-text">Fáceis de aplicar e remover.</p>
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="col-md-4 mb-4">
|
|
|
- <div class="card">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <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">Protetores de Telas de Hidrogel</h5>
|
|
|
- <p class="card-text">Fáceis de aplicar e remover.</p>
|
|
|
+ <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>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- Adicione mais cards conforme necessário -->
|
|
|
</div>
|
|
|
</div>
|
|
@@ -94,56 +103,19 @@
|
|
|
<!-- 内容容器 -->
|
|
|
<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>Veja como é simples produzir telas de proteção personalizadas para celular.</h3>
|
|
|
+ <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 class="elementor-video" frameborder="0" allowfullscreen="" 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&rel=0&playsinline=0&modestbranding=0&cc_load_policy=0&autoplay=0&enablejsapi=1&origin=https%3A%2F%2Fmietubloficial.com.br&widgetid=1" id="widget2"></iframe>
|
|
|
+ <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 -->
|
|
|
-<section class="additional-products py-5">
|
|
|
- <div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3 mb-4">
|
|
|
- <div class="card border-orange">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist1.webp" class="card-img-top" alt="Carregador 65W">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-md-3 mb-4">
|
|
|
- <div class="card border-orange">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist2.webp" class="card-img-top" alt="Carregador 65W">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="col-md-3 mb-4">
|
|
|
- <div class="card border-orange">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist3.webp" class="card-img-top" alt="Carregador 65W">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="col-md-3 mb-4">
|
|
|
- <div class="card border-orange">
|
|
|
- <a href="#">
|
|
|
- <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist4.webp" class="card-img-top" alt="Carregador 65W">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- Adicione mais cards conforme necessário -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</section>
|
|
|
|
|
|
+{% banner limit=4 position=2 template='__banner_list_2.liquid' %}
|
|
|
|
|
|
|
|
|
|
|
@@ -157,27 +129,14 @@
|
|
|
autoplay: 5000,
|
|
|
});
|
|
|
|
|
|
- // 控制下拉菜单显示和箭头方向
|
|
|
- $("#navbarNav .dropdown").hover(
|
|
|
- function() {
|
|
|
- const $toggle = $(this).find(".dropdown-toggle");
|
|
|
- const $menu = $(this).find(".dropdown-menu");
|
|
|
-
|
|
|
- $menu.addClass('show');
|
|
|
- $toggle.attr('aria-expanded', 'true');
|
|
|
- },
|
|
|
- function() {
|
|
|
- const $toggle = $(this).find(".dropdown-toggle");
|
|
|
- const $menu = $(this).find(".dropdown-menu");
|
|
|
-
|
|
|
- $menu.removeClass('show');
|
|
|
- $toggle.attr('aria-expanded', 'false');
|
|
|
- }
|
|
|
- );
|
|
|
+
|
|
|
+ var swiper2 = new Swiper('.swiper-container-bottom', {
|
|
|
+ slidesPerView: 5,
|
|
|
+ paginationClickable: true,
|
|
|
+ spaceBetween: 30,
|
|
|
+ freeMode: true,
|
|
|
+ autoplay: 15000,
|
|
|
+ });
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|