investmentDetail.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  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 + '/financial/investmentDetail.css'}" rel="stylesheet">
  7. </head>
  8. <body>
  9. <header>
  10. <div th:replace="common::nav('financial','investmentDetail')"></div>
  11. </header>
  12. <!--banner-->
  13. <div class="carouselt">
  14. <ul class="ct-img-big clear">
  15. <li data-index=0 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_1.jpg'}" alt=""/></a></li>
  16. <li data-index=1 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_2.jpg'}" alt=""/></a></li>
  17. <li data-index=2 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_3.jpg'}" alt=""/></a></li>
  18. <li data-index=3 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_4.jpg'}" alt=""/></a></li>
  19. <li data-index=4 ><a href=""><img th:src="${portalHost + '/img/highTech_slide_5.jpg'}" alt=""/></a></li>
  20. </ul>
  21. <a class="btn btn-next" href="">
  22. <img th:src="${portalHost + '/img/index_next.png'}" alt=""/>
  23. </a>
  24. <a class="btn btn-pre" href="">
  25. <img th:src="${portalHost + '/img/index_pre.png'}" alt=""/>
  26. </a>
  27. </div>
  28. <!--主体内容区域开始-->
  29. <div class="main_top">
  30. <div class="head_bj">
  31. <div class="container">
  32. <ul class="detail_toptitle">
  33. <li><img th:src="${portalHost + '/img/detail_home.jpg'}" alt="" /></li>
  34. <li>></li>
  35. <li><a th:href="${basePath + '/portal/financial/index.html'}">科技金融 </a></li>
  36. <li>></li>
  37. <li><a th:href="${basePath + '/portal/financial/investmentInstitution.html'}">投资机构 </a></li>
  38. <li>></li>
  39. <li class="that" th:text="${bo.companyName}"></li>
  40. </ul>
  41. </div>
  42. </div>
  43. <div class="detail_contant container">
  44. <div class="detail_left">
  45. <div class="introduction">
  46. <h4>机构简介</h4>
  47. <p th:text="${bo.companyIntroduction}"></p>
  48. </div>
  49. <div class="list_logo">
  50. <h4>投资案例</h4>
  51. <div class="list_imgs">
  52. <span class="need_prev"><img th:src="${portalHost + '/img/inverDetails_left.png'}" alt="" /></span>
  53. <div class="list_width need_imgs">
  54. <ol>
  55. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
  56. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  57. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
  58. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  59. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
  60. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  61. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  62. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
  63. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  64. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  65. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_10.png'}" alt="" /></a></li>
  66. <li><a href=""><img th:src="${portalHost + '/img/inverDetails_11.png'}" alt="" /></a></li>
  67. </ol>
  68. </div>
  69. <span class="need_next"><img th:src="${portalHost + '/img/inverDatauuils_30.png'}" alt="" /></span>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="detail_right">
  74. <div class="institutions_top">
  75. <div class="institutions_love">
  76. <p th:if="${bo.publicityPictureUrl != null and bo.publicityPictureUrl !=''}">
  77. <img th:src="${portalHost + bo.publicityPictureUrl}" alt="" />
  78. </p>
  79. <p th:if="${bo.publicityPictureUrl == null or bo.publicityPictureUrl ==''}">
  80. <img th:src="${avatarUploadHost + '/default/inverDatails.jpg'}" alt="" />
  81. </p>
  82. <div class="love_text">
  83. <p><img th:src="${portalHost + '/img/inverDatails_love.png'}" alt="" /><span> 12 </span> 收藏</p>
  84. <p>线下约见<span> 32次</span></p>
  85. </div>
  86. </div>
  87. <h4 th:text="${bo.companyName}"></h4>
  88. <p>所在地: <span th:text=${bo.companyLocation}></span></p>
  89. <a href="">在线咨询</a>
  90. </div>
  91. <div class="institutions_bottom">
  92. <h4>相关机构</h4>
  93. <ul>
  94. <li th:each="company : ${recommendCompanyList}">
  95. <img th:src="${portalHost + company.logoUrl}" alt="" />
  96. <a th:href="@{/portal/financial/investmentDetail(organizationId=${company.id})}">
  97. <p th:text="${company.companyName}"></p>
  98. <p th:text="${company.companyIntroduction}"></p>
  99. </a>
  100. </li>
  101. </ul>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <footer>
  107. <div th:replace="common::copyright"></div>
  108. <div th:replace="common::login"></div>
  109. </footer>
  110. <div th:replace="common::footer(~{::script})">
  111. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  112. <script type="text/javascript" th:src="${portalHost + '/financial/investmentDetail.js'}"></script>
  113. </div>
  114. </body>
  115. </html>