details.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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 + '/activity/details.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>
  15. <a href="/user/signIn.html">注册</a>
  16. <a href="#">导航</a>
  17. <a href="#">关于我们</a>
  18. <a href="#">联系我们</a>
  19. </div>
  20. </div>
  21. </div>
  22. </header>
  23. <div class="header_nav_detail">
  24. <div class="container ">
  25. <div class="row clearfix">
  26. <div class="col-md-3 logo">
  27. <div th:replace="common::sublogo"></div>
  28. </div>
  29. <div class="col-md-9">
  30. <div th:replace="common::subMenu"></div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="secondary_navigation"></div>
  35. </div>
  36. <div class="item active">
  37. <img th:src="${portalHost +'/img/activity_detail_banner.jpg'}" alt="First slide">
  38. </div>
  39. <div class="container activity_content">
  40. <div class="activity_content_title">
  41. <h3>协助承办华南理工大学技术成果对接会</h3>
  42. <div class="contacts">
  43. <label>发起人 :</label> <span>华南理工大学</span><a href="#">联系我</a>
  44. </div>
  45. <div class="share">
  46. <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTFW+RXvGb2vAYHTDaHnEbme8W3zGcW2+X1y3Tmm8XnrFb1GyQf///0WtNPH58EuwO9fu02O7VOX047jgssjnw4jLfaLWmSyT4fAAAAAMdFJOUwAMqi38UyZx0e8uiEPD46kAAAGZSURBVDjLjVTbsoMgDESLBTvIHfz/Pz1JQAVpz7gvmWnX7LIJMNbiJWbJleJyFi/2A5OQqoEU0zeWWNUNqxhIb6m+QL571kKtLODWcOlYyNEaaVha4tKztPZ5j4Cdq4548t6gqP3uzEYIKSvd6B7+wL3mbrtgom94siYBvnjYOqSWR7lMIOmxVyiqpUR1+Vun0kxFVMp2p6Jr6duBM5K8/seyRXudF9x9oOSilkIpxrjkIuRyEj+oWT6/4GJMLri0c6sP1flOMzGeCe71wDOFlk3LSmYIRjKcQJtaalnIQ38ro6bx/DlE/CRGg5KQptlpaYjWtHOJQkEbyePXjmRZ2dnDnUk020BB0kkC1yhatzaHegDXh7MZpEkMhHSrvXSnUbeZRqpo+A5CdUM38iZoWCiaMErP/W0iG530ww5zngZjrXfj4sm6SA36PS5TEHUtG1jNrzmQ/7KW93ZoNLoQYEVMOJux010jDGfJ3MO5sj2vDF1AdVMuUL65gHSdBya1tcO1/4FlfGpG9E/N04fr6TP4+FH994n+A+mJO4kbS/fyAAAAAElFTkSuQmCC">
  47. <span>微信</span></a>
  48. <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTOjQU+fLQebDJ+bKQOjOUenQVeTDJ+TGMeXKO+rPU+jPVOLAHf///+K+FeC6Cv788uvSXPPknejLRPz44+/aefrz1PfuwBsmaVEAAAAMdFJOUwBvzgzUU3H97yqqc3ptkKcAAAGjSURBVDjLjZSHroMwDEUpUBLAOCHz///0OYOMFvRqVZWAI4/rMQytrcs2cmB83JZ1eLBpmYGMxR/AvEx31IvDh/HXF7SOcGPjR+g3h1vj745izSfE5oG9Hyhg7J5b24jIvELRxr3y67LHUxotujqyEh0F6jhUlx5EXaauSNTmOD7c8aDz0lFIzr7cLYTNVQcEoV3AnBaYLH6aqcwEiWzRGbnLj9npmgvQZzRtTcKkTW80YIq6pcS9NNGkc957+nPhwZwp7Halpn1245SyJ2Mq+YQruSQHCpazklJSATG4O6+C+XC1s3CHsWBlpESRpWAgQMksRqS8rhQbag8Ec4lKeTW+KOjcY55l6Qhru79VTBtJM4RWeUdRbdOwrbYUBY1QVNUSKA8Fomnq2mKksZRRaBnCF2ytrYdUIOmRKvZ1mqj1w14mxIbMFelwhpY0Q7c3YxlHzVkII8SUaUqNY3kNOYInV6m84FBa0Q55XRkbXF31MHtitzJlAbHRHYtqZQHLOmO/Y/+sPTwch19Pza+H69czGHTe5xaa9+np/KYTDd8n+g9jUzrFxqZ7YgAAAABJRU5ErkJggg==">
  49. <span>QQ空间</span></a>
  50. <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUdwTNtGZNcsVd5feNpLZ95ddttLaN9feNYxUdg6WdxSbttQbNUrTf///9IeQNMlRvzw8uubquFof9xTbdARNtlAXffU2/rl6e+uuuaBlPPDzDrKXL4AAAAMdFJOUwDVDKoqU89x/e/U7Vn1mzAAAAHsSURBVDjLlVRrk4MgDOzDKrYQCC+B//9DLwHxvNbOeJlOv7hsNpvH5bKPYbo/X0K8nvdpuHyJ2/SUu3hOtyPUNMu3mKcP0DDKgxjfUj9meRjz4w9KyC8hHmdQe9xwlFFrvebt+o7UA8EAWh2rEwdUwiJiDo2x+nKbP3OBXRRFzJIJ59sbmQYC0Q9cSpgIihXHdNcdSLqM6Co0BOGKUpkfXqnMHcoh5yoBtJcpphCKioHpht+cGmxkQWoJXmuHRRVhjbG+Zr1vqFxlk3BrMaUss7Iiqgq7d9MIZRpKmcj4xTmTGQbVurlnXLm2yAEJaVy15NLaCSE2IjKiROYlUaCtKYJ9FA0GGjlPsoGtC5YqNskCBOta/1tScAtLp+fcIu+rBEM9gNb/uZZA+gnlfCimVgrguSBjoU9xNQR0oree/ukb+SvAV624zhIZMtV+JyZzi0mF3IgOWkm5Wz/VZmlA8slbhZ5FRVJnDVvXYUNrPZeQiS05rhjBOyZLHXVdB0mTISTYxsWYBbXn2aAR+M25jiVINAod+2FFHRSTQi+gjmWbEbKsKFNotJFdMSUL2JP1lQGg+ac6OW1BG2BDjX8WkBZJB1dD6G7/fgG3daavNbYdPb324vH/U3P2cJ09g6eP6nqix5eUr/H9RP8Arlg+2rToAVgAAAAASUVORK5CYII=">
  51. <span>新浪微博</span></a>
  52. </div>
  53. </div>
  54. <div class="container activity_details">
  55. <div class="activity_details_img">
  56. <img th:src="${portalHost +'/img/activity_details_img.jpg'}">
  57. </div>
  58. <div class="activity_details_content">
  59. <ul>
  60. <li><label>活动时间:</label> <span>2017年06月01日</span></li>
  61. <li><label>主办单位:</label> <span>长沙市科技局</span></li>
  62. <li><label>活动形式:</label> <span>会议</span></li>
  63. <li><label>承办单位:</label> <span>长沙市科技成果转化中心</span></li>
  64. <li><label>活动地点:</label> <span>长沙市岳麓区五强商务中心</span></li>
  65. <li>
  66. <label>协办单位:</label>
  67. <span class="dropdown">
  68. <i type="button" id="enterpriseMenu" data-toggle="dropdown">湖南科德信息咨询有限公司
  69. <span class="glyphicon glyphicon-chevron-down"></span>
  70. </i>
  71. <ul class="dropdown-menu" role="menu" aria-labelledby="enterpriseMenu">
  72. <li role="presentation">
  73. <a role="menuitem" tabindex="-1">麓区五强商务中心</a>
  74. </li>
  75. <li role="presentation">
  76. <a role="menuitem" tabindex="-1">科德信息咨询有限公司</a>
  77. </li>
  78. </ul>
  79. </span>
  80. </li>
  81. <li><label>活动类型:</label> <span>成果对接会</span></li>
  82. <li class="activity_state">
  83. <a href="#">已结束</a>
  84. </li>
  85. </ul>
  86. <div class="activity_apply">
  87. <a href="#" class="apply">立即报名</a> <a href="#" class="recommend">邀请朋友报名</a>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="container activity_detailed">
  93. <div class="div_title">
  94. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURUdwTFij/1ei/1ei/1Sc/1ii/1ij/1ij/1ah/1ei/1mn/1ej/1ij/1ej/1ij/////3m1/3+5/4i+/77b//H3/63S/2qt/9Tn/+Tw/+7FVasAAAAOdFJOUwCkRGgJ+VnJG9gC7Zmc9wZe6wAAAQVJREFUOMuNlNmygyAQRDEu45I0yqb//6XXaBDiHVLTL5bFKaaZTalMfV3R1LYTVXWvWI0dIRN143/mMeCm4XFDmicYPZsvMwRWlFnrBxQ0XFRDKIpixBd+6PV51/FjnL7JmePgeON4GnJ+vsm709Y7X915rV6A8BVo0ee32yFK0Bo4iPbnI0Jhe9vYoqU5QuhVfUHwbgVmc2q5bkKtqgQZGC4cqmjp8ATW+G5qyiDPQ5Nqk3GrVwNvPwoX1GYQvN6Ns1AWzhtbCCcynqUACwopSMkMxpnAJzOVBVZvgS9LVmBv10KBs1YJCKVWETWdqH1lgyAbKdFwysZctjBkq0e4xH6twz/lDjpiCZj/JwAAAABJRU5ErkJggg==">
  95. <h2>活动详情</h2>
  96. </div>
  97. <div class="activity_detailed_nav">
  98. <ul id="myTab">
  99. <li class="active"><a href="#tab1" data-toggle="tab">活动详情</a></li>
  100. <li><a href="#tab2" data-toggle="tab">活动图片</a></li>
  101. <li><a href="#tab3" data-toggle="tab">活动成果</a></li>
  102. </ul>
  103. </div>
  104. <div class="active_content_list">
  105. <div class="tab-pane fade in active" id="tab1">
  106. <ul>
  107. <li>
  108. <div class="active_content_info">
  109. <h4>华南理工大学技术成果对接会</h4>
  110. <p class="mt18"><label>时间: </label> 时间: 2017年06月01日 11:00-11:30</p>
  111. <p><label>主办单位: </label> 长沙市科技局主办</p>
  112. <p><label>承办单位: </label> 长沙市科技成果转化服务中心、湖南科德信息咨询有限公司</p>
  113. <span class="end">
  114. 活动成果:我公司精准邀约到数十家有技术需求的企业参会,并帮助他们与相关技术领域的专家教授取得了深入的沟通,并初步促成湖南昊华化工有限责任公司、长沙万华粉体设备有限公司、湖南省新九方耕地修复有限公司等四家企业与华南理工大学达成了合作意向。
  115. </span>
  116. </div>
  117. <div class="active_content_img">
  118. <img th:src="${portalHost +'/img/internationalCase_img_1.jpg'}">
  119. </div>
  120. <div class="active_content_img">
  121. <img th:src="${portalHost +'/img/internationalCase_img_2.jpg'}">
  122. </div>
  123. <div class="active_content_img">
  124. <img th:src="${portalHost +'/img/internationalCase_img_3.jpg'}">
  125. </div>
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. <footer>
  132. <div th:replace="common::copyright"></div>
  133. </footer>
  134. <div th:replace="common::footer(~{::script})">
  135. <script type="text/javascript" th:src="${portalHost +'/vendors.js'}"></script>
  136. <script type="text/javascript" th:src="${portalHost + '/activity/details.js'}"></script>
  137. </div>
  138. </body>
  139. </html>