Home Explore Help
Register Sign In
usoft
/
platform-home
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

人才招聘页面

hangb 8 years ago
parent
d95d6d5606
commit
558394ccc5
4 changed files with 38 additions and 490 deletions
Unified View Show Diff Stats
  1. 0 323
      src/main/webapp/WEB-INF/views/normal/hiring.html
  2. 7 5
      src/main/webapp/WEB-INF/views/normal/index.html
  3. 0 162
      src/main/webapp/resources/css/hiring.css
  4. 31 0
      src/main/webapp/resources/css/index.css

+ 0 - 323
src/main/webapp/WEB-INF/views/normal/hiring.html
View File 

@@ -1,323 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-<head>
 
-<meta charset="utf-8">
 
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-<meta name="renderer" content="webkit"> 
-<meta http-equiv="Content-Language" Content="zh-CN">
 
-<meta name="viewport" content="width=device-width, initial-scale=1">
 
-<meta name="author" content="优软科技">
 
-<meta name="Keywords" content="优软,优软云,优企云服,SAAS,UAS,ERP,企业管理">
 
-<meta name="baidu-site-verification" content="tamBdrxeYx" />
 
-<link href="static/img/icon/icon_32.png" rel="icon" type="image/x-icon" />
 
-<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
 
-<link rel="stylesheet"
 
-	href="static/lib/fontawesome/css/font-awesome.min.css" />
 
-<link rel="stylesheet" href="static/lib/bootstrap-tour/css/bootstrap-tour.min.css" />
 
-<link rel="stylesheet" href="static/css/common.css" />
 
-<link rel="stylesheet" href="static/css/hiring.css" />
 
-<title>人才招聘</title>
 
-</head>
 
-<body>
 
-	<!-- nav start -->
 
-	<nav id="nav" class="navbar navbar-inverse navbar-fixed-top">
 
-		<div class="container">
 
-			<div class="navbar-header">
 
-				<a href="" id="logo"><img src="static/img/logo.png" alt=""
 
-					height="25px" /></a>
 
-			</div>
 
-			<div class="collapse navbar-collapse">
 
-				<ul class="nav navbar-nav navbar-left">
 
-					<li><a href="http://uas.ubtob.com" class="link-b2b">B2B商务</a></li>
 
-					<li><a href="http://www.usoftmall.com/" class="link-mall">优软商城</a></li>
 
-					<li><a href="saas/about" class="link-saas">优企云服</a></li>
 
-					<li><a href="#/finance" class="link-finance">金融服务</a></li><!-- http://finance.ubtob.com -->
 
-					<li><a href="http://job.uuzcc.com/" class="">人才招聘</a></li><!-- http://public.ubtob.com -->
 
-					<li>
 
-						<a href="http://www.uuzcc.com/" class="">UU众创</a>
 
-						<ul>
 
-							<li><a href="http://zb.uuzcc.com/">任务外包</a></li>
 
-							<li><a href="http://fangan.uuzcc.com/">方案商城</a></li>
 
-							<li><a href="http://bbs.uuzcc.com/forum.php">工程师交流圈</a></li>
 
-						</ul>
 
-					</li><!-- http://public.ubtob.com -->
 
-					<li>
 
-						<a href="#/help" class="link-help">服务专区</a>
 
-						<ul>
 
-							<li><a href="#/public" class="link-public">公共服务</a></li><!-- http://public.ubtob.com -->
 
-							<li><a href="#/member" class="link-member">会员中心</a></li><!-- http://member.ubtob.com -->
 
-						</ul>
 
-					</li><!-- http://help.ubtob.com -->
 
-				</ul>
 
-				<ul class="nav navbar-nav navbar-right x-nologin">
 
-					<li><a href="#" class="link-login">登录</a></li>
 
-					<li><a href="https://account.ubtob.com/sso/register">注册</a></li>
 
-				</ul>
 
-				<ul class="nav navbar-nav navbar-right x-login">
 
-					<li class="dropdown">
 
-						<a href="#" class="dropdown-toggle"><i class="fa fa-user"></i> <span class="title"></span></a>
 
-					</li>
 
-					<li><a href="#" class="link-logout">退出</a></li>
 
-				</ul>
 
-			</div>
 
-		</div>
 
-	</nav>
 
-	<!-- nav end -->
 
-
 
-	<!-- header start -->
 
-	<header>
 
-		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 
-			<!-- Controls -->
 
-			<a class="left header-carousel-control" href="#carousel-example-generic"
 
-				role="button" data-slide="prev">
 
-				<i class="fa fa-angle-left"></i>
 
-			</a>
 
-			<a class="right header-carousel-control"
 
-				href="#carousel-example-generic" role="button" data-slide="next">
 
-				<i class="fa fa-angle-right"></i>
 
-			</a>
 
-				
-			<!-- Indicators -->
 
-			<ol class="carousel-indicators">
 
-				<li data-target="#carousel-example-generic" data-slide-to="0"
 
-				class="active"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="4"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="5"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="6"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="7"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="8"></li>
 
-				<li data-target="#carousel-example-generic" data-slide-to="9"></li>
 
-			</ol>
 
-
 
-			<!-- Wrapper for slides -->
 
-			<div class="carousel-inner" role="listbox">
 
-				<div class="item active">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>
 
-									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>
 
-									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>
 
-									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>
 
-									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-				<div class="item">
 
-					<img src="static/img/carousel/banner01.jpg" alt="" />
 
-					<div class="carousel-caption">
 
-						<div class="container">
 
-							<div class="header-text">
 
-								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会,
 
-									<br />
 
-									为企业挖掘专业人才。
 
-								</p>
 
-							</div>
 
-							<div class="header-btn">
 
-								<a href="">我要招人</a><a href="">我要求职</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-	</header>
 
-	<!-- header end -->
 
-
 
-	<!-- footer start -->
 
-	<footer>
 
-		<div class="container">
 
-			<div class="row">
 
-				<div class="col-sm-3 col-sm-offset-2">
 
-					<div class="qrcode qrcode-uu">
 
-						<div class="qrcode-img pull-left">
 
-							<img src="static/img/qrcode/uu.png" width="100px" height="100px"
 
-								alt="UU互联" />
 
-						</div>
 
-						<div class="qrcode-text pull-left">
 
-							<div>手机UU</div>
 
-							<div>快人一步</div>
 
-						</div>
 
-						<div class="clearfix"></div>
 
-					</div>
 
-				</div>
 
-				<div class="col-sm-3">
 
-					<div class="qrcode qrcode-uas">
 
-						<div class="qrcode-img pull-left">
 
-							<img src="static/img/qrcode/uas.png" width="100px" height="100px"
 
-								alt="优软公众号" />
 
-						</div>
 
-						<div class="qrcode-text pull-left">
 
-							<div>微信扫描</div>
 
-							<div>关注公众号</div>
 
-						</div>
 
-						<div class="clearfix"></div>
 
-					</div>
 
-				</div>
 
-				<div class="col-sm-4">
 
-					<p>
 
-						<a href="">关于优软</a>
 
-						<a href="contact">联系我们</a>
 
-						<a href="help/agreement">帮助</a>
 
-					</p>
 
-					<p>©2016 深圳市优软科技有限公司</p>
 
-					<p>粤ICP备15112126号-2</p>
 
-				</div>
 
-			</div>
 
-		</div>
 
-	</footer>
 
-	<!-- footer end -->
 
-</body>
 
-<script type="text/javascript" src="static/lib/jquery/jquery.min.js"></script>
 
-<script type="text/javascript" src="static/lib/bootstrap/js/bootstrap.min.js"></script>
 
-<script type="text/javascript" src="static/lib/bootstrap-tour/js/bootstrap-tour.min.js"></script>
 
-<script type="text/javascript" src="static/js/common/common.js"></script>
 
-<script type="text/javascript" src="static/js/index/app.js"></script>
 
-</html>

+ 7 - 5
src/main/webapp/WEB-INF/views/normal/index.html
View File 

@@ -171,15 +171,17 @@ var _hmt = _hmt || [];
 
 					</div>
 
 					</div>
 
 				</div>
 
 				</div>
 
 				<div class="item carousel-item8">
 
 				<div class="item carousel-item8">
 
-					<img src="static/img/carousel/header-09.jpg" alt="" />
 
+					<img src="static/img/carousel/banner01.jpg" alt="" />
 
 					<div class="carousel-caption">
 
 					<div class="carousel-caption">
 
 						<div class="container">
 
 						<div class="container">
 
 							<div class="header-text">
 
 							<div class="header-text">
 
 								<h1>人才招聘</h1>
 
 								<h1>人才招聘</h1>
 
-								<p>优质服务，快速响应，极速入职！<br />
 
-									专为电子信息行业的资深工程师发现更好的工作机会，
 
-									<br />
 
-									为企业挖掘专业人才。</p>
 
+								<p>
 
+									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
 
+								</p>
 
+							</div>
 
+							<div class="header-btn">
 
+								<a href="">我要招人</a><a href="">我要求职</a>
 
 							</div>
 
 							</div>
 
 						</div>
 
 						</div>
 
 					</div>
 
 					</div>

+ 0 - 162
src/main/webapp/resources/css/hiring.css
View File 

@@ -1,162 +0,0 @@
 
-/* header */
 
-header {
 
-	position: relative;
 
-}
 
-
 
-header .carousel .carousel-caption {
 
-	left: 0;
 
-	right: 0;
 
-	top: 0;
 
-	text-align: left;
 
-}
 
-
 
-.item .header-text {
 
-	color: #000000;
 
-	padding-top: 39px;
 
-	position: relative;
 
-	left: 0px;
 
-}
 
-
 
-.header-text h1 {
 
-	font-size: 50px;
 
-    font-weight: 600;
 
-}
 
-
 
-.header-text p {
 
-    font-size: 20px;
 
-    font-weight: 600;
 
-    margin-top: 20px;
 
-    margin-bottom: 60px;
 
-    letter-spacing: 2px;
 
-    line-height: 35px;
 
-}
 
-
 
-.header-carousel-control {
 
-	position: absolute;
 
-	top: 50%;
 
-	margin-top: -40px;
 
-	display: block;
 
-	width: 40px;
 
-	height: 80px;
 
-	line-height: 80px;
 
-	background: rgba(0, 0, 0, 0.1);
 
-	color: rgba(255, 255, 255, 0.5);
 
-	font-size: 50px;
 
-	text-align: center;
 
-	text-decoration: none;
 
-	transition: all 0.5s;
 
-	opacity: 0;
 
-	z-index: 15;
 
-}
 
-
 
-header:HOVER .header-carousel-control {
 
-	opacity: 1;
 
-}
 
-
 
-.header-carousel-control:HOVER, .header-carousel-control:ACTIVE, .header-carousel-control:VISITED, .header-carousel-control:FOCUS {
 
-	color: rgba(255, 255, 255, 0.5);
 
-	text-decoration: none;
 
-}
 
-
 
-.header-carousel-control:HOVER {
 
-	color: rgba(255, 255, 255, 1) !important;
 
-	background: rgba(0, 0, 0, 0.4) !important;
 
-}
 
-
 
-.header-carousel-control>i {
 
-	display: block;
 
-	padding: 15px 0;
 
-}
 
-
 
-.header-carousel-control.left {
 
-	left: 0px;
 
-}
 
-
 
-.header-carousel-control.right {
 
-	right: 0px;
 
-}
 
-
 
-header .carousel-indicators {
 
-	bottom: 5px;
 
-}
 
-
 
-header .carousel-indicators li {
 
-	width: 40px;
 
-	height: 5px;
 
-	border-radius: 0;
 
-	border: none;
 
-	margin: 0;
 
-	background-color: #333333;
 
-    opacity: 0.3;
 
-}
 
-
 
-header .carousel-indicators li:hover {
 
-	background-color: #ffffff;
 
-	opacity: 0.6;
 
-}
 
-
 
-header .carousel-indicators li.active {
 
-	width: 40px;
 
-	height: 5px;
 
-    margin: 0;
 
-    background-color: #ffffff;
 
-    opacity: 0.9;
 
-}
 
-
 
-header .header-control {
 
-	position: absolute;
 
-	bottom: 0px;
 
-	left: 0px;
 
-	right: 0px;
 
-	padding-bottom: 20px;
 
-}
 
-
 
-header .header-control a {
 
-	display: inline-block;
 
-	width: 40px;
 
-	height: 5px;
 
-	line-height: 20px;
 
-	background: #666666;
 
-	cursor: pointer;
 
-	opacity: 0.6;
 
-}
 
-
 
-header .header-control a:hover {
 
-	opacity: 0.6;
 
-	background: #bbbbbb;
 
-}
 
-
 
-header .header-control a.active {
 
-	opacity: 1;
 
-	background: #FFFFFF;
 
-}
 
-header .carousel-caption .header-btn{
 
-	position: absolute;
 
-	bottom: 17%;
 
-	left: 50%;
 
-	margin-left: -200px;
 
-	width: 1140px;
 
-
 
-}
 
-header .carousel-caption .header-btn a{
 
-	display: inline-block;
 
-	width: 200px;
 
-	height: 40px;
 
-	line-height: 40px;
 
-	font-weight: bold;
 
-	text-align: center;
 
-	text-decoration: none;
 
-	border-radius: 20px;
 
-}
 
-header .carousel-caption .header-btn a:first-child{
 
-	margin-right: 26px;
 
-	font-size: 16px;
 
-	color: #fff;
 
-	background: #f85659;
 
-}
 
-header .carousel-caption .header-btn a:last-child{
 
-	font-size: 16px;
 
-	color: #f85659;
 
-	border: 1px solid #fff;
 
-}
 
-/* main */

+ 31 - 0
src/main/webapp/resources/css/index.css
View File 

@@ -296,3 +296,34 @@ section {
 
 .tour-backdrop {
 
 .tour-backdrop {
 
 	opacity: 0.5;
 
 	opacity: 0.5;
 
 }
 
 }
 
+
 
+/*人才招聘按钮*/
 
+header .carousel-caption .header-btn{
 
+	position: absolute;
 
+	bottom: 17%;
 
+	left: 50%;
 
+	margin-left: -200px;
 
+	width: 1140px;
 
+
 
+}
 
+header .carousel-caption .header-btn a{
 
+	display: inline-block;
 
+	width: 200px;
 
+	height: 40px;
 
+	line-height: 40px;
 
+	font-weight: bold;
 
+	text-align: center;
 
+	text-decoration: none;
 
+	border-radius: 20px;
 
+}
 
+header .carousel-caption .header-btn a:first-child{
 
+	margin-right: 26px;
 
+	font-size: 16px;
 
+	color: #fff;
 
+	background: #f85659;
 
+}
 
+header .carousel-caption .header-btn a:last-child{
 
+	font-size: 16px;
 
+	color: #f85659;
 
+	border: 1px solid #fff;
 
+}