Browse Source

人才招聘页面

hangb 8 years ago
parent
commit
558394ccc5

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

@@ -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

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

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

@@ -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

@@ -296,3 +296,34 @@ section {
 .tour-backdrop {
 	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;
+}