zxz

index.html

@@ -106,22 +106,22 @@
 						  <div class="work-row">
 						  	<p>性别要求:不限</p><p>工作经验:2年以上</p>
 						  </div>
-						  							<div class="work-main">
-						  								<div class="title"> 职责描述:</div>
-						  								<div class="content">
-						  									<p>1、参与业务需求设计讨论，进行应用程序开发;</p>
-						  									<p>2、负责平台软件框架的研究，设计和实现、关键技术验证和选型等工作;</p>
-						  									<p>3、完成项目设计、编码、测试和优化;</p>
-						  									<p>4、编写相关的开发文档，如技术文档，设计文档，测试文档等;</p>
-						  								
-						  								</div>
-						  								<div class="title"> 任职要求:</div>
-						  								<div class="content">
-						  									<p>1、大专以上学历，3年以上工作经验;</p>
-						  									<p>2、有扎实的JAVA编程基础，良好的数据结构和算法，较强的逻辑思维能力;</p>
-						  									<p>3、熟悉相关架构，熟练开发、调试、适配程序;</p>
-						  								</div>
-						  							</div>
+							<div class="work-main">
+								<div class="title"> 职责描述:</div>
+								<div class="content">
+									<p>1、参与业务需求设计讨论，进行应用程序开发;</p>
+									<p>2、负责平台软件框架的研究，设计和实现、关键技术验证和选型等工作;</p>
+									<p>3、完成项目设计、编码、测试和优化;</p>
+									<p>4、编写相关的开发文档，如技术文档，设计文档，测试文档等;</p>
+								
+								</div>
+								<div class="title"> 任职要求:</div>
+								<div class="content">
+									<p>1、大专以上学历，3年以上工作经验;</p>
+									<p>2、有扎实的JAVA编程基础，良好的数据结构和算法，较强的逻辑思维能力;</p>
+									<p>3、熟悉相关架构，熟练开发、调试、适配程序;</p>
+								</div>
+							</div>
 					  </div>
 					  <div role="tabpanel" class="tab-pane" id="messages"><div class="work-row">
 							  <p>招聘人数:2</p><p>学历要求:大学本科</p>

propagate.html

@@ -51,9 +51,23 @@
 		</div>
 		<div class="main">
 			<div class="main-left">
-				<div class="propagateVideo"></div>
+				<div class="propagateVideo">
+					<video src="https://cdn.modao.cc/Default_video.mp4" width="1080px" height="600px"></video>
+				</div>
 				<div class="propagateInfo">
-					
+					<div class="propagateInfo-left">
+						<img src="img/logo.png" alt="">
+						<div class="propagateInfo-text">
+							<h1>湖北荆鹏软件集团有限公司</h1>
+							<div class="propagateInfo-label">
+								<span>1-50人</span>
+								<span>IT行业/计算机硬件</span>
+							</div>
+						</div>
+					</div>
+					<div class="propagateInfo-right">
+						<img src="img/code.png" alt="">
+					</div>
 				</div>
 			</div>
 			<div class="main-right">
@@ -62,46 +76,142 @@
 					<div class="bgJiao bgJiao-2"><img src="img/Union-1.png" alt=""></div>
 					<div class="bgJiao bgJiao-3"><img src="img/Union-3.png" alt=""></div>
 					<div class="bgJiao bgJiao-4"><img src="img/Union-2.png" alt=""></div>
-					<div class="title"></div>
+					<div class="title">
+						<i></i>
+						<p>开发区企业招聘数据统计</p>
+					</div>
 					<div class="content">
 						<div class="statistics-list">
 							<p>入驻企业数</p>
 							<h3>105</h3>
 						</div>
 						<div class="statistics-list">
-							<p>入驻企业数</p>
+							<p>招聘岗位数</p>
 							<h3>105</h3>
 						</div>
 						<div class="statistics-list">
-							<p>入驻企业数</p>
+							<p>招聘人数</p>
 							<h3>105</h3>
 						</div>
 						<div class="statistics-list">
-							<p>入驻企业数</p>
+							<p>全网职位浏览量</p>
 							<h3>105</h3>
 						</div>
 						<div class="statistics-list">
-							<p>入驻企业数</p>
+							<p>全网投递简历数</p>
 							<h3>105</h3>
 						</div>
 						<div class="statistics-list">
-							<p>入驻企业数</p>
+							<p>全网今日入职数</p>
+							<h3>105</h3>
+						</div>
+					</div>
+				</div>
+				<div class="statistics-item">
+					<div class="bgJiao bgJiao-1"><img src="img/Union.png" alt=""></div>
+					<div class="bgJiao bgJiao-2"><img src="img/Union-1.png" alt=""></div>
+					<div class="bgJiao bgJiao-3"><img src="img/Union-3.png" alt=""></div>
+					<div class="bgJiao bgJiao-4"><img src="img/Union-2.png" alt=""></div>
+					<div class="title">
+						<i class="glyphicon glyphicon-arrow-right"></i>
+						<p>求职招聘大厅企业招聘数据统计</p>
+					</div>
+					<div class="content">
+						<div class="statistics-list">
+							<p>今日出展企业数</p>
+							<h3>105</h3>
+						</div>
+						<div class="statistics-list">
+							<p>今日出展岗位数</p>
+							<h3>105</h3>
+						</div>
+						<div class="statistics-list">
+							<p>今日出展招聘人数</p>
+							<h3>105</h3>
+						</div>
+						<div class="statistics-list">
+							<p>今日入场人数</p>
+							<h3>105</h3>
+						</div>
+						<div class="statistics-list">
+							<p>现场职位浏览数</p>
+							<h3>105</h3>
+						</div>
+						<div class="statistics-list">
+							<p>现场投递简历数</p>
 							<h3>105</h3>
 						</div>
 					</div>
 				</div>
+				<div class="statistics-item">
+					<div class="bgJiao bgJiao-1"><img src="img/Union.png" alt=""></div>
+					<div class="bgJiao bgJiao-2"><img src="img/Union-1.png" alt=""></div>
+					<div class="bgJiao bgJiao-3"><img src="img/Union-3.png" alt=""></div>
+					<div class="bgJiao bgJiao-4"><img src="img/Union-2.png" alt=""></div>
+					<div class="content statistics-address">
+						<p>地址：开发区委员会招聘大厅</p>
+						<p>联系电话：0716-8123456</p>
+						<p>联系人：孙刚</p>
+					</div>
+				</div>
 			</div>
 		</div>
 		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
 		<script src="js/jquery.min.js"></script>
 		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
 		<script src="js/bootstrap.min.js"></script>
-		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
 
 		<style>
+			.propagateInfo-right{
+				height: 100px;
+				width: 100px;
+			}
+			.propagateInfo-right img{
+				height: 100%;
+				width: 100%;
+			}
+			.propagateInfo{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				padding: 10px;
+			}
+			.propagateInfo-left{
+				display: flex;
+			}
+			.propagateInfo-left img{
+				height: 100px;
+				width: 100px;
+				border-radius: 10px;
+			}
+			.propagateInfo-text{
+				margin-left: 15px;
+			}
+			.propagateInfo-text h1{
+				font-size:36px;	
+			}
+			.propagateInfo-label{
+				display: flex;
+				margin-top: 15px;
+			}
+			.propagateInfo-label span{
+				border-radius:50px;
+				border: 2px solid #fff;
+				padding: 5px 15px;
+				font-size: 16px;
+				margin-right: 15px;
+			}
+			.statistics-address{
+				flex-direction: column;
+			
+			}
+			.statistics-address p{
+				margin-bottom: 10px;
+				font-size: 20px;
+			}
 			.statistics-list {
 				width: 160px;
-				height: 100px;
+				height: 90px;
 				background: rgba(0, 66, 166, 0.5);
 				border: 1px solid #3385FF;
 				border-radius: 10px;
@@ -118,23 +228,36 @@
 			}
 			
 			.statistics-list h3 {
-				font-size: 40px;
+				font-size: 36px;
 				color: #FFf;
+				margin-top: 5px;
 			}
 		
 			.statistics-item {
 				width: 560px;
-				height: 240px;
 				background:rgba(33,67,119,0.3);
 				position: relative;
-				padding: 15px;
+				padding: 20px;
+				margin-top: 40px;
+				padding-bottom: 0;
 			}
 
 			.statistics-item .title {
-				font-size: 20px;
+				font-size: 18px;
 				text-align: left;
+				height:42px;
+				line-height: 42px;
+				background:rgba(29, 69, 104, 0.5);
+				border: 1px solid #3F79AC;
+				display: flex;
+				align-items: center;
+				padding-left: 20px;
+				color:#A8E3FF;
+				margin-bottom: 20px;
+			}
+			.statistics-item .title i{
+				margin-right: 10px;
 			}
-
 			.statistics-item .content {
 				display: flex;
 				justify-content: space-between;
@@ -262,14 +385,18 @@
 
 			.main-left {
 				width: 1200px;
-				height: 800px;
+				height: 880px;
 				float: left;
+				background: url(img/bgbg.png) no-repeat;
+				background-size: 100%;
+				padding: 110px 60px;
 			}
 
 			.main-right {
 				float: right;
 				width: 560px;
-				height: 800px;
+				height: 880px;
+				padding-top: 20px;
 			}
 		</style>
 	</body>