bigShot.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link})">
  4. <title>大咖说</title>
  5. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  6. <link th:href="${portalHost + '/scienceTechnology/bigShot.css'}" rel="stylesheet">
  7. </head>
  8. <body>
  9. <header>
  10. <div th:replace="common::{topNav}">
  11. <div class="container">
  12. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  13. <div class="rt">
  14. <a href="/user/login.html" class="login">登录</a> <a href="/user/signIn.html">注册</a> <a href="#">导航</a> <a href="#">关于我们</a>
  15. <a href="#">联系我们</a>
  16. </div>
  17. </div>
  18. </div>
  19. </header>
  20. <div class="header_nav_detail">
  21. <div class="container ">
  22. <div class="row clearfix">
  23. <div class="col-md-3 logo">
  24. <div th:replace="common::sublogo"></div>
  25. </div>
  26. <div class="col-md-9">
  27. <div th:replace="common::subMenu('bigShot', '')"></div>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="secondary_navigation"></div>
  32. </div>
  33. <div class="banner-item active">
  34. <img th:src="${portalHost + '/img/bigshot_banner.jpg'}" alt="First slide">
  35. </div>
  36. <div class="container star">
  37. <div id="star_carousel" class="carousel slide star_slide">
  38. <ol class="carousel-indicators">
  39. <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
  40. <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
  41. <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
  42. </ol>
  43. <div class="carousel-inner">
  44. <div class="item">
  45. <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="First slide"> <span>杂交水稻之父“袁隆平”</span>
  46. </div>
  47. <div class="item active left">
  48. <img th:src="${portalHost + '/img/star_banner_2.png'}" alt="Second slide"> <span>陈政清点评工作</span>
  49. </div>
  50. <div class="item next left">
  51. <img th:src="${portalHost + '/img/star_banner_3.png'}" alt="Third slide"> <span>钟志华接收媒体采访</span>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="star_list">
  56. <ul>
  57. <li th:each="star,iterStart:${starList}">
  58. <div class="star_content_img">
  59. <img th:if="${star.personPortraitUrl} != null" th:src="${avatarUploadHost + star.personPortraitUrl}">
  60. <a href="#">
  61. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  62. 关注
  63. </a>
  64. </div>
  65. <div class="star_content_info">
  66. <h4 th:text="${star.username}" th:title="${star.username}">陈政清</h4>
  67. <h5 th:text="${star.workUnit}" th:title="${star.workUnit}">湖南大学 土木工程学院</h5>
  68. <h5 th:text="${star.professionalTitle}" th:title="${star.professionalTitle}">“985”工程首席科学家</h5>
  69. <p class="mt20"><label>技术:</label> <span class="red" th:text="${star.achievementNum}">4</span>项</p>
  70. <p><label>粉丝:</label> <span class="red" th:text="${star.fansNum}">456</span>人</p>
  71. </div>
  72. </li>
  73. </ul>
  74. </div>
  75. <div style="clear: both"></div>
  76. <div class="news_btn">
  77. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
  78. <a href="/portal/search/subscriberUser.html">查看更多</a>
  79. </div>
  80. </div>
  81. <div class="container lecture">
  82. <div id="lecture_carousel" class="carousel slide lecture_slide">
  83. <ol class="carousel-indicators">
  84. <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
  85. <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
  86. <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
  87. </ol>
  88. <div class="carousel-inner">
  89. <div class="item">
  90. <img th:src="${portalHost + '/img/star_banner_4.jpg'}" alt="First slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  91. </div>
  92. <div class="item active left">
  93. <img th:src="${portalHost + '/img/star_banner_5.jpg'}" alt="Second slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  94. </div>
  95. <div class="item next left">
  96. <img th:src="${portalHost + '/img/star_banner_6.jpg'}" alt="Third slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="star_list">
  101. <ul>
  102. <li th:each="lecture,iterStart:${lectureList}">
  103. <div class="star_content_img">
  104. <img th:if="${lecture.lectureUrl} != null" th:src="${avatarUploadHost + lecture.lectureUrl}">
  105. </div>
  106. <div class="lecture_content_info">
  107. <h5 th:text="${lecture.name}" th:title="${lecture.name}">科技成果转化项目开展讲座</h5>
  108. <p class="mt20" th:text="${lecture.lectureTimeFormattedDate}" th:title="${lecture.lectureTimeFormattedDate}">2017-06-30</p>
  109. <a href="#" class="customer-service">报名中</a>
  110. </div>
  111. </li>
  112. </ul>
  113. </div>
  114. <div style="clear: both"></div>
  115. <div class="news_btn">
  116. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
  117. <a href="/portal/scienceTechnology/lecture.html">查看更多</a>
  118. </div>
  119. </div>
  120. <!--<div class="container star">
  121. <div id="crowdfunding_carousel" class="carousel slide star_slide">
  122. <ol class="carousel-indicators">
  123. <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
  124. <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
  125. <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
  126. </ol>
  127. <div class="carousel-inner">
  128. <div class="item">
  129. <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="First slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  130. </div>
  131. <div class="item active left">
  132. <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="Second slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  133. </div>
  134. <div class="item next left">
  135. <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="Third slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="star_list">
  140. <ul>
  141. <li>
  142. <div class="star_content_img">
  143. <img th:src="${portalHost + '/img/star_img.png'}"> <a href="#">报名中</a> <span></span>
  144. </div>
  145. <div class="star_content_info">
  146. <h4>众筹名称</h4>
  147. <h5>描述</h5>
  148. <p class="mt20">
  149. <label>已报名:</label> <span class="red">4</span>名
  150. </p>
  151. <p>
  152. <label>剩余名额:</label> <span class="red">6</span>名
  153. </p>
  154. <p>
  155. <label>剩余时间:</label> <span class="red">01:01:01</span>
  156. </p>
  157. </div>
  158. </li>
  159. <li>
  160. <div class="star_content_img">
  161. <img th:src="${portalHost + '/img/star_img.png'}"> <a href="#">报名中</a> <span></span>
  162. </div>
  163. <div class="star_content_info">
  164. <h4>袁隆平先生</h4>
  165. <h5>中南大学 材料学院</h5>
  166. <h5>高强铝 镁铝 锻造 大飞机</h5>
  167. <p class="mt20">
  168. <label>技术:</label> <span class="red">4</span>项
  169. </p>
  170. <p>
  171. <label>解决:</label> <span class="red">6</span>次
  172. </p>
  173. <p>
  174. <label>粉丝:</label> <span class="red">456</span>人
  175. </p>
  176. </div>
  177. </li>
  178. <li>
  179. <div class="star_content_img">
  180. <img th:src="${portalHost + '/img/star_img.png'}"> <span></span>
  181. </div>
  182. <div class="star_content_info">
  183. <h4>袁隆平先生</h4>
  184. <h5>中南大学 材料学院</h5>
  185. <h5>高强铝 镁铝 锻造 大飞机</h5>
  186. <p class="mt20">
  187. <label>技术:</label> <span class="red">4</span>项
  188. </p>
  189. <p>
  190. <label>解决:</label> <span class="red">6</span>次
  191. </p>
  192. <p>
  193. <label>粉丝:</label> <span class="red">456</span>人
  194. </p>
  195. </div>
  196. </li>
  197. <li>
  198. <div class="star_content_img">
  199. <img th:src="${portalHost + '/img/star_img.png'}"> <span></span>
  200. </div>
  201. <div class="star_content_info">
  202. <h4>袁隆平先生</h4>
  203. <h5>中南大学 材料学院</h5>
  204. <h5>高强铝 镁铝 锻造 大飞机</h5>
  205. <p class="mt20">
  206. <label>技术:</label> <span class="red">4</span>项
  207. </p>
  208. <p>
  209. <label>解决:</label> <span class="red">6</span>次
  210. </p>
  211. <p>
  212. <label>粉丝:</label> <span class="red">456</span>人
  213. </p>
  214. </div>
  215. </li>
  216. </ul>
  217. </div>
  218. <div style="clear: both"></div>
  219. <div class="news_btn">
  220. <img th:src="${portalHost + '/img/down_ioc.png'}"> <a href="#">查看更多</a>
  221. </div>
  222. </div>-->
  223. <footer>
  224. <div th:replace="common::copyright"></div>
  225. </footer>
  226. <div th:replace="common::footer(~{::script})">
  227. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  228. <script type="text/javascript" th:src="${portalHost + '/scienceTechnology/bigShot.js'}"></script>
  229. </div>
  230. </body>
  231. </html>