exchangeMore.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>吉林省计算中心</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css"/>
  7. </head>
  8. <body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
  9. <div class="pz_top">
  10. <div class="w_0100 topDate">
  11. <div class="w_1200">
  12. <div class="topDateInfo">
  13. 2019年12月5日&nbsp;星期四
  14. </div>
  15. </div>
  16. </div>
  17. <div class="w_0100">
  18. <div class="w_1200">
  19. <div class="top">
  20. <div class="topLeft">
  21. <a href="index.html">
  22. <div class="logo">
  23. <img style="width: 76px;height: 64px;" src="images/logo.png" >
  24. </div>
  25. <div class="title">
  26. <p class="tit">吉林省计算中心</p>
  27. <p class="english">JiLin province computing center</p>
  28. </div>
  29. </a>
  30. </div>
  31. <div class="search">
  32. <input class="input" type="text" placeholder="关键词"/>
  33. <button class="button"><img src="images/搜索.png"/></button>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="pz_menu">
  40. <div class="w_0100">
  41. <div class="w_1200">
  42. <div class="menu">
  43. <ul>
  44. <li><a href="">新闻动态</a></li>
  45. <li><a href="">成果展示</a></li>
  46. <li><a href="">计算服务</a></li>
  47. <li class="active"><a href="">交流活动</a></li>
  48. <li><a href="">党建学苑</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="pz_main">
  55. <div class="w_0100">
  56. <div class="w_1200">
  57. <div class="exchangeMore">
  58. <div class="moreLeft">
  59. <div class="moreLeftTop">
  60. <img src="images/exchange.png">
  61. <span>需求发布</span>
  62. </div>
  63. </div>
  64. <div class="moreRight">
  65. <div class="moreRightTop">
  66. <div class="type">
  67. <select name="" class="typeEle">
  68. <option value="">全部类型</option>
  69. <option value="">类型一</option>
  70. <option value="">类型二</option>
  71. </select>
  72. </div>
  73. <div class="keyword">
  74. <input type="text" placeholder="请输入名称" />
  75. <button type="button"><img src="./images/sou.png" >搜索</button>
  76. </div>
  77. </div>
  78. <div class="moreRightList">
  79. <div class="moreRightListTop">
  80. <div class="oneTop">
  81. <div class="oneTopInfo">
  82. <div class="oneTopInfoLeft">
  83. <span class="shu"></span>
  84. <span class="span">
  85. 需求发布
  86. </span>
  87. </div>
  88. <div class="oneTopInfoRight">
  89. <a href="">我要发布</a>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="moreRightListInfo">
  95. <ul>
  96. <li>
  97. <a href="">
  98. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  99. <div class="titleYen">
  100. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  101. <span class="yen">&yen;1000</span>
  102. </div>
  103. </a>
  104. </li>
  105. <li>
  106. <a href="">
  107. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  108. <div class="titleYen">
  109. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  110. <span class="yen">&yen;1000</span>
  111. </div>
  112. </a>
  113. </li>
  114. <li>
  115. <a href="">
  116. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  117. <div class="titleYen">
  118. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  119. <span class="yen">&yen;1000</span>
  120. </div>
  121. </a>
  122. </li>
  123. <li>
  124. <a href="">
  125. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  126. <div class="titleYen">
  127. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  128. <span class="yen">&yen;1000</span>
  129. </div>
  130. </a>
  131. </li>
  132. <li>
  133. <a href="">
  134. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  135. <div class="titleYen">
  136. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  137. <span class="yen">&yen;1000</span>
  138. </div>
  139. </a>
  140. </li>
  141. <li>
  142. <a href="">
  143. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  144. <div class="titleYen">
  145. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  146. <span class="yen">&yen;1000</span>
  147. </div>
  148. </a>
  149. </li>
  150. <li>
  151. <a href="">
  152. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  153. <div class="titleYen">
  154. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  155. <span class="yen">&yen;1000</span>
  156. </div>
  157. </a>
  158. </li>
  159. <li>
  160. <a href="">
  161. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  162. <div class="titleYen">
  163. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  164. <span class="yen">&yen;1000</span>
  165. </div>
  166. </a>
  167. </li>
  168. <li>
  169. <a href="">
  170. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  171. <div class="titleYen">
  172. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  173. <span class="yen">&yen;1000</span>
  174. </div>
  175. </a>
  176. </li>
  177. <li>
  178. <a href="">
  179. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  180. <div class="titleYen">
  181. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  182. <span class="yen">&yen;1000</span>
  183. </div>
  184. </a>
  185. </li>
  186. <li>
  187. <a href="">
  188. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  189. <div class="titleYen">
  190. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  191. <span class="yen">&yen;1000</span>
  192. </div>
  193. </a>
  194. </li>
  195. <li>
  196. <a href="">
  197. <img style="width: 218px;height: 210px;" src="images/more1.jpg" >
  198. <div class="titleYen">
  199. <p class="title">落地支架(F062S)投影机专用支持H1S系列/Z5系列/Z4系</p>
  200. <span class="yen">&yen;1000</span>
  201. </div>
  202. </a>
  203. </li>
  204. </ul>
  205. <div class="page">
  206. 分页
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="pz_down">
  216. <div class="w_0100">
  217. <div class="w_1200">
  218. <div class="down">
  219. <p>版权所有:吉林省技术算中心</p>
  220. <p>
  221. <span>技术支持:长春福瑞科技有限公司</span>
  222. &nbsp;&nbsp;&nbsp;&nbsp;
  223. <span>邮编:130000</span>
  224. &nbsp;&nbsp;&nbsp;&nbsp;
  225. <span>传真:239823982</span>
  226. </p>
  227. <p>
  228. <span>地址:吉林省长春市朝阳区前进大街1244号</span>
  229. &nbsp;&nbsp;&nbsp;&nbsp;
  230. <span>电话:0134-1234567</span>
  231. &nbsp;&nbsp;&nbsp;&nbsp;
  232. <span>邮箱:123456@163.com</span>
  233. </p>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </body>
  239. </html>