yee 8 years ago
parent
commit
8355094f02
1 changed files with 54 additions and 9 deletions
  1. 54 9
      src/main/webapp/WEB-INF/views/portal/membership.html

+ 54 - 9
src/main/webapp/WEB-INF/views/portal/membership.html

@@ -1,12 +1,10 @@
 <!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 + '/membership.css'}" rel="stylesheet">
+	<title>用户会员申请</title>
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/membership.css'}" rel="stylesheet">
 </head>
 
 <body>
@@ -15,14 +13,61 @@
 			<div class="container">
 				<div class="lt">欢迎进入科技认知计算交易平台!</div>
 				<div class="rt">
-					<a href="/user/login.html" class="login">登录</a> <a
-						href="/user/signIn.html">注册</a> <a href="#">导航</a> <a href="#">关于我们</a>
+					<a href="/user/login.html" class="login">登录</a> <a href="/user/signIn.html">注册</a> <a href="#">导航</a> <a href="#">关于我们</a>
 					<a href="#">联系我们</a>
 				</div>
 			</div>
 		</div>
 	</header>
-	<div></div>
+	<div class="wrap">
+		<div class="member-title">申请会员获得更多增值服务</div>
+		<div class="member-text">根据企业所需选择合适的付费方案,更高效地为您提供服务</div>
+		<div class="member-card">
+			<ul id="member-list" class="clearfix">
+				<li>
+					<div class="level level1">黄金会员</div>
+					<div class="top">
+						<i class="topImg"></i>
+						<span>提供的专属服务</span>
+					</div>
+					<div class="server">
+						<p>科技成果,专家信息定点推送</p>
+						<p>查看专家的联系方式</p>
+						<p>任何业务申请,付费业享受会员专属折扣。</p>
+						<p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
+						<p>一对一的科技咨询师服务</p>
+					</div>
+					<div class="money">
+						<p><a href="">800/3月</a></p>
+						<p><a href="">1400/6月</a></p>
+						<p><a href="">2000/12月</a></p>
+					</div>
+				</li>
+				<li>
+					<div class="level level2">钻石会员</div>
+					<div class="top">
+						<i class="topImg"></i>
+						<span>提供的专属服务</span>
+					</div>
+					<div class="server">
+						<p>科技成果,专家信息定点推送</p>
+						<p>查看专家的联系方式</p>
+						<p>任何业务申请,付费业享受会员专属折扣。</p>
+						<p>一对一的技术经纪人服务,进行技术成果媒合服务</p>
+						<p>一对一的科技咨询师服务</p>
+						<p>一对一的专业技术顾问,搜集技术情报,提供研发高参</p>
+						<p>免费参加现场业务培训会</p>
+						<p>免前期费用做科技类扶持资金项目申报</p>
+					</div>
+					<div class="money">
+						<p><a href="">2000/3月</a></p>
+						<p><a href="">3500/6月</a></p>
+						<p><a href="">5000/12月</a></p>
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
 	<footer>
 		<div th:replace="common::copyright"></div>
 	</footer>