list.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>列表页-综合网购首选-正品低价、品质保障、配送及时、轻松购物!
  8. </title>
  9. <meta name="description"
  10. content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
  11. <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
  12. <link rel="shortcut icon" href="favicon.ico" />
  13. <link rel="stylesheet" href="css/base.css">
  14. <link rel="stylesheet" href="css/common.css">
  15. <link rel="stylesheet" href="css/list.css">
  16. </head>
  17. <body>
  18. <section class="shortcut">
  19. <div class="w">
  20. <div class="fl">
  21. <ul>
  22. <li>品优购欢迎您!&nbsp;</li>
  23. <li>
  24. <a href="#">请登录</a> &nbsp; <a href="#" class="style_red">免费注册</a>
  25. </li>
  26. </ul>
  27. </div>
  28. <div class="fr">
  29. <ul>
  30. <li>我的订单</li>
  31. <li></li>
  32. <li class="arrow-icon">我的品优购</li>
  33. <li></li>
  34. <li>品优购会员</li>
  35. <li></li>
  36. <li>企业采购</li>
  37. <li></li>
  38. <li class="arrow-icon">关注品优购</li>
  39. <li></li>
  40. <li class="arrow-icon">客户服务</li>
  41. <li></li>
  42. <li class="arrow-icon">网站导航</li>
  43. </ul>
  44. </div>
  45. </div>
  46. </section>
  47. <header class="header w">
  48. <div class="logo">
  49. <h1>
  50. <a href="login/index.html" title="品优购商城">品优购商城</a>
  51. </h1>
  52. </div>
  53. <div class="sk">
  54. <img src="images/sk.png" alt="">
  55. </div>
  56. <div class="search">
  57. <input type="search" name="" id="" placeholder="语言开发">
  58. <button>搜索</button>
  59. </div>
  60. <div class="hotwords">
  61. <a href="#" class="style_red">优惠购首发</a>
  62. <a href="#">亿元优惠</a>
  63. <a href="#">9.9元团购</a>
  64. <a href="#">美满99减30</a>
  65. <a href="#">办公用品</a>
  66. <a href="#">电脑</a>
  67. <a href="#">通信</a>
  68. </div>
  69. <div class="shopcar">
  70. 我的购物车
  71. <i class="count">8</i>
  72. </div>
  73. </header>
  74. <nav class="nav">
  75. <div class="w">
  76. <div class="sk_list">
  77. <ul>
  78. <li><a href="#">品优秒杀</a></li>
  79. <li><a href="#">品优秒杀</a></li>
  80. <li><a href="#">品优秒杀</a></li>
  81. </ul>
  82. </div>
  83. <div class="sk_con">
  84. <ul>
  85. <li><a href="#">女装</a></li>
  86. <li><a href="#" class="style_red">女鞋</a></li>
  87. <li><a href="#">女装</a></li>
  88. <li><a href="#">女装</a></li>
  89. <li><a href="#">女装</a></li>
  90. <li><a href="#">女装</a></li>
  91. <li><a href="#">女装</a></li>
  92. <li><a href="#">女装</a></li>
  93. <li><a href="#">更多分类</a></li>
  94. </ul>
  95. </div>
  96. </div>
  97. </nav>
  98. <div class="w sk_container">
  99. <div class="sk_hd">
  100. <img src="" alt="">
  101. </div>
  102. <div class="sk_bd">
  103. <ul class="clearfix">
  104. <li>
  105. <a href="detail_1.html">1
  106. <img src="upload/01~2.jpg" alt=""></a>
  107. </li>
  108. <li>
  109. <a href="detail.html">2
  110. <img src="upload/2.jpg" alt=""></a>
  111. </li>
  112. <li>3
  113. <img src="upload/3.jpg" alt="">
  114. </li>
  115. <li>4
  116. <img src="upload/4.jpg" alt="">
  117. </li>
  118. <li>5
  119. <img src="upload/5.jpg" alt="">
  120. </li>
  121. <li>6
  122. <img src="upload/6.jpg" alt="">
  123. </li>
  124. <li>7
  125. <img src="upload/7.jpg" alt="">
  126. </li>
  127. <li>8
  128. <img src="upload/8.jpg" alt="">
  129. </li>
  130. <li>9
  131. <img src="upload/9.jpg" alt="">
  132. </li>
  133. <li>10
  134. <img src="upload/10_1.jpg" alt="">
  135. </li>
  136. </ul>
  137. </div>
  138. </div>
  139. <footer class="footer">
  140. <div class="w">
  141. <div class="mod_service">
  142. <ul>
  143. <li>
  144. <h5></h5>
  145. <div class="service_txt">
  146. <h4>正品保障</h4>
  147. <p>正品保障,提供发票</p>
  148. </div>
  149. </li>
  150. <li>
  151. <h5></h5>
  152. <div class="service_txt">
  153. <h4>正品保障</h4>
  154. <p>正品保障,提供发票</p>
  155. </div>
  156. </li>
  157. <li>
  158. <h5></h5>
  159. <div class="service_txt">
  160. <h4>正品保障</h4>
  161. <p>正品保障,提供发票</p>
  162. </div>
  163. </li>
  164. <li>
  165. <h5></h5>
  166. <div class="service_txt">
  167. <h4>正品保障</h4>
  168. <p>正品保障,提供发票</p>
  169. </div>
  170. </li>
  171. </ul>
  172. </div>
  173. <div class="mod_help">
  174. <dl>
  175. <dt>服务指南</dt>
  176. <dd><a href="#">购物流程</a></dd>
  177. <dd><a href="#">会员介绍</a></dd>
  178. <dd><a href="#">生活旅行/团购</a></dd>
  179. <dd><a href="#">常见问题</a></dd>
  180. <dd><a href="#">大家电</a></dd>
  181. <dd><a href="#">联系客服</a></dd>
  182. </dl>
  183. <dl>
  184. <dt>服务指南</dt>
  185. <dd><a href="#">购物流程</a></dd>
  186. <dd><a href="#">会员介绍</a></dd>
  187. <dd><a href="#">生活旅行/团购</a></dd>
  188. <dd><a href="#">常见问题</a></dd>
  189. <dd><a href="#">大家电</a></dd>
  190. <dd><a href="#">联系客服</a></dd>
  191. </dl>
  192. <dl>
  193. <dt>服务指南</dt>
  194. <dd><a href="#">购物流程</a></dd>
  195. <dd><a href="#">会员介绍</a></dd>
  196. <dd><a href="#">生活旅行/团购</a></dd>
  197. <dd><a href="#">常见问题</a></dd>
  198. <dd><a href="#">大家电</a></dd>
  199. <dd><a href="#">联系客服</a></dd>
  200. </dl>
  201. <dl>
  202. <dt>服务指南</dt>
  203. <dd><a href="#">购物流程</a></dd>
  204. <dd><a href="#">会员介绍</a></dd>
  205. <dd><a href="#">生活旅行/团购</a></dd>
  206. <dd><a href="#">常见问题</a></dd>
  207. <dd><a href="#">大家电</a></dd>
  208. <dd><a href="#">联系客服</a></dd>
  209. </dl>
  210. <dl>
  211. <dt>服务指南</dt>
  212. <dd><a href="#">购物流程</a></dd>
  213. <dd><a href="#">会员介绍</a></dd>
  214. <dd><a href="#">生活旅行/团购</a></dd>
  215. <dd><a href="#">常见问题</a></dd>
  216. <dd><a href="#">大家电</a></dd>
  217. <dd><a href="#">联系客服</a></dd>
  218. </dl>
  219. <dl>
  220. <dt>帮助中心</dt>
  221. <dd>
  222. <img src="images/wx_cz.jpg" alt="">
  223. 品优购客户端
  224. </dd>
  225. </dl>
  226. </div>
  227. <div class="mod_copyright">
  228. <div class="links">
  229. <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 |
  230. 品优购公益 | English Site | Contact U
  231. </div>
  232. <div class="copyright">
  233. 地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编:100096 电话:400-618-4000 传真:010-82935100 邮箱: zhanghj+itcast.cn <br>
  234. 京ICP备08001421号京公网安备110108007702
  235. </div>
  236. </div>
  237. </div>
  238. </footer>
  239. </body>
  240. </html>