appliance.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>首页-艾斯佰丽-合作加盟</title>
  8. <link rel="stylesheet" href="./css/normalize.css" />
  9. <link rel="stylesheet" href="./libs/swiper/swiper.min.css" />
  10. <link rel="stylesheet" href="./css/base.css" />
  11. <link rel="stylesheet" href="./css/appliance.css" />
  12. </head>
  13. <body>
  14. <!-- 顶部导航栏 start -->
  15. <div class="header">
  16. <div class="container flex">
  17. <div class="logo">
  18. <h1>艾斯佰丽</h1>
  19. <img src="/img/logo.png" alt="艾斯佰丽" />
  20. </div>
  21. <ul class="nav">
  22. <li class="active"><a href="./index.html">首页</a></li>
  23. <li><a href="#">艾斯佰丽</a></li>
  24. <li><a href="#">品牌中心</a></li>
  25. <li><a href="./cooperative.html">合作加盟</a></li>
  26. <li><a href="#">新闻动态</a></li>
  27. <li><a href="#">联系我们</a></li>
  28. </ul>
  29. </div>
  30. </div>
  31. <!-- 顶部导航栏 end -->
  32. <!-- banner区域 start -->
  33. <div class="banner" id="banner">
  34. <img src="/img/cooperative_banner.png" alt="" />
  35. </div>
  36. <!-- banner区域 end -->
  37. <!-- 内容区域 start -->
  38. <div class="main clearfix">
  39. <div class="container">
  40. <div class="appliance-title">
  41. <h1>美学缺陷</h1>
  42. <p>Aesthetic defect</p>
  43. </div>
  44. <div class="appliance-content">
  45. <div class="appliance-li">
  46. <div class="appliance-lil">
  47. <img src="/img/appliance-img1-1.png" alt="" />
  48. </div>
  49. <div class="appliance-lir">
  50. <div class="appliance-lir-top">-抗衰老</div>
  51. <div class="appliance-lir-text">
  52. <p>
  53. 人体各个组织都是由细胞组成,随着时间的推移,年龄和身体因素等,细胞
  54. 开始出现衰老后它的代谢能力,分解能力和循环能力不断减少衰退,原有的
  55. 分子结构逐渐改变,这些变化的积累会使细胞逐渐出现衰老现象。ROS'S系
  56. 统主要针对人体肌肉和皮肤的每个细胞进行激活,修复和再生。
  57. </p>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="appliance-li">
  62. <div class="appliance-lil">
  63. <img src="/img/appliance-img1-2.png" alt="" />
  64. </div>
  65. <div class="appliance-lir">
  66. <div class="appliance-lir-top">-减少皱纹</div>
  67. <div class="appliance-lir-text">
  68. <p>
  69. ROS'S系统针对恢复真皮组织饱满度,从而对皱纹带来“提拉紧实”的作用。
  70. 疏通面部毛细血管、细微神经,合成弹性纤维,使肌肤更柔滑。
  71. </p>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="appliance-li">
  76. <div class="appliance-lil">
  77. <img src="/img/appliance-img1-3.png" alt="" />
  78. </div>
  79. <div class="appliance-lir">
  80. <div class="appliance-lir-top">-紧致肌肤</div>
  81. <div class="appliance-lir-text">
  82. <p>
  83. 面部不够紧实有弹性,鼻唇沟(笑纹)加深,眼睑开始松弛。肌肤逐渐松弛,
  84. 导致面部整体下垂。ROS'S系统激活肌肤所必需的支撑纤维(胶原蛋白、弹 性纤维和透明质酸)。
  85. </p>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="appliance-li">
  90. <div class="appliance-lil">
  91. <img src="/img/appliance-img1-4.png" alt="" />
  92. </div>
  93. <div class="appliance-lir">
  94. <div class="appliance-lir-top">-淡化表情纹</div>
  95. <div class="appliance-lir-text">
  96. <p>ROS'S系统电提升:刺激微循环和常规新陈代谢,可有效细化淡纹、改善双 下巴、色素沉着等问题。</p>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="appliance-li">
  101. <div class="appliance-lil">
  102. <img src="/img/appliance-img1-5.png" alt="" />
  103. </div>
  104. <div class="appliance-lir">
  105. <div class="appliance-lir-top">-改善晒斑</div>
  106. <div class="appliance-lir-text">
  107. <p>对于色素较深且面积较小的色斑,ROS'S系统可加速细胞新陈代谢,刺激细 胞新生,达到改善晒斑的效果。</p>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <!-- 内容区域 end -->
  115. <!-- 底部区域 start -->
  116. <div class="footer">
  117. <div class="container clearfix">
  118. <div class="section fl">
  119. <div class="logo"><img src="/img/logo2.png" alt="" /></div>
  120. <div class="item mobile">
  121. <span>0755-23769340</span>
  122. <span>周一至周五:09:00-18:00</span>
  123. </div>
  124. <div class="item email">518000</div>
  125. <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
  126. </div>
  127. <ul class="nav fl">
  128. <li><a href="#">首页</a></li>
  129. <li><a href="#">ROS'S</a></li>
  130. <li><a href="#">系列产品</a></li>
  131. </ul>
  132. <ul class="nav fl">
  133. <li><a href="#">案例展示</a></li>
  134. <li><a href="#">授权认证</a></li>
  135. <li><a href="#">联系我们</a></li>
  136. </ul>
  137. <div class="qrcode fr">
  138. <img src="/img/qrcode.jpg" alt="二维码" />
  139. <div class="tip">扫一扫加关注</div>
  140. </div>
  141. </div>
  142. <div class="line"></div>
  143. <div class="link">
  144. <a href="#">法律声明</a>
  145. <i></i>
  146. <a href="#">隐私政策</a>
  147. <i></i>
  148. <a href="#">购物付款类型</a>
  149. <i></i>
  150. <a href="#">服务付款类型</a>
  151. <i></i>
  152. <a href="#">支付方式</a>
  153. <i></i>
  154. <a href="#">产品售后与申诉</a>
  155. <i></i>
  156. <a href="#">服务投诉与申诉</a>
  157. <i></i>
  158. <a href="#">族蚂议价流程</a>
  159. <i></i>
  160. <a href="#">关于族蚂网</a>
  161. <i></i>
  162. <a href="#">如何创建主体</a>
  163. <i></i>
  164. <a href="#">违规举报</a>
  165. <i></i>
  166. <a href="#">知识产权维护</a>
  167. </div>
  168. <div class="copyright">
  169. <a href="#">本网站使用族蚂技术创建及服务器托管</a>
  170. <span>Copyright ©2019</span>
  171. <span>acebelleshenzhen.com</span>
  172. <span>版权所有 粤ICP备2020131296号</span>
  173. </div>
  174. </div>
  175. <!-- 底部区域 end -->
  176. <script src="./libs/swiper/swiper.min.js"></script>
  177. <script src="./libs/jquery-3.6.0.min.js"></script>
  178. <script>
  179. $(function () {
  180. $('.cooperative-tab .tab-item').click(function () {
  181. $(this).addClass('select').siblings('.tab-item').removeClass('select')
  182. var index = $(this).index()
  183. $('.cooperative-main-item').eq(index).show().siblings('.cooperative-main-item').hide()
  184. })
  185. $('.btn-show').click(function () {
  186. console.log('11111111111')
  187. $(this).siblings('.min').hide()
  188. $(this).siblings('.max').show()
  189. })
  190. })
  191. </script>
  192. </body>
  193. </html>