home.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>项目介绍</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="renderer" content="webkit" />
  8. <link href="../css/global.css?v=3e6b2f2a" rel="stylesheet"><link href="../css/index.css?v=3e6b2f2a" rel="stylesheet"></head>
  9. <body>
  10. <header>
  11. <section class="wrapper">
  12. <a href="#" class="logo">
  13. <img src="../img/logo-g-c19573c6.png" alt="" srcset="">
  14. </a>
  15. <nav>
  16. <a class="current" href="index.html">项目介绍</a>
  17. <a href="#">开通城市</a>
  18. <a href="news.html">企业动态</a>
  19. <a href="jd.html">招贤纳士</a>
  20. <a href="contact.html">联系我们</a>
  21. </nav>
  22. </section>
  23. </header>
  24. <section class="main">
  25. <div class="wrapper">
  26. <div class="video">
  27. <h3>#厨人易料</h3>
  28. <p>了解更多厨人易料文化</p>
  29. <div class="poster">
  30. <img src="../img/tmp-7bbe3c38.jpg" alt="" srcset="">
  31. <video src="" controls></video>
  32. <span class="btn-player">观看影片</span>
  33. </div>
  34. </div>
  35. <div class="services">
  36. <h3>真诚合作,共创财富</h3>
  37. <ul>
  38. <li>
  39. <div>
  40. <img src="../img/1-a3b846dd.png" alt="" srcset="">
  41. <span>项目服务</span>
  42. </div>
  43. <p>全程为您服务<br />从入住到培训到开店</p>
  44. </li>
  45. <li>
  46. <div>
  47. <img src="../img/2-b3b78c97.png" alt="" srcset="">
  48. <span>平台支持</span>
  49. </div>
  50. <p>完美的平台系统支持<br />从进货到销售、结算</p>
  51. </li>
  52. <li>
  53. <div>
  54. <img src="../img/3-daafbb7c.png" alt="" srcset="">
  55. <span>源源不断的收益</span>
  56. </div>
  57. <p>创客推荐<br />为您带来越来越多的顾客</p>
  58. </li>
  59. <li>
  60. <div>
  61. <img src="../img/4-34d197f2.png" alt="" srcset="">
  62. <span>供应链</span>
  63. </div>
  64. <p>完善的供应链体系<br />为您做好强有力销售支持</p>
  65. </li>
  66. </ul>
  67. </div>
  68. </div>
  69. <div class="cities" id="cities">
  70. <div class="wrapper">
  71. <h3>开通城市</h3>
  72. <ul>
  73. <li><a href="#">北京</a></li>
  74. <li><a href="#">上海</a></li>
  75. <li><a href="#">广州</a></li>
  76. <li><a href="#">南京</a></li>
  77. <li><a href="#">杭州</a></li>
  78. </ul>
  79. <a href="#" class="button">申请开通我的城市</a>
  80. </div>
  81. </div>
  82. <div class="news">
  83. <div class="wrapper">
  84. <h3>
  85. 公司动态
  86. <a href="#" class="more">浏览全部 ></a>
  87. </h3>
  88. <section class="news-list">
  89. <dl>
  90. <a href="#" target="_blank">
  91. <dt>
  92. <img src="../img/tmp-7bbe3c38.jpg" alt="">
  93. </dt>
  94. <dd>
  95. 公司战略合作客户包括全国及海外的经销商和批发商,为满足市场需要
  96. </dd>
  97. </a>
  98. </dl>
  99. <dl>
  100. <a href="#" target="_blank">
  101. <dt>
  102. <img src="../img/tmp-7bbe3c38.jpg" alt="">
  103. </dt>
  104. <dd>
  105. 公司战略合作客户包括全国及海外的经销商和批发商,为满足市场需要
  106. </dd>
  107. </a>
  108. </dl>
  109. <dl>
  110. <a href="#" target="_blank">
  111. <dt>
  112. <img src="../img/tmp-7bbe3c38.jpg" alt="">
  113. </dt>
  114. <dd>
  115. 公司战略合作客户包括全国及海外的经销商和批发商,为满足市场需要
  116. </dd>
  117. </a>
  118. </dl>
  119. </section>
  120. </div>
  121. </div>
  122. <div class="contact">
  123. <div class="wrapper">
  124. <h3>
  125. 联系我们
  126. </h3>
  127. <section class="acounts">
  128. <dl class="gzh">
  129. <dt>
  130. <img src="../img/logo-706bce7e.png" alt="">
  131. </dt>
  132. <dd>厨人易料公众号</dd>
  133. </dl>
  134. <dl class="minip">
  135. <dt>
  136. <img src="../img/qrcode-fa90701c.png" alt="">
  137. </dt>
  138. <dd>门店零售小程序</dd>
  139. </dl>
  140. <dl class="minip">
  141. <dt>
  142. <img src="../img/qrcode-fa90701c.png" alt="">
  143. </dt>
  144. <dd>门店零售小程序</dd>
  145. </dl>
  146. </section>
  147. </div>
  148. </div>
  149. </section>
  150. <footer>
  151. <div class="wrapper">
  152. <section>
  153. <img src="../img/logo-706bce7e.png" class="flogo" alt="">
  154. <div class="list">
  155. <dl>
  156. <dt>公司</dt>
  157. <dd><a href="#">关于公司</a></dd>
  158. <dd><a href="#">公司动态</a></dd>
  159. <dd><a href="agreement.html">用户服务协议</a></dd>
  160. <dd><a href="#">隐私政策</a></dd>
  161. </dl>
  162. <dl>
  163. <dt>产品</dt>
  164. <dd>
  165. <a href="#">门店零售小程序</a>
  166. <div class="qrcodelayer">
  167. <img src="../img/qrcode-fa90701c.png" alt="">
  168. </div>
  169. </dd>
  170. <dd>
  171. <a href="#">门店管理小程序</a>
  172. <div class="qrcodelayer">
  173. <img src="../img/qrcode-fa90701c.png" alt="">
  174. </div>
  175. </dd>
  176. <dd><a href="#">供应商管理系统</a></dd>
  177. </dl>
  178. <dl>
  179. <dt>客服</dt>
  180. <dd>电话:400-123-1234</dd>
  181. <dd>周一至周五 9:00-18:00</dd>
  182. <dd><a href="help.html" target="_blank">帮助中心</a></dd>
  183. </dl>
  184. </div>
  185. </section>
  186. <div class="icp">
  187. <a href="#" target="_blank">京ICP备123456</a>
  188. <a href="#" target="_blank">公安备案:12345</a>
  189. <a href="#" target="_blank">电信经营许可:ICP83123</a>
  190. </div>
  191. </div>
  192. </footer>
  193. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  194. <script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/index.js?v=3e6b2f2a"></script></body>
  195. <script>
  196. $('.btn-player').on('click', function(){
  197. $('video').show()[0].play()
  198. $('.btn-player, .poster img').hide()
  199. })
  200. </script>
  201. </html>