Home Explore Help
Register Sign In
igamebox
/
mtb_dcatadmin_plus
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 834d3d30d5
Branches Tags
mtb_dcatadmin_p...
/
resources
/
appearance
/
screenprotector
/
home.liquid

home.liquid 12 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="{{site.dist.country}}">
    3. 

  3. <head><meta charset="UTF-8">
    4. 

  4. 	<title>{{site.dist.seo_title}}</title>
    5. 

  5. 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    6. 

  6. 	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
    7. 

  7. 	<link rel="canonical" href="{{site.current_url}}" />
    8. 

  8. 	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
    9. 

  9. 	<meta property="og:type" content="website" />
    10. 

  10. 	<meta property="og:title" content="{{site.dist.seo_title}}" />
    11. 

  11. 	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
    12. 

  12. 	<meta property="og:url" content="{{site.current_url}}" />
    13. 

  13. 	<meta property="og:site_name" content="{{ site.dist.site_name  | strip_html| strip_newlines }}" />
    14. 

  14. 	<link rel='shortlink' href='{{site.current_url}}' />
    15. 

  15. 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
    16. 

  16. 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
    17. 

  17. 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
    18. 

  18. 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
    19. 

  19.     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>
    20. 

  20. </head>
    21. 

  21. <body>
    22. 

  22. 

  23. {% include '_header.liquid' %}
    24. 

  24. 			<div class="banner">
    25. 

  25. 			<div class="banner-text-box">
    26. 

  26. 			<div  class="e-con-inner">
    27. 

  27. 				<div class="elementor-element">
    28. 

  28. 					<div class="elementor-widget-container">
    29. 

  29. 					<h2 mtb_edit="1" id="isjxbi" class="banner-text-heading-title">Leading Screen Protector Supplier - Factory
    30. 

  30. 					Direct Supply</h2>
    31. 

  31. 					</div>
    32. 

  32. 				</div>
    33. 

  33. 				<div class="banner-text-sub-title">
    34. 

  34. 					<div class="elementor-widget-container">
    35. 

  35. 								<p mtb_edit="1" id="iq1adr">Bulk Orders, High-Quality, Direct from the Source.</p>
    36. 

  36. 					</div>
    37. 

  37. 				</div>
    38. 

  38. 				<div class="elementor-element banner-text-sub-button">
    39. 

  39. 					<div class="elementor-widget-container">
    40. 

  40. 						<div class="elementor-button-wrapper">
    41. 

  41. 							<a href="/contact" mtb_edit="2" id="i2wkmk"> <span class="elementor-button-content-wrapper elementor-button elementor-button-link elementor-size-sm"> <span mtb_edit="2" id="iwqw3l" class="elementor-button-text">Request a Factory Quote</span> </span> </a>
    42. 

  42. 						</div>
    43. 

  43. 					</div>
    44. 

  44. 				</div>
    45. 

  45. 			</div>
    46. 

  46. 			</div>
    47. 

  47. 			</div>
    48. 

  48. <section class="index-about-section">
    49. 

  49. 		<div class="section-wrapper">
    50. 

  50. 		<div class="e-con-inner">
    51. 

  51. 

  52.             <div class="left-box">
    53. 

  53.                 <div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
    54. 

  54.                     <div class="elementor-widget-container">
    55. 

  55.                         <h2 mtb_edit="1" id="iimbbw" class="elementor-heading-title elementor-size-default">About Us</h2>
    56. 

  56. 					</div>
    57. 

  57.                 </div>
    58. 

  58.                 <div class="elementor-widget-container">
    59. 

  59.                     <p mtb_edit="1" >Mietubl, originated from Made in China, growing up with intellectually manufactured in China. Focus on product intelligence, resource integration in all aspects of product circulation, construction of ecological chain.</p>
    60. 

  60. 					
    61. 

  61. 					<p mtb_edit="1">With years of industry experience, Mietubl has become one of the leading brands in the market. It has innovatively established several industry standards and is committed to providing better screen protectors for users worldwide.</p>
    62. 

  62.                 </div>
    63. 

  63.                 <div class="elementor-widget-container">
    64. 

  64.                     <div class="elementor-button-wrapper">
    65. 

  65.                         <a href="/pages/about-us" mtb_edit="2" id="ir2b6v" class="elementor-button elementor-button-link elementor-size-sm"> <span class="elementor-button-content-wrapper"> <span mtb_edit="1" id="iqrkd1" class="elementor-button-text">Learn More</span> </span> </a>
    66. 

  66.                     </div>
    67. 

  67.                 </div>
    68. 

  68.             </div><!--left-box-->
    69. 

  69. 

  70. 

  71. 		<div class="right-box">
    72. 

  72. 					<div class="elementor-widget-container">
    73. 

  73. 						<div class="right-box-video">
    74. 

  74. 							<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/videobg.jpg">
    75. 

  75. 							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
    76. 

  76. 									<svg aria-hidden="true" class="e-font-icon-svg e-eicon-play" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z"></path></svg>
    77. 

  77. 							</div>
    78. 

  78. 					</div>
    79. 

  79. 					</div>
    80. 

  80. 		</div><!--right-box-->
    81. 

  81. 	</div>
    82. 

  82. 	</div><!--section-wrapper-->
    83. 

  83. </section>
    84. 

  84. 

  85. <section class="index-factory-section">
    86. 

  86. 	<div class="e-con-inner">
    87. 

  87. 	<h1 mtb_edit="1" id="iadfu5">Screen Protector Production Lines</h1>
    88. 

  88. 	<div mtb_edit="1" id="iqnj1b" class="sub-text">Quality is the foundation of our business. With advanced glass processing and validation equipment <br/> we deliver high-quality screen protectors to users worldwide. Contact us to learn more.</div>
    89. 

  89. 	<div class="factory-tour">
    90. 

  90. 		<div class="swiper mySwiper">
    91. 

  91. 		  <div class="swiper-wrapper">
    92. 

  92. 				<div class="swiper-slide">
    93. 

  93. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-2.webp" alt="Screen protector manufacture">
    94. 

  94. 				</div>
    95. 

  95. 				<div class="swiper-slide">
    96. 

  96. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-3.webp" alt="Screen protector manufacture">
    97. 

  97. 				</div>
    98. 

  98. 				<div class="swiper-slide">
    99. 

  99. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-4.webp" alt="Screen protector manufacture">
    100. 

  100. 				</div>
    101. 

  101. 				<div class="swiper-slide">
    102. 

  102. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-5.webp" alt="Screen protector manufacture">
    103. 

  103. 				</div>
    104. 

  104. 				<div class="swiper-slide">
    105. 

  105. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-6.webp" alt="Manufacturing screen protector">
    106. 

  106. 				</div>
    107. 

  107. 				<div class="swiper-slide">
    108. 

  108. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-7.webp" alt="Manufacturing screen protector">
    109. 

  109. 				</div>
    110. 

  110. 				<div class="swiper-slide">
    111. 

  111. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-8.webp" alt="Manufacturing screen protector">
    112. 

  112. 				</div>
    113. 

  113. 				<div class="swiper-slide">
    114. 

  114. 					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-9.webp" alt="Manufacturing screen protector">
    115. 

  115. 				</div>
    116. 

  116. 		  </div>
    117. 

  117. 		</div>
    118. 

  118. 		  <div class="pre"></div>
    119. 

  119. 		  <div class="next"></div>
    120. 

  120. 	</div>
    121. 

  121. 	</div><!--e-con-inner-->
    122. 

  122. </section>
    123. 

  123. 

  124. 

  125. <section class="index-product-section">
    126. 

  126. 	<div class="e-con-inner">
    127. 

  127. 		<h2 mtb_edit="1" id="iisxts" class="heading-title">Hot Screen Protector Series</h2>
    128. 

  128. 			<div mtb_edit="1" id="itwepi" class="sub-title">
    129. 

  129. 					
    130. 

  130. Mietubl offers comprehensive solutions, working closely with customers to develop the best solutions for their needs.<br/> And dedicated to providing high-cost-performance screen protector products to users worldwide.
    131. 

  131. 			</div>
    132. 

  132. 

  133.         {% product  mode="list" limit=8 template='__product_list_1.liquid' %}
    134. 

  134. 

  135. 

  136. 

  137. 	</div>
    138. 

  138. </section>
    139. 

  139. 

  140. <section class="index-factory2-section">
    141. 

  141. 	<div class="section-wrapper">
    142. 

  142. 			<h2 mtb_edit="1" id="io77wi" class="heading-title">Screen protector factory</h2>
    143. 

  143. 			<p mtb_edit="1" id="i0x8xk" class="sub-title">Leveraging premium supply chain resources to meet the dynamic demands of the industry.</p>
    144. 

  144. 			<a href="/pages/factory" mtb_edit="1" id="ib28se"> <span class="button">Visit our factory</span> </a>
    145. 

  145. 	</div>
    146. 

  146. </section>
    147. 

  147. 

  148. <section class="index-material">
    149. 

  149. 	<div class="section-wrapper">
    150. 

  150. 		<h3 class="material-header">UTG Glass Technology</h3>
    151. 

  151. 		<div class="material-text">UTG (Ultra-Thin Glass), as a cutting-edge material, has been widely adopted in recent years for foldable smartphones, serving as a core protective component for their screens. 
    152. 

  152. 

  153. Compared to other screen protector materials, UTG glass offers exceptional optical transparency, creating an almost invisible layer that does not interfere with display performance while preserving the screen’s true colors and brightness. Despite being only a few micrometers thick, UTG glass maintains remarkable hardness, effectively resisting daily scratches and impacts. It flawlessly restores the screen's visual quality while providing robust protection. By incorporating UTG technology, we are equipped to deliver more advanced and reliable screen protection solutions to users worldwide.</div>
    154. 

  154. 	</div>
    155. 

  155. </section>
    156. 

  156. 

  157. <section class="about-customer-section">
    158. 

  158. 	<div class="section-wrapper">
    159. 

  159. 		<div class="showcase">
    160. 

  160. 			<div class="zoom-in-pic">
    161. 

  161. 				<div class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg"></div>
    162. 

  162. 				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg"></div>
    163. 

  163. 				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"></div>
    164. 

  164. 				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"></div>
    165. 

  165. 				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"></div>				
    166. 

  166. 			</div>
    167. 

  167. 			<div class="reviews">
    168. 

  168. 				<h2 mtb_edit="1">What Our Customers Say</h2>
    169. 

  169. 				<div class="reviews-content  active">
    170. 

  170. 					The customer service team at Mietubl is quick to respond and provides personalized solutions. Their professionalism and patience left a great impression on us.
    171. 

  171. 				</div>
    172. 

  172. 				
    173. 

  173. 				<div class="reviews-content">
    174. 

  174. 					The screen protectors from Mietubl are of excellent quality—durable and easy to install. We are very satisfied with their customization services; they perfectly meet our needs!
    175. 

  175. 				</div>
    176. 

  176. 				<div class="reviews-content">
    177. 

  177. 					A big thank you to the Mietubl team for their support—they gave us valuable advice while designing our customized products. The cooperation has been a pleasure.
    178. 

  178. 				</div>
    179. 

  179. 				<div class="reviews-content">
    180. 

  180. 					We are impressed with Mietubl's ability to meet deadlines. Our orders are always delivered as promised, allowing us to plan ahead and avoid any delays in our operations.
    181. 

  181. 				</div>					
    182. 

  182. 				<div class="reviews-content">
    183. 

  183. 					Since we’ve been working with Mietubl, their delivery services have been consistently reliable. They always deliver on time, and there have been no issues with shipping—this has greatly improved our operational efficiency.
    184. 

  184. 				</div>
    185. 

  185. 			
    186. 

  186. 				<div class="preview-pic">
    187. 

  187. 					<ul>
    188. 

  188. 						<li class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg"></li>
    189. 

  189. 						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg"></li>
    190. 

  190. 						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"></li>
    191. 

  191. 						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"></li>
    192. 

  192. 						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"></li>						
    193. 

  193. 					</ul>
    194. 

  194. 				</div>
    195. 

  195. 			</div>
    196. 

  196. 		</div>
    197. 

  197. 	</div>
    198. 

  198. </section>
    199. 

  199. 

  200. 

  201. {% include '__contact.liquid' %}
    202. 

  202. 

  203. 

  204. <section class="index-article-section">
    205. 

  205. 	<div class="section-wrapper">
    206. 

  206. 		<h2 mtb_edit="1" id="i1otcj" class="heading-title">Recent Posts</h2>
    207. 

  207. 		<div class="blog-widget">
    208. 

  208. 

  209.             {% collection slug="news" limit=3 template="__collection_list_1.liquid" %}
    210. 

  210. 

  211. 

  212. 		</div>
    213. 

  213. 

  214. 		<div class="more">
    215. 

  215. 			<a href="/collections/news"><span class="btn">View more information</span></a>
    216. 

  216. 		</div>
    217. 

  217. 	</div>
    218. 

  218. </section>
    219. 

  219. 

  220. 

  221. {% include '_footer.liquid' %}
    222. 

  222. <script>
    223. 

  223.   var swiper1=new Swiper(".mySwiper", {
    224. 

  224.   	    autoplay:true,
    225. 

  225.         slidesPerView: 3,
    226. 

  226.         slidesPerGroup: 3,
    227. 

  227. 		speed:1000,
    228. 

  228.         loop: true,
    229. 

  229. 		navigation: {
    230. 

  230. 			  nextEl: '.pre',
    231. 

  231. 			  prevEl: '.next',
    232. 

  232. 			},
    233. 

  233. 		 breakpoints: {
    234. 

  234.           320: {
    235. 

  235.             slidesPerView: 1,
    236. 

  236. 			slidesPerGroup: 1,
    237. 

  237. 			spaceBetween: 10,			
    238. 

  238.           },
    239. 

  239.           768: {
    240. 

  240.             slidesPerView: 2,
    241. 

  241. 			slidesPerGroup:2,
    242. 

  242. 			spaceBetween: 10,			
    243. 

  243.           },
    244. 

  244.           900: {
    245. 

  245.             slidesPerView: 3,
    246. 

  246. 			slidesPerGroup:3,
    247. 

  247. 			spaceBetween: 10,			
    248. 

  248.           },
    249. 

  249.           1024: {
    250. 

  250.             slidesPerView: 3,
    251. 

  251. 			slidesPerGroup:3,
    252. 

  252. 			spaceBetween: 10,
    253. 

  253.           },
    254. 

  254.         },
    255. 

  255.       });
    256. 

  256. </script>
    257. 

  257. 	</body>
    258. 

  258. </html>
    259.