entrepreneurshipIndex.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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 + '/entrepreneurship/entrepreneurshipIndex.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="container header_nav_detail">
  21. <div class="row clearfix">
  22. <div class="col-md-3 logo">
  23. <div th:replace="common::sublogo"></div>
  24. </div>
  25. <div class="col-md-9">
  26. <div th:replace="common::subMenu"></div>
  27. </div>
  28. </div>
  29. <div class="secondary_navigation"></div>
  30. </div>
  31. <div id="myCarousel" class="carousel slide">
  32. <!-- 轮播(Carousel)指标 -->
  33. <ol class="carousel-indicators">
  34. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  35. <li data-target="#myCarousel" data-slide-to="1"></li>
  36. <li data-target="#myCarousel" data-slide-to="2"></li>
  37. </ol>
  38. <!-- 轮播(Carousel)项目 -->
  39. <div class="carousel-inner">
  40. <div class="item active">
  41. <img th:src="${portalHost + '/img/slide_img_1.png'}" alt="First slide">
  42. </div>
  43. <div class="item">
  44. <img th:src="${portalHost + '/img/slide_img_1.png'}" alt="Second slide">
  45. </div>
  46. <div class="item">
  47. <img th:src="${portalHost + '/img/slide_img_1.png'}" alt="Third slide">
  48. </div>
  49. </div>
  50. <!-- 轮播(Carousel)导航 -->
  51. <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span
  52. class="glyphicon glyphicon-chevron-left"></span></a> <a class="carousel-control right" href="#myCarousel" data-slide="next"><span
  53. class="glyphicon glyphicon-chevron-right"></span></a>
  54. </div>
  55. <div class="container nav_btn">
  56. <a href="#">发布项目</a> <a href="#">发起圈子</a> <a href="#">成为创客</a> <a href="#">成为专家</a> <a href="#">成为投资人</a>
  57. </div>
  58. <div class="container project">
  59. <div class="div_title">
  60. <img th:src="${portalHost + '/img/project_ioc.png'}">
  61. <h2>项目圈</h2>
  62. </div>
  63. <div class="project_content">
  64. <div class="project_img">
  65. <img th:src="${portalHost + '/img/project_img.png'}">
  66. </div>
  67. <div class="project_info">
  68. <h3>
  69. 矿山岩体破裂的微地震定位监测系统<span>进行中</span>
  70. </h3>
  71. <p class="project_introduce">微地震监测系统是通过监测岩体破裂产生的震动或其他物体的震动,对监测对象的破坏状况、安全状况等作出评价,从而为预报和控制灾害提供依据的成套设备和技术。该监测系统可广泛应用于矿山岩体破裂的定位监测,是预测预报顶板垮落、矿井突水、煤与瓦斯突出、冲击地压等的有效工具,也可根据监测到的岩体破裂的范围和破裂程度,确定导水裂隙带高度、开采上限和巷道的合理位置等重要参数。微地震监测系统也可应用于建筑物安全监控、大坝和边坡稳定性监测、核废料储存峒室稳定性监测、隧道稳定性监测以及石油、军事等领域。
  72. </p>
  73. <div class="project_statistics">
  74. <div>
  75. <span class="red"><i>15</i>家</span>
  76. <p>投资关注</p>
  77. </div>
  78. <div>
  79. <span class="red"><i>20</i>人</span>
  80. <p>创客关注</p>
  81. </div>
  82. <div>
  83. <span class="red"><i>25</i>名</span>
  84. <p>专家关注</p>
  85. </div>
  86. <div>
  87. <span class="red"><i>50</i>次</span>
  88. <p>项目评论</p>
  89. </div>
  90. </div>
  91. <div class="project_btn">
  92. <a href="#"><img
  93. th:src="${portalHost + '/img/project_btn_ioc_1.png'}"> 我要评论</a>
  94. <a href="#"><img
  95. th:src="${portalHost + '/img/project_btn_ioc_2.png'}"> 我要投资</a>
  96. <a href="#"><img
  97. th:src="${portalHost + '/img/project_btn_ioc_3.png'}"> 我要创业</a>
  98. <a href="#"><img
  99. th:src="${portalHost + '/img/project_btn_ioc_4.png'}"> 发布项目</a>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="container originality_project">
  105. <div class="div_title">
  106. <img th:src="${portalHost + '/img/originality_project_ico.png'}">
  107. <h2>创客圈</h2>
  108. </div>
  109. <div class="originality_title">
  110. <div>一种具有仿生视频隐身可控变色结构</div>
  111. <div>一种月球车车轮仿生轮刺</div>
  112. </div>
  113. <div class="originality_content">
  114. <img th:src="${portalHost + '/img/originality_project_img.png'}">
  115. <div class="originality_btn">
  116. <a href="#"><img
  117. th:src="${portalHost + '/img/originality_btn_ico.png'}"> 发起圈子</a>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="container new_project">
  122. <div class="div_title">
  123. <img th:src="${portalHost + '/img/new_project_ico.png'}">
  124. <h2>结义园</h2>
  125. </div>
  126. <div class="new_project_content">
  127. <div class="new_project_img">
  128. <img th:src="${portalHost + '/img/new_project_img_1.png'}">
  129. </div>
  130. <div class="new_project_info">
  131. <h3>
  132. 大幅面微纳图形制造技术及应用<span>进行中</span>
  133. </h3>
  134. <p class="new_project_introduce">
  135. 项目解决了大幅面下微纳米结构图形的快速制造难题:1)发明了多功能干涉光学头,实现了普通工业环境下,大幅面亚微米结构图形的快速制造;2)提出了基于空间光调制的智能化图形技术与方法,解决了高效率无掩模光刻关键技术;3) 首次建成了规模化"微纳柔性制造生产线",从"微纳结构设计、材料特性研究、重大装备研发到成果产业化"完整工艺链,促进了技术进入低成本工业化应用阶段。研制成功"宽幅智能激光SLM光刻设备"、"大幅面紫外激光干涉直写设备"、"高效率并行激光精密图形化设备"、面向不同应用的卷对卷纳米压印设备及配套专用工艺装备;具有国际领先水平,这是我国超精细先进制造领域的重要技术突破,所达到的技术性能前所未有。
  136. </p>
  137. <a href="#"><img
  138. th:src="${portalHost + '/img/new_project_btn_ico.png'}"> 结义号召</a>
  139. </div>
  140. </div>
  141. <div class="new_project_content">
  142. <div class="new_project_img rt">
  143. <img th:src="${portalHost + '/img/new_project_img_2.png'}">
  144. </div>
  145. <div class="new_project_info">
  146. <h3>
  147. 卷对卷微纳压印关键技术及应用<span>进行中</span>
  148. </h3>
  149. <p class="new_project_introduce">
  150. 本项目研制成功了卷对卷纳米压印设备,攻克了大尺寸微纳结构模具制备的紫外激光直写设备和工艺难题,突破了连续压印的关键技术瓶颈,实现了微纳结构材料与器件产业应用。
  151. </p>
  152. <a href="#"><img
  153. th:src="${portalHost + '/img/new_project_btn_ico.png'}"> 结义号召</a>
  154. </div>
  155. </div>
  156. </div>
  157. <footer>
  158. <div th:replace="common::copyright"></div>
  159. </footer>
  160. <div th:replace="common::footer(~{::script})">
  161. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  162. <script type="text/javascript" th:src="${portalHost + '/entrepreneurship/entrepreneurshipIndex.js'}"></script>
  163. </div>
  164. </body>
  165. </html>