index.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="shortcut icon" href="favicon.ico"/>
  6. <link rel="bookmark" href="${contextPath}/favicon.ico"/>
  7. <link rel="stylesheet" href="${contextPath}/css/main.css">
  8. <link rel="stylesheet" href="${contextPath}/css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="${contextPath}/css/font-awesome.min.css">
  10. <title>吉林省产业技术创新联盟管理平台</title>
  11. </head>
  12. <body style="min-width:768px;">
  13. <!-- 导航栏 -->
  14. <div class="container">
  15. <div class="jumbotron">
  16. <div class="row" id="logo">
  17. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  18. <img class="img-responsive" src="${contextPath}/img/logo.gif" alt="logo">
  19. </div>
  20. <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
  21. <h2>吉林省产业技术创新联盟管理平台</h2>
  22. </div>
  23. </div>
  24. <div class="row" id="nav">
  25. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 search">
  26. <form action="" role="form">
  27. <div class="form-group">
  28. <input type="text" id="" placeholder="搜索关键字">
  29. </div>
  30. <div class="form-group">
  31. <select name="" id="">
  32. <option value="1">综合资讯</option>
  33. <option value="2">供需信息</option>
  34. <option value="3">技术服务</option>
  35. <option value="4">专家智库</option>
  36. </select>
  37. </div>
  38. <div class="form-group">
  39. <div class="btn btn-default" id="search"><span class="icon-search"></span>搜索</div>
  40. </div>
  41. </form>
  42. </div>
  43. <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 nav-btn">
  44. <div class="container-fluid">
  45. <div class="row">
  46. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  47. <a href="${contextPath}/newsWeb/toNewsPage?pageNumber=1&parentCode=XWZX" target="_blank" class="btn btn-primary btn-block">
  48. <span class="icon-facetime-video"></span>
  49. 新闻资讯
  50. </a>
  51. </div>
  52. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  53. <a href="${contextPath}/NewsNetwork/toNewsPage?pageNumber=1&parentCode=ZCFG" target="_blank" class="btn btn-primary btn-block">
  54. <span class="icon-dashboard"></span>
  55. 政策法规
  56. </a>
  57. </div>
  58. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  59. <a href="${contextPath}/technologySupermarketWeb/toTechnologyMarketPage" target="_blank" class="btn btn-primary btn-block">
  60. <span class="icon-inbox"></span>
  61. 技术超市
  62. </a>
  63. </div>
  64. </div>
  65. <div class="row">
  66. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  67. <a href="${contextPath}/toInnovativeServices" class="btn btn-primary btn-block">
  68. <span class="icon-cogs"></span>
  69. 协同创新
  70. </a>
  71. </div>
  72. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  73. <a href="${contextPath}/talentsWeb/toTechPerson" target="_blank" class="btn btn-primary btn-block">
  74. <span class="icon-cloud"></span>
  75. 技术人才
  76. </a>
  77. </div>
  78. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  79. <a href="${contextPath}/VideoConference/" target="_blank" class="btn btn-primary btn-block">
  80. <span class="icon-group"></span>
  81. 视频会议中心
  82. </a>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="content">
  90. <div class="row">
  91. <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
  92. <div class="panel panel-default info">
  93. <div class="panel-heading">
  94. <span class="icon-facetime-video"></span>
  95. <span>&nbsp;最新产业资讯</span>
  96. <span class="more"><a href="${contextPath}/NewsNetwork/findListByType?typeCode=CYZX&pageNumber=1" target="_blank">more + </a></span>
  97. </div>
  98. <div class="panel-body">
  99. <div class="row">
  100. <dov class="col-xs-12">
  101. <ul class="info-list" id="IndustryDynamicsList">
  102. <%for(news in cydtList!){%>
  103. <li class="news-item">
  104. <a href="${contextPath}/NewsNetwork/findById?typeCode=CYZX&id=${news.Id }" target="_blank" class="info-time">
  105. ${news.createDate }
  106. </a>
  107. <a href="${contextPath}/NewsNetwork/findById?typeCode=CYZX&id=${news.Id }" target="_blank" class="info-title">
  108. ${news.Name}
  109. </a>
  110. </li>
  111. <%}elsefor{%>
  112. <li class="news-item">
  113. <span class="notice-title">没有产业资讯....</span>
  114. </li>
  115. <%}%>
  116. </ul>
  117. </dov>
  118. </div>
  119. </div>
  120. <div class="panel-footer">
  121. &nbsp;
  122. </div>
  123. </div>
  124. </div>
  125. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  126. <div class="panel panel-default notice">
  127. <div class="panel-heading">
  128. <span class=" icon-volume-up"></span>
  129. <span>&nbsp;联盟公告</span>
  130. <span class="more"><a href="${contextPath}/NewsNetwork/findListByType?typeCode=TZGG&pageNumber=1" target="_blank">more + </a></span>
  131. </div>
  132. <div class="panel-body">
  133. <div class="row">
  134. <dov class="col-xs-12">
  135. <ul class="info-list" id="UnionBulletinList">
  136. <%for(news in tzggList!){%>
  137. <li class="news-item">
  138. <a href="${contextPath}/NewsNetwork/findById?typeCode=TZGG&id=${news.Id }" target="_blank" class="info-time">
  139. ${news.createDate }
  140. </a>
  141. <a href="${contextPath}/NewsNetwork/findById?typeCode=TZGG&id=${news.Id }" target="_blank" class="info-title">
  142. ${news.Name }
  143. </a>
  144. </li>
  145. <%}elsefor{%>
  146. <li class="news-item">
  147. <span class="notice-title">没有公告资讯....</span>
  148. </li>
  149. <%}%>
  150. </ul>
  151. </dov>
  152. </div>
  153. </div>
  154. <div class="panel-footer">
  155. &nbsp;
  156. </div>
  157. </div>
  158. </div>
  159. <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
  160. <div class="login">
  161. <div class="tm">
  162. <h3>吉林省产业技术创新联盟管理平台</h3>
  163. <img class="img-responsive" src="${contextPath}/img/underlinew.png" alt="">
  164. <a href="${contextPath}/toindex" target="_blank" class="btn">会员登陆入口</a>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="footer">
  171. <p>地址:吉林省长春市朝阳区前进大街1244号</p>
  172. <p>邮编:123456 电话:123456789 传真:239823982 邮箱:1243456@163.com</p>
  173. <p>版权所有 吉林省计算中心</p>
  174. <p>技术支持:长春市福瑞科技有限公司</p>
  175. </div>
  176. </div>
  177. <script src="${contextPath}/js/jquery.min.js"></script>
  178. <script src="${contextPath}/js/bootstrap.min.js"></script>
  179. <script>
  180. // 设置巨幕中文本区域动态垂直方向居中
  181. $(window).load(function(){
  182. $('.text').css('margin-top',($('.jumbotron').height()-$('.text').height())/2 + 'px');
  183. });
  184. $(window).resize(function(){
  185. $('.text').css('margin-top',($('.jumbotron').height()-$('.text').height())/2 + 'px');
  186. });
  187. </script>
  188. </body>
  189. </html>