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
/
pages_sp_about.liquid

pages_sp_about.liquid 9.2 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 
  1. <!DOCTYPE html>
    2. 

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

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

  4.     <title>{{page.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 name="twitter:card" content="summary_large_image" />
    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. {% include '_header.liquid' %}
    23. 

  23. <section class="page-banner">
    24. 

  24. 	<div class="section-wrapper">
    25. 

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

  26. 			<h2 mtb_edit="1">Leading the screen protector industry standard </h2>
    27. 

  27. 			<div mtb_edit="1">With years of experience in the screen protector industry, Mietubl has established numerous unique standards thanks to its exceptional innovation capabilities and rigorous quality control systems. We cater to the global market and have built a strong customer base around the world.
    28. 

  28. 			</div>
    29. 

  29.         </div>
    30. 

  30. 	</div>
    31. 

  31. </section>
    32. 

  32. 

  33. 

  34. <section class="index-about-section">
    35. 

  35. 		<div class="section-wrapper">
    36. 

  36. 		<div class="e-con-inner">
    37. 

  37. 			<div class="left-box">
    38. 

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

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

  40. 					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
    41. 

  41. 				</div>
    42. 

  42. 				<div class="elementor-widget-container">
    43. 

  43. 					<p>{{ page.content |raw }}</p>
    44. 

  44. 				</div>
    45. 

  45. 			</div><!--left-box-->
    46. 

  46. 

  47. 		<div class="right-box">
    48. 

  48. 					<div class="elementor-widget-container">
    49. 

  49. 						<div class="right-box-video">
    50. 

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

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

  52. 									<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>
    53. 

  53. 							</div>
    54. 

  54. 					</div>
    55. 

  55. 					</div>
    56. 

  56. 		</div><!--right-box-->
    57. 

  57. 		</div><!--e-con-inner-->
    58. 

  58. 	</div><!--section-wrapper-->
    59. 

  59. </section>
    60. 

  60. 

  61. <section class="index-factory-section">
    62. 

  62. 	<div class="e-con-inner">
    63. 

  63. 		<div class="con-data">
    64. 

  64. 		<div class="inner-widget">
    65. 

  65. 			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/001-1.png" alt="" /></div>
    66. 

  66. 			<div class="widget-text">
    67. 

  67. 				<div class="box1">
    68. 

  68. 					<span class="counter-number" data-to-value="130" data-from-value="0" mtb_edit="1">0</span>
    69. 

  69. 					<span class="suffix">+</span>
    70. 

  70. 				</div>
    71. 

  71. 				<div class="box2" mtb_edit="1">
    72. 

  72. 					Customers in more than 130 countries
    73. 

  73. 				</div>
    74. 

  74. 			</div>
    75. 

  75. 		</div>
    76. 

  76. 		<div class="inner-widget">
    77. 

  77. 			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/002.png" alt="" /></div>
    78. 

  78. 			<div class="widget-text">
    79. 

  79. 				<div class="box1">
    80. 

  80. 					<span class="counter-number" data-to-value="10000" data-from-value="0" mtb_edit="1">0</span>
    81. 

  81. 					<span class="suffix">㎡</span>
    82. 

  82. 				</div>
    83. 

  83. 				<div class="box2" mtb_edit="1">
    84. 

  84. 					Square Meters of Factory
    85. 

  85. 				</div>
    86. 

  86. 			</div>
    87. 

  87. 		</div>
    88. 

  88. 		<div class="inner-widget">
    89. 

  89. 			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/003.png" alt="" /></div>
    90. 

  90. 			<div class="widget-text">
    91. 

  91. 				<div class="box1">
    92. 

  92. 					<span class="counter-number" data-to-value="8000000" data-from-value="0" mtb_edit="1">0</span>
    93. 

  93. 				</div>
    94. 

  94. 				<div class="box2" mtb_edit="1">
    95. 

  95. 					Screens protector Produced Per Month
    96. 

  96. 				</div>
    97. 

  97. 			</div>
    98. 

  98. 		</div>
    99. 

  99. 

  100. 	</div><!--con-data-->
    101. 

  101. 

  102. 	<div class="factory-tour">
    103. 

  103. 		<div class="swiper mySwiper">
    104. 

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

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

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

  107. 				</div>
    108. 

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

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

  110. 				</div>
    111. 

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

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

  113. 				</div>
    114. 

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

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

  116. 				</div>
    117. 

  117. 				<div class="swiper-slide">
    118. 

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

  119. 				</div>
    120. 

  120. 				<div class="swiper-slide">
    121. 

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

  122. 				</div>
    123. 

  123. 				<div class="swiper-slide">
    124. 

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

  125. 				</div>
    126. 

  126. 				<div class="swiper-slide">
    127. 

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

  128. 				</div>
    129. 

  129. 		  </div>
    130. 

  130. 		</div>
    131. 

  131. 		  <div class="pre"></div>
    132. 

  132. 		  <div class="next"></div>
    133. 

  133. 	</div>
    134. 

  134. 	</div><!--e-con-inner-->
    135. 

  135. </section>
    136. 

  136. 

  137. <section class="about-why-us">
    138. 

  138. 		<div class="section-wrapper">
    139. 

  139. 			<div class="heading-text"><h2 mtb_edit="1">Why Choose Us</h2></div>
    140. 

  140. 			<div class="sub-text" mtb_edit="1">With many years of experience and strong supply chain management and production capabilities, we are able to provide reliable, high-quality products at competitive prices to customers worldwide.</div>
    141. 

  141. 			<div class="why-grid">
    142. 

  142. 				<div class="grid-item">
    143. 

  143. 					<div class="item-wrapper">
    144. 

  144. 					<div class="item-title">Long Time Experience</div>
    145. 

  145. 					<div class="item-content">Established with exacting standards and rich experience, Mietubl boasts over 20 years of specialization in mobile accessories, beginning with screen protector. We have accumulated abundant resources to deliver reliable product solutions to our clients.</div>
    146. 

  146. 					</div>
    147. 

  147. 				</div>
    148. 

  148. 				<div class="grid-item">
    149. 

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

  150. 					<div class="item-title">Integrated Supply Chain</div>
    151. 

  151. 					<div class="item-content">We are a seamlessly integrated system of business and production, leveraging advanced manufacturing resources in China to offer cost-effective products to global users.</div>
    152. 

  152. 					</div>
    153. 

  153. 				</div>
    154. 

  154. 				<div class="grid-item">
    155. 

  155. 					<div class="item-wrapper">
    156. 

  156. 					<div class="item-title">Quality Control Management</div>
    157. 

  157. 					<div class="item-content">Multiple quality control processes ensure stable product quality, addressing customer concerns effectively; we prioritize product quality above all else.</div>
    158. 

  158. 					</div>
    159. 

  159. 				</div>
    160. 

  160. 				<div class="grid-item">
    161. 

  161. 					<div class="item-wrapper">
    162. 

  162. 					<div class="item-title">Strong Logistics Management</div>
    163. 

  163. 					<div class="item-content">With over 10000 square meters of proprietary industrial base, more than 5 million units of regular inventory, and multiple logistics partners, we ensure timely and accurate delivery of all orders.</div>
    164. 

  164. 					</div>
    165. 

  165. 				</div>
    166. 

  166. 

  167. 			</div>
    168. 

  168. 		</div>
    169. 

  169. </section>
    170. 

  170. 

  171. 

  172. {% include '__contact.liquid' %}
    173. 

  173. 

  174. {% include '_footer.liquid' %}
    175. 

  175. <script>
    176. 

  176.   var swiper1=new Swiper(".mySwiper", {
    177. 

  177.   	    autoplay:true,
    178. 

  178.         slidesPerView: 3,
    179. 

  179.         slidesPerGroup: 3,
    180. 

  180. 		speed:1000,
    181. 

  181.         loop: true,
    182. 

  182. 		navigation: {
    183. 

  183. 			  nextEl: '.pre',
    184. 

  184. 			  prevEl: '.next',
    185. 

  185. 			},
    186. 

  186. 		 breakpoints: {
    187. 

  187.           320: {
    188. 

  188.             slidesPerView: 1,
    189. 

  189. 			slidesPerGroup: 1,
    190. 

  190. 			spaceBetween: 10,			
    191. 

  191.           },
    192. 

  192.           768: {
    193. 

  193.             slidesPerView: 2,
    194. 

  194. 			slidesPerGroup:2,
    195. 

  195. 			spaceBetween: 10,			
    196. 

  196.           },
    197. 

  197.           900: {
    198. 

  198.             slidesPerView: 3,
    199. 

  199. 			slidesPerGroup:3,
    200. 

  200. 			spaceBetween: 10,			
    201. 

  201.           },
    202. 

  202.           1024: {
    203. 

  203.             slidesPerView: 3,
    204. 

  204. 			slidesPerGroup:3,
    205. 

  205. 			spaceBetween: 10,
    206. 

  206.           },
    207. 

  207.         },
    208. 

  208.       });
    209. 

  209. </script>
    210. 

  210. </body>
    211. 

  211. </html>
    212.