contact-consult.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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/contact.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/contact-banner2.png" alt="" />
  35. </div>
  36. <!-- banner区域 end -->
  37. <!-- 内容区域 start -->
  38. <div class="main clearfix">
  39. <div class="container">
  40. <div class="contact-content consult">
  41. <div class="contact-main consult">
  42. <div class="contact-title">
  43. <div class="contact-title-l">
  44. <p>联系方式</p>
  45. </div>
  46. <div class="contact-title-r">
  47. <a href="./contact.html">联系方式</a>
  48. <a href="./contact-join.html">人才招聘</a>
  49. </div>
  50. </div>
  51. <div class="contact-image">
  52. <img src="/img/contact-img2.png" alt="人才招聘" />
  53. </div>
  54. <div class="contact-consult">
  55. <div class="contact-form">
  56. <div class="label">姓名:</div>
  57. <input class="form-input" type="text" />
  58. </div>
  59. <div class="contact-form">
  60. <div class="label">电话:</div>
  61. <input class="form-input" type="text" />
  62. </div>
  63. <div class="contact-form">
  64. <div class="label">省份:</div>
  65. <input class="form-input" type="text" />
  66. </div>
  67. <div class="contact-form">
  68. <div class="label">城市:</div>
  69. <input class="form-input" type="text" />
  70. </div>
  71. <div class="contact-form">
  72. <div class="label">地址:</div>
  73. <input class="form-input" type="text" />
  74. </div>
  75. <div class="contact-form">
  76. <div class="label">店名:</div>
  77. <input class="form-input" type="text" />
  78. </div>
  79. <div class="contact-form">
  80. <div class="label">店面积:</div>
  81. <input class="form-input" type="text" />
  82. </div>
  83. <div class="contact-form">
  84. <div class="label">意向品牌:</div>
  85. <select class="form-select" name="" id="">
  86. <option value="1">阿斯卡纶第三代</option>
  87. <option value="1">阿斯卡纶第三代</option>
  88. <option value="1">阿斯卡纶第三代</option>
  89. <option value="1">阿斯卡纶第三代</option>
  90. <option value="1">阿斯卡纶第三代</option>
  91. <option value="1">阿斯卡纶第三代</option>
  92. </select>
  93. </div>
  94. <div class="contact-form">
  95. <textarea class="textarea" name="" placeholder="备注"></textarea>
  96. </div>
  97. <div class="contact-form none">
  98. <a class="btn" href="JavaScript:void(0);">提交</a>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <!-- 内容区域 end -->
  106. <!-- 底部区域 start -->
  107. <div class="footer">
  108. <div class="container clearfix">
  109. <div class="section fl">
  110. <div class="logo"><img src="/img/logo2.png" alt="" /></div>
  111. <div class="item mobile">
  112. <span>0755-23769340</span>
  113. <span>周一至周五:09:00-18:00</span>
  114. </div>
  115. <div class="item email">518000</div>
  116. <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
  117. </div>
  118. <ul class="nav fl">
  119. <li><a href="#">首页</a></li>
  120. <li><a href="#">ROS'S</a></li>
  121. <li><a href="#">系列产品</a></li>
  122. </ul>
  123. <ul class="nav fl">
  124. <li><a href="#">案例展示</a></li>
  125. <li><a href="#">授权认证</a></li>
  126. <li><a href="#">联系我们</a></li>
  127. </ul>
  128. <div class="qrcode fr">
  129. <img src="/img/qrcode.jpg" alt="二维码" />
  130. <div class="tip">扫一扫加关注</div>
  131. </div>
  132. </div>
  133. <div class="line"></div>
  134. <div class="link">
  135. <a href="#">法律声明</a>
  136. <i></i>
  137. <a href="#">隐私政策</a>
  138. <i></i>
  139. <a href="#">购物付款类型</a>
  140. <i></i>
  141. <a href="#">服务付款类型</a>
  142. <i></i>
  143. <a href="#">支付方式</a>
  144. <i></i>
  145. <a href="#">产品售后与申诉</a>
  146. <i></i>
  147. <a href="#">服务投诉与申诉</a>
  148. <i></i>
  149. <a href="#">族蚂议价流程</a>
  150. <i></i>
  151. <a href="#">关于族蚂网</a>
  152. <i></i>
  153. <a href="#">如何创建主体</a>
  154. <i></i>
  155. <a href="#">违规举报</a>
  156. <i></i>
  157. <a href="#">知识产权维护</a>
  158. </div>
  159. <div class="copyright">
  160. <a href="#">本网站使用族蚂技术创建及服务器托管</a>
  161. <span>Copyright ©2019</span>
  162. <span>acebelleshenzhen.com</span>
  163. <span>版权所有 粤ICP备2020131296号</span>
  164. </div>
  165. </div>
  166. <!-- 底部区域 end -->
  167. <script src="./libs/swiper/swiper.min.js"></script>
  168. <script src="./libs/jquery-3.6.0.min.js"></script>
  169. <script>
  170. $(function () {
  171. $('.contact-join-cell').click(function () {
  172. if ($(this).hasClass('on')) {
  173. $(this).removeClass('on').next('.contact-join-main').slideUp()
  174. } else {
  175. $(this).addClass('on').next('.contact-join-main').slideDown()
  176. $(this).siblings('.contact-join-cell').removeClass('on').next('.contact-join-main').slideUp()
  177. }
  178. })
  179. })
  180. </script>
  181. </body>
  182. </html>