member.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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 + '/member.css'}" rel="stylesheet">
  7. </head>
  8. <body>
  9. <div th:replace="common::nav('','')"></div>
  10. <!--主体内容区域开始-->
  11. <div class="member">
  12. <div class="member_contant">
  13. <h3>申请会员获得更多增值服务</h3>
  14. <div class="member_main">
  15. <div class="member_on">
  16. <h5><img th:src="${portalHost + '/img/member_1.jpg'}" alt="" />提供的专属服务</h5>
  17. <div class="member_business_list" id="member1business">
  18. </div>
  19. <ul class="member_left" id="member1cost">
  20. </ul>
  21. </div>
  22. <div class="partingline"></div>
  23. <div class="member_on">
  24. <h5 class="blur"><img th:src="${portalHost + '/img/member_2.jpg'}" alt="" />提供的专属服务</h5>
  25. <div class="member_business_list" id="member2business">
  26. </div>
  27. <ul id="member2cost">
  28. </ul>
  29. </div>
  30. </div>
  31. <img th:src="${portalHost + '/img/member_4.png'}" alt="黄金会员" class="gold" />
  32. <img th:src="${portalHost + '/img/member_7.jpg'}" alt="钻石会员" class="diamond" />
  33. <a onclick="_MEIQIA('showPanel')">立即申请</a>
  34. </div>
  35. <div class="shadow">
  36. <img th:src="${portalHost + '/img/shadow7.png'}" alt="" />
  37. </div>
  38. </div>
  39. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  40. <div class="modal-dialog" role="document">
  41. <div class="modal-content">
  42. <div class="modal-header">
  43. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  44. <h4 class="modal-title" id="myModalLabel">会员订单提交</h4>
  45. </div>
  46. <div class="modal-body" id="modal-content">
  47. </div>
  48. <div class="modal-footer">
  49. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  50. <button type="button" class="btn btn-primary" id="submitOrder">提交订单</button>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <!--主体内容区域结束-->
  56. <footer>
  57. <div th:replace="common::copyright"></div>
  58. <div th:replace="common::login"></div>
  59. </footer>
  60. <div class="msg"><span></span></div>
  61. <div th:replace="common::footer(~{::script})">
  62. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  63. <script type="text/javascript" th:src="${portalHost + '/member.js'}"></script>
  64. </div>
  65. </body>
  66. </html>