details.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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('activityIndex', 'activityDetail')"></div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="secondary_navigation"></div>
  35. </div>
  36. <div th:replace="common::banners"></div>
  37. <div class="banner-item" th:if="${banners==null}">
  38. <img th:src="${portalHost +'/img/activity_detail_banner.jpg'}" alt="First slide">
  39. </div>
  40. <div class="container activity_content">
  41. <div class="activity_content_title">
  42. <h3 class="name"></h3>
  43. <div class="contacts">
  44. <label>发起人 :</label> <span class="host"></span><a class="customer-service" href="#">联系我</a>
  45. </div>
  46. <!-- <div class="share">
  47. <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">
  48. <span>微信</span></a>
  49. <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==">
  50. <span>QQ空间</span></a>
  51. <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=">
  52. <span>新浪微博</span></a>
  53. </div> -->
  54. </div>
  55. <div class="container activity_details">
  56. <div class="activity_details_img">
  57. <img th:src="${portalHost +'/img/activity_details_img.jpg'}">
  58. </div>
  59. <div class="activity_details_content">
  60. <ul>
  61. <li><label>活动时间:</label> <span class="startTimeFormattedDate"></span></li>
  62. <li><label>主办单位:</label> <span class="host"></span></li>
  63. <li><label>活动形式:</label> <span class="form"></span></li>
  64. <li><label>承办单位:</label> <span class="undertake"></span></li>
  65. <li><label>活动地点:</label> <span class="address"></span></li>
  66. <li>
  67. <label>协办单位:</label>
  68. <span class="dropdown">
  69. <i type="button" id="enterpriseMenu" data-toggle="dropdown">
  70. <span class="glyphicon glyphicon-chevron-down"></span>
  71. </i>
  72. <ul class="dropdown-menu" role="menu" aria-labelledby="enterpriseMenu">
  73. <li role="presentation">
  74. <a role="menuitem" tabindex="-1"></a>
  75. </li>
  76. <li role="presentation">
  77. <a role="menuitem" tabindex="-1"></a>
  78. </li>
  79. </ul>
  80. </span>
  81. </li>
  82. <li><label>活动类型:</label> <span class="activityType"></span></li>
  83. <li class="activity_state">
  84. <a href="#" class="activityStatus">已结束</a>
  85. </li>
  86. </ul>
  87. <div class="activity_apply">
  88. <a href="#" class="apply customer-service">立即报名</a>
  89. <!-- <a href="#" class="recommend">邀请朋友报名</a> -->
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="container activity_detailed">
  95. <div class="div_title">
  96. <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==">
  97. <h2>活动详情</h2>
  98. </div>
  99. <!-- <div class="activity_detailed_nav">
  100. <ul id="myTab">
  101. <li class="active"><a href="#tab1" data-toggle="tab">活动详情</a></li>
  102. <li><a href="#tab2" data-toggle="tab">活动图片</a></li>
  103. <li><a href="#tab3" data-toggle="tab">活动成果</a></li>
  104. </ul>
  105. </div> -->
  106. <div class="active_content_list">
  107. <div class="tab-pane fade in active" id="tab1">
  108. <ul>
  109. <li>
  110. <div class="active_content_info">
  111. <h4 class="name"></h4>
  112. <p class="mt18"><label>时间: </label><span class="startTimeFormattedDate"></span></p>
  113. <p><label>主办单位: </label> <span class="host"></span></p>
  114. <p><label>承办单位: </label> <span class="undertake"></span></p>
  115. <span class="end summary">
  116. </span>
  117. </div>
  118. <div class="active_content_img">
  119. </div>
  120. </li>
  121. </ul>
  122. </div>
  123. </div>
  124. </div>
  125. <footer>
  126. <div th:replace="common::copyright"></div>
  127. </footer>
  128. <div th:replace="common::footer(~{::script})">
  129. <script type="text/javascript" th:src="${portalHost +'/vendors.js'}"></script>
  130. <script type="text/javascript" th:src="${portalHost + '/activity/details.js'}"></script>
  131. </div>
  132. </body>
  133. </html>