release.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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 release">
  58. <div class="moreLeft releaseLeft">
  59. <div class="moreLeftTop">
  60. <img src="images/exchange.png">
  61. <span>需求发布</span>
  62. </div>
  63. </div>
  64. <div class="moreRight releaseRight">
  65. <div class="moreRightList">
  66. <div class="moreRightListTop">
  67. <div class="oneTop">
  68. <div class="oneTopInfo">
  69. <div class="oneTopInfoLeft releaseTop">
  70. <span class="shu"></span>
  71. <span class="span">
  72. 填写信息
  73. </span>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="releaseform">
  79. <form action="" method="">
  80. <div class="type">
  81. <span>类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>
  82. <select name="">
  83. <option value="">产品</option>
  84. <option value="">产品1</option>
  85. <option value="">产品2</option>
  86. </select>
  87. </div>
  88. <div class="type">
  89. <span>名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</span>
  90. <input type="text" class="title" name="" id="" value="" />
  91. </div>
  92. <div class="type">
  93. <span style="padding: 0 0 0 10px;">单位/个人</span>
  94. <input type="text" class="title" name="" id="" value="" />
  95. </div>
  96. <div class="type">
  97. <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
  98. <input type="text" class="title" name="" id="" value="" />
  99. </div>
  100. <div class="type images">
  101. <span>图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;片</span>
  102. <img style="width: 100px;height: 100px;" src="images/more1.jpg" >
  103. <p style="padding: 0 0 0 90px;color: #b2b2b2;">最多上传12张,每张最大10M</p>
  104. </div>
  105. <div class="type content">
  106. <span>简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;介</span>
  107. <textarea cols="2"rows="6" class="textarea"></textarea>
  108. </div>
  109. <div class="button">
  110. <button type="button">发&nbsp;&nbsp;布</button>
  111. </div>
  112. </form>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="pz_down">
  121. <div class="w_0100">
  122. <div class="w_1200">
  123. <div class="down">
  124. <p>版权所有:吉林省技术算中心</p>
  125. <p>
  126. <span>技术支持:长春福瑞科技有限公司</span>
  127. &nbsp;&nbsp;&nbsp;&nbsp;
  128. <span>邮编:130000</span>
  129. &nbsp;&nbsp;&nbsp;&nbsp;
  130. <span>传真:239823982</span>
  131. </p>
  132. <p>
  133. <span>地址:吉林省长春市朝阳区前进大街1244号</span>
  134. &nbsp;&nbsp;&nbsp;&nbsp;
  135. <span>电话:0134-1234567</span>
  136. &nbsp;&nbsp;&nbsp;&nbsp;
  137. <span>邮箱:123456@163.com</span>
  138. </p>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </body>
  144. </html>