|
|
@@ -1,56 +1,59 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html xmlns="http://www.w3.org/1999/xhtml"
|
|
|
- xmlns:th="http://www.thymeleaf.org"
|
|
|
- xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
|
|
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
|
|
+
|
|
|
<head th:replace="common::header(~{::title},~{::link})">
|
|
|
-<title>科技服务</title>
|
|
|
-<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
|
|
|
-<link th:href="${portalHost + '/member.css'}" rel="stylesheet">
|
|
|
+ <title>科技服务</title>
|
|
|
+ <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
|
|
|
+ <link th:href="${portalHost + '/member.css'}" rel="stylesheet">
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
<header>
|
|
|
<div th:replace="common::nav('','')"></div>
|
|
|
</header>
|
|
|
- <!--主体内容区域开始-->
|
|
|
+ <!--主体内容区域开始-->
|
|
|
<div class="member">
|
|
|
<div class="member_contant">
|
|
|
<h3>申请会员获得更多增值服务</h3>
|
|
|
- <div class="member_main">
|
|
|
+ <div class="member_main">
|
|
|
<div class="member_on">
|
|
|
<h5><img th:src="${portalHost + '/img/member_1.jpg'}" alt="" />提供的专属服务</h5>
|
|
|
- <p>科技成果,专家信息定点推送</p>
|
|
|
- <p>查看专家的联系方式</p>
|
|
|
- <p>任何业务申请,付费业享受会员专属折扣</p>
|
|
|
- <p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
|
|
|
- <p>一对一的科技咨询师服务</p>
|
|
|
- <ul class="member_left">
|
|
|
- <li>1400元/6个月</li>
|
|
|
- <li class="then"><span>限时折扣</span><br /><time>800元/3个月</time></li>
|
|
|
- <li>2000元/12个月</li>
|
|
|
+ <div class="member_business_list" id="member1business">
|
|
|
+ </div>
|
|
|
+ <ul class="member_left" id="member1cost">
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="partingline"></div>
|
|
|
- <div class="member_on">
|
|
|
+ <div class="member_on">
|
|
|
<h5 class="blur"><img th:src="${portalHost + '/img/member_2.jpg'}" alt="" />提供的专属服务</h5>
|
|
|
- <p>科技成果,专家信息定点推送</p>
|
|
|
- <p>查看专家的联系方式</p>
|
|
|
- <p>任何业务申请,付费业享受会员专属折扣</p>
|
|
|
- <p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
|
|
|
- <p>一对一的科技咨询师服务</p>
|
|
|
- <p>一对一的专业技术顾问,搜集技术情报,提供研发高参</p>
|
|
|
- <ul>
|
|
|
- <li>3500元/6个月</li>
|
|
|
- <li class="then"><span>限时折扣</span><br /><time>2000元/3个月</time></li>
|
|
|
- <li>5000元/12个月</li>
|
|
|
+ <div class="member_business_list" id="member2business">
|
|
|
+ </div>
|
|
|
+ <ul id="member2cost">
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <img th:src="${portalHost + '/img/member_4.png'}" alt="黄金会员" class="gold"/>
|
|
|
- <img th:src="${portalHost + '/img/member_7.jpg'}" alt="钻石会员" class="diamond"/>
|
|
|
-
|
|
|
+ <img th:src="${portalHost + '/img/member_4.png'}" alt="黄金会员" class="gold" />
|
|
|
+ <img th:src="${portalHost + '/img/member_7.jpg'}" alt="钻石会员" class="diamond" />
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="shadow">
|
|
|
+ <img th:src="${portalHost + '/img/shadow7.png'}" alt="" />
|
|
|
</div>
|
|
|
- <div class="shadow">
|
|
|
- <img th:src="${portalHost + '/img/shadow7.png'}" alt=""/>
|
|
|
+ </div>
|
|
|
+ <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
+ <h4 class="modal-title" id="myModalLabel">会员订单提交</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body" id="modal-content">
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
|
|
+ <button type="button" class="btn btn-primary" id="submitOrder">提交订单</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--主体内容区域结束-->
|
|
|
@@ -64,4 +67,5 @@
|
|
|
<script type="text/javascript" th:src="${portalHost + '/service.js'}"></script>
|
|
|
</div>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|