index.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <title>首页</title>
  7. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  8. <link th:href="${portalHost + '/index.css'}" rel="stylesheet">
  9. </head>
  10. <body>
  11. <header>
  12. <div th:replace="common::{nav}"></div>
  13. </header>
  14. <div class="banner_all container">
  15. <div class="carousel_top">
  16. <ul class="ct-img-big clear">
  17. <li data-index=0><a href=""><img
  18. th:src="${portalHost + '/img/highTech_slide_1.jpg'}" alt="" /></a></li>
  19. <li data-index=1><a href=""><img
  20. th:src="${portalHost + '/img/highTech_slide_2.jpg'}" alt="" /></a></li>
  21. <li data-index=2><a href=""><img
  22. th:src="${portalHost + '/img/highTech_slide_3.jpg'}" alt="" /></a></li>
  23. <li data-index=3><a href=""><img
  24. th:src="${portalHost + '/img/highTech_slide_4.jpg'}" alt="" /></a></li>
  25. <li data-index=4><a href=""><img
  26. th:src="${portalHost + '/img/highTech_slide_5.jpg'}" alt="" /></a></li>
  27. </ul>
  28. </div>
  29. <a class="btnl btn-next" href=""> <img th:src="${portalHost + '/img/index_next.png'}"
  30. alt="" />
  31. </a> <a class="btnl btn-pre" href=""> <img th:src="${portalHost + '/img/index_pre.png'}"
  32. alt="" />
  33. </a>
  34. <ul class="ct-img-small clear">
  35. <li class="active"><img th:src="${portalHost +'/img/highTech_slide_1.jpg'}" alt="" /></li>
  36. <li><img th:src="${portalHost + '/img/highTech_slide_2.jpg'}" alt="" /></li>
  37. <li><img th:src="${portalHost + '/img/highTech_slide_3.jpg'}" alt="" /></li>
  38. <li><img th:src="${portalHost + '/img/highTech_slide_4.jpg'}" alt="" /></li>
  39. <li><img th:src="${portalHost + '/img/highTech_slide_5.jpg'}" alt="" /></li>
  40. </ul>
  41. <span class="text-block">
  42. <h2>一、让每一项优秀的技术产生价值</h2>
  43. </span> <span>
  44. <h2>二、让每一笔资金能增值</h2>
  45. </span> <span>
  46. <h2>三、让每一位专家不被埋没</h2>
  47. </span> <span>
  48. <h2>四、让每一家公司蒸蒸日上</h2>
  49. </span> <span>
  50. <h2>五、让每一个创业者实现梦想</h2>
  51. </span>
  52. </div>
  53. <div class="index_activity">
  54. <div class="container">
  55. <ul>
  56. <li>
  57. <strong>46</strong>
  58. <p>线下活动</p>
  59. </li>
  60. <li>
  61. <strong>46</strong>
  62. <p>线下活动</p>
  63. </li>
  64. <li>
  65. <strong>46</strong>
  66. <p>线下活动</p>
  67. </li>
  68. <li>
  69. <strong>46</strong>
  70. <p>线下活动</p>
  71. </li>
  72. <li>
  73. <strong>46</strong>
  74. <p>线下活动</p>
  75. </li>
  76. <li>
  77. <strong>46</strong>
  78. <p>线下活动</p>
  79. </li>
  80. </ul>
  81. <form action="">
  82. <img th:src="${portalHost}+'/img/search.png'" class="search" alt="搜索"/>
  83. <input type="text" name="" id="" placeholder="科技转移" />
  84. <img th:src="${portalHost}+'/img/index_use.png'" class="index_use" alt="用户"/>
  85. </form>
  86. </div>
  87. </div>
  88. <div id="active">
  89. <div class="coupon rf">
  90. <div class="coupon_cont lf">
  91. <h2>200元</h2>
  92. <p>什么项目满2000减</p>
  93. </div>
  94. <div class="coupon_cont lf">
  95. <h2>200元</h2>
  96. <p>什么项目满2000减</p>
  97. </div>
  98. <div class="coupon_cont lf">
  99. <h2>200元</h2>
  100. <p>什么项目满2000减</p>
  101. </div>
  102. <div class="coupon_cont lf">
  103. <h2>200元</h2>
  104. <p>什么项目满2000减</p>
  105. </div>
  106. </div>
  107. <div class="title">
  108. <p>科技服务促销</p>
  109. </div>
  110. <div class="line"></div>
  111. </div>
  112. <div id="product">
  113. <div class="caption">精品成果</div>
  114. <div class="content">
  115. <div class="cont cont_top1">
  116. <a href="#">
  117. <div class="img">
  118. <img th:src="${portalHost}+'/img/product1.jpg'" alt=""/>
  119. </div>
  120. <div class="text">
  121. <h2>无人机项目满2000减200</h2>
  122. <p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
  123. </div>
  124. </a>
  125. </div>
  126. <div class="cont cont_bottom1">
  127. <a href="#">
  128. <div class="img">
  129. <img th:src="${portalHost}+'/img/product2.jpg'" alt=""/>
  130. </div>
  131. <div class="text">
  132. <h2>无人机项目满2000减200</h2>
  133. <p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
  134. </div>
  135. </a>
  136. </div>
  137. <div class="cont cont_top2">
  138. <a href="#">
  139. <div class="img">
  140. <img th:src="${portalHost}+'/img/product3.jpg'" alt=""/>
  141. </div>
  142. <div class="text">
  143. <h2>无人机项目满2000减200</h2>
  144. <p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
  145. </div>
  146. </a>
  147. </div>
  148. <div class="cont cont_bottom2">
  149. <a href="#">
  150. <div class="img">
  151. <img th:src="${portalHost}+'/img/product4.jpg'" alt=""/>
  152. </div>
  153. <div class="text">
  154. <h2>无人机项目满2000减200</h2>
  155. <p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
  156. </div>
  157. </a>
  158. </div>
  159. <div class="cont cont_top3">
  160. <a href="#">
  161. <div class="img">
  162. <img th:src="${portalHost}+'/img/product5.jpg'" alt=""/>
  163. </div>
  164. <div class="text">
  165. <h2>无人机项目满2000减200</h2>
  166. <p>无人机项目满2000减200,联系客服有优惠,精品无人机无与伦比</p>
  167. </div>
  168. </a>
  169. </div>
  170. </div>
  171. </div>
  172. <div id="policy">
  173. <div class="caption">政策解读</div>
  174. <div class="pol_cont">
  175. <div class="pol_left">
  176. <img th:src="${portalHost}+'/img/policy.jpg'" alt=""/>
  177. <div class="pol_left_cont">
  178. <h3>成都科德向中国科协进行工作汇报</h3>
  179. <p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
  180. </p>
  181. <div class="pol_bottom">
  182. <div class="more rf"><a href="#">MORE+</a></div>
  183. <div class="data">2017-08-15</div>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="pol_right">
  188. <div class="pol_right_big">
  189. <h3>成都科德向中国科协进行工作汇报</h3>
  190. <p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
  191. </p>
  192. <div class="pol_bottom">
  193. <div class="more rf"><a href="">MORE+</a></div>
  194. <div class="data">2017-08-15</div>
  195. </div>
  196. </div>
  197. <div class="pol_right_sm">
  198. <h3>成都科德向中国科协进行工作汇报</h3>
  199. <p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
  200. </p>
  201. <div class="pol_bottom">
  202. <div class="more rf"><a href="#">MORE+</a></div>
  203. <div class="data">2017-08-15</div>
  204. </div>
  205. </div>
  206. <div class="pol_right_sm pol_act">
  207. <h3>成都科德向中国科协进行工作汇报</h3>
  208. <p><a href="#">2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创,2017年4月13日,中国科协乔主任、冯处长在金坛县全国双创</a>
  209. </p>
  210. <div class="pol_bottom">
  211. <div class="more rf"><a href="#">MORE+</a></div>
  212. <div class="data">2017-08-15</div>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <div class="need_main">
  219. <div id="need">
  220. <div class="caption">精品需求</div>
  221. <span class="more"><a href="#">MORE+</a></span>
  222. <div class="carousel">
  223. <span class="need_prev"><</span>
  224. <div class="need_imgs">
  225. <ul>
  226. <li>
  227. <a href="#">
  228. <img th:src="${portalHost}+'/img/need_img1.png'" alt="" />
  229. <p><span href="#">哪些明星项目不为啥东西将上档次想</p>
  230. </a>
  231. </li>
  232. <li>
  233. <a href="#">
  234. <img th:src="${portalHost}+'/img/need_img1.png'" alt="" />
  235. <p>哪些明星项目不为啥东西将上档次想</p>
  236. </a>
  237. </li>
  238. <li>
  239. <a href="#">
  240. <img th:src="${portalHost}+'/img/need_img2.jpg'" alt="" />
  241. <p>哪些明星项目不为啥东西将上档次想</p>
  242. </a>
  243. </li>
  244. <li>
  245. <a href="#">
  246. <img th:src="${portalHost}+'/img/need_img1.png'" alt="" />
  247. <p>哪些明星项目不为啥东西将上档次想</p>
  248. </a>
  249. </li>
  250. <li>
  251. <a href="#">
  252. <img th:src="${portalHost}+'/img/need_img1.png'" alt="" />
  253. <p>哪些明星项目不为啥东西将上档次想</p>
  254. </a>
  255. </li>
  256. <li>
  257. <a href="#">
  258. <img th:src="${portalHost}+'/img/need_img2.jpg'" alt=""/>
  259. <p>哪些明星项目不为啥东西将上档次想</p>
  260. </a>
  261. </li>
  262. <li>
  263. <a href="#">
  264. <img th:src="${portalHost}+'/img/need_img1.png'" alt=""/>
  265. <p>哪些明星项目不为啥东西将上档次想</p>
  266. </a>
  267. </li>
  268. <li>
  269. <a href="#">
  270. <img th:src="${portalHost}+'/img/need_img1.png'" alt=""/>
  271. <p>哪些明星项目不为啥东西将上档次想</p>
  272. </a>
  273. </li>
  274. <li>
  275. <a href="#">
  276. <img th:src="${portalHost}+'/img/need_img2.jpg'" alt=""/>
  277. <p>哪些明星项目不为啥东西将上档次想</p>
  278. </a>
  279. </li>
  280. </ul>
  281. </div>
  282. <span class="need_next">></span>
  283. </div>
  284. </div>
  285. </div>
  286. <footer>
  287. <div th:replace="common::copyright"></div>
  288. <div th:replace="common::login"></div>
  289. </footer>
  290. <div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
  291. <div th:replace="common::footer(~{::script})">
  292. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  293. <script type="text/javascript" th:src="${portalHost + '/index.js'}"></script>
  294. </div>
  295. </body>
  296. </html>