odd_job/app/web/view/home.html

<div style="background-color: transparent;width:100%;">
	<div class="container" >
		<div class="row">
			<!--<div class="col-md-2 col-sm-2 new_list" style="font-size:20px;padding-top:10px;padding-bottom:10px;">
				<div class="new_active" style="height:72px;line-height:72px;font-size:20px;">
					<a href="color:#fff;font-size:20px;" id="xw">新闻资讯</a>
				</div>
				<div style="height:72px;line-height:72px;font-size:20px;">
					<a href="color:#fff;font-size:20px;" id="jy">就业指导</a>
				</div>
				<div style="height:72px;line-height:72px;font-size:20px;">
					<a href="color:#fff;font-size:20px;">招考招录</a>
				</div>
				<div style="height:72px;line-height:72px;font-size:20px;">
					<a href="color:#fff;font-size:20px;">创新创业</a>
				</div>
				<div style="height:72px;line-height:72px;font-size:20px;">
					<a href="color:#fff;font-size:20px;">劳动维权</a>
				</div>
			</div>
			-->

			<div class="col-md-10 showTab">
				<div class="row showTabActive" style="background-color:#fff;margin-top:10px;padding-right:30px;">
					<!--<div class="col-md-6" style="padding-left: 0px;">
						<div style="height:360px;float:left;">
							<div id="myCarousel" class="carousel slide">
								
								<ol class="carousel-indicators">
									<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
									<li data-target="#myCarousel" data-slide-to="1"></li>
								</ol>   
								
								<div class="carousel-inner">
									<div class="item active" >
										<img src="/static/images/mycodeban.png" alt="First slide" style="height:360px;">
									</div>
									<div class="item" >
										<img src="/static/images/mycodeban.png" alt="Second slide" style="height:360px;">
									</div>
								</div>
								
								<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
									<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
									<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
									<span class="sr-only">Next</span>
								</a>
							</div> 
						</div>
					</div>-->
					<div class="col-md-6" style="padding-bottom:10px;padding-left:0px;">
						<!--<ul class="nav nav-tabs">
						     <li class="active">
						     	<a href="#con2" data-toggle="tab">新闻就业</a>
						     </li>
						     <li class="">
						     	<a href="#con3" data-toggle="tab">工作动态</a>
						     </li>
						     <li class="">
						     	<a href="#con4" data-toggle="tab">新闻就业</a>
						     </li>
						     <li class="">
						     	<a href="#con5" data-toggle="tab">工作动态</a>
						     </li>
					    </ul>-->
					    <!--选项卡的内容-->
					    <!--<div class="tab-content tab1" >
					    	 <div id="con2" class="tab-pane  in active">
					    	 	<ul>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				新闻就业数据1
					    	 			</a>
					    	 		</li>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				新闻就业数据2
					    	 			</a>
					    	 		</li>
					    			<li>
					    				·
					    	 			<a href="javascript:0">
					    	 				新闻就业数据3
					    	 			</a>
					    	 		</li>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				新闻就业数据1
					    	 			</a>
					    	 		</li>
					    	 	</ul>
					    	 </div>
						     <div id="con3" class="tab-pane">
						     	<ul>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				工作动态数据1
					    	 			</a>
					    	 		</li>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				工作动态数据2
					    	 			</a>
					    	 		</li>
					    			<li>
					    				·
					    	 			<a href="javascript:0">
					    	 				工作动态数据3
					    	 			</a>
					    	 		</li>
					    	 		<li>
					    	 			·
					    	 			<a href="javascript:0">
					    	 				工作动态数据4
					    	 			</a>
					    	 		</li>
					    	 	</ul>
						     </div>
						     <div id="con4" class="tab-pane ">html</div>
						     <div id="con5" class="tab-pane">css</div>
					    </div>-->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 新增在线招聘会  -->
<!--<div class="container">

	<div class="zph">
		<a href="javscript:;" >

			<h1>互联网+在线招聘</h1>
		</a>
	</div>
	
</div>-->
<div class="container">
	<div class="indexbg" style="background-image: url('/static/web/indexbg.jpg');">
		<form name="indexform" id="indexform" action="" method="get">
			<input type="hidden" name="wtype" value="0" />
			<input type="hidden" name="cateid" value="0" />
			<div class="container">
				<div class="row" style="padding-top: 250px;">
					<div class="col-md-8 col-md-offset-2">
						<div class="input-group input-group-lg">
							<input type="text" name="keywords" id="keywords" class="form-control" placeholder="请输入你要查找的岗位或企业...">
							<span class="input-group-btn">
								<button class="btn btn-success" type="submit" name="comjobs" onclick="submitFun('comjobs');" style="background-color: #29a0a4;">找工作</button>
								<button type="button" class="btn btn-default dropdown-toggle" style="background-color: #29a0a4; border-color: #29a0a4; color: #ffffff;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></button>
								<div class="dropdown-menu dropdown-menu-right" style="padding: 0px !important; background-color: transparent; min-width: 130px !important;">
									<button class="btn btn-success btn-lg" type="submit" name="worker" onclick="submitFun('worker');" style="background-color: #29a0a4; min-width: 160px; min-width: 130px !important;">找企业</button>
								</div>
							</span>
						</div>
					</div>
				</div>
			</div>
		</form>
		<div class="container indexnum">
			<div class="row">
				<div class="col-md-3 text-center">
					<p class='num'><span>100000</span>+</p>
					<p>注册用户</p>
				</div>
				<div class="col-md-3 text-center">
					<p class='num'><span>1000</span>+</p>
					<p>知名合作企业</p>
				</div>
				<div class="col-md-3 text-center">
					<p class='num'><span>1000</span>+</p>
					<p>累计帮助就业</p>
				</div>
				<div class="col-md-3 text-center">
					<p class='num'><span>5000</span>+</p>
					<p>累计帮助企业招工</p>
				</div>

			</div>
		</div>
	</div>
</div>

<div class="container indexcon">
	<div class="row">
		<div class="col-md-3 text-center">
			<img src="/static/web/indexicon1.png" />
			<p>企业注册赠送招聘微店</p>
			<!-- <span>全程0费用，正规真实有保障</span> -->
		</div>
		<div class="col-md-3 text-center">
			<img src="/static/web/indexicon2.png" />
			<p>供人信息一键发布</p>
			<!-- <span>500强企业，万人大厂全覆盖</span> -->
		</div>
		<div class="col-md-3 text-center">
			<img src="/static/web/indexicon3.png" />
			<p>海量职位一键投递</p>
			<!-- <span>365天*24h，贴心服务随时享</span> -->
		</div>
		<div class="col-md-3 text-center">
			<img src="/static/web/indexicon4.png" />
			<p>悬赏订单，平台担保</p>
			<!-- <span>365天*24h，贴心服务随时享</span> -->
		</div>
	</div>
</div>
<!--<div class="container" style="padding: 21px 0px;">
	<div style="font-weight: bold;">-->
		<!--<div style="width: 10%; float: left;padding:0px 0px 0px 10px;height:356px;">
			<div class="office_hall">
				业</br>务</br>大</br>厅
			</div>
		</div>
		<div class="office_list">
			<div class="top">
				<div class="tab" >
					<span class="iconfont icon-drxx106" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>劳动维权</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-jiaoyupeixunsvg" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>职称评审</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-onlinetraining" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>教育培训</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-butieshezhi" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>求职创业补贴</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-shencha" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>书面审查</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-drxx106" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>民生问答</span>
					</a>
				</div>
			</div>
			<div class="bot">
				<div class="tab" >
					<span class="iconfont icon-zhengce" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>就业政策服务</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-case-file" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>档案咨询</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-shebaochaxun" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>社会保险</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-xuejiguanli" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>学籍学历</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-zhengshu1" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>国家职业资格</span>
					</a>
				</div>
				<div class="tab" >
					<span class="iconfont icon-flag-full" style="font-size:36px;"></span><br>
					<a href="javascript:;">
						<span>三支一扶</span>
					</a>
				</div>
			</div>
		</div>-->
<!-- 		<div class="text-center" style="width: 18%; float: left; margin-top: 10px;">
			<div style="width: 25px; height: 25px; background: url('/static/images/quan.png') no-repeat; float: left"></div><div style="float: left; margin-left: 10px">档案查询</div>
		</div>
		<div class="text-center" style="width: 18%; float: left; margin-top: 10px;">
			<div style="width: 25px; height: 25px; background: url('/static/images/quan.png') no-repeat; float: left"></div><div style="float: left; margin-left: 10px">社会保险</div>
		</div>
		<div class="text-center" style="width: 18%; float: left; margin-top: 10px;">
			<div style="width: 25px; height: 25px; background: url('/static/images/quan.png') no-repeat; float: left"></div><div style="float: left; margin-left: 10px">高校实名制</div>
		</div>
		<div class="text-center" style="width: 18%; float: left; margin-top: 10px;">
			<div style="width: 25px; height: 25px; background: url('/static/images/quan.png') no-repeat; float: left"></div><div style="float: left; margin-left: 10px">职业技能鉴定培训</div>
		</div> -->
<!--	</div>
</div>-->
<!-- <div class="container">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<img class="img-responsive" src="/static/web/indexapp.jpg" />
			</div>
		</div>
	</div>
</div> -->



<div class="indexgray">
	<div class="container indexcomjobs">
		<div class="row">
			<div class="col-md-12 text-center" style="padding: 10px;">
				<h3>热门职位</h3>
			</div>
			{foreach $comjobslist as $key=>$vo }
			<a href="{:url('/comjobs/detail',['comjobsid' => $vo.id])}" class="col-md-4 item">
				<div>
					<h4 class="text-overflow">
						{switch vo.wtype }
						{case 1}<span class="text-danger pull-right">{$vo.bwagall}-{$vo.zwagall}元/月</span>{/case}
						{case 2}<span class="text-danger pull-right">{$vo.bwagall}元/日</span>{/case}
						{case 3}<span class="text-danger pull-right">{$vo.bwagall}元/时</span>{/case}
						{case 4}<span class="text-danger pull-right">其他</span>{/case}
						{default /}其他
						{/switch}

						{$vo.title}
					</h4>
					<p class="text-overflow">{$vo.worker.title}</p>
				</div>
			</a>
			{/foreach}
			<div class="col-md-12 text-center" style="padding: 10px;">
				<span class="text-muted">------ </span> <a href="{:url('/comjobs/comjobs')}" style="font-size: 18px;">更多职位信息</a><span class="text-muted"> ------</span>
			</div>
		</div>
	</div>
</div>

<div class="indexgray">
	<div class="container indexcomjobs">
		<div class="row">
			<div class="col-md-12 text-center" style="padding: 10px;">
				<h3>企业列表</h3>
			</div>
			{foreach $workerlist as $key=>$vo }
			<a href="{:url('/worker/detail',['workerid' => $vo.id])}" class="col-md-4 item">
				<div>
					<h4 class="text-overflow">
						<span class="text-muted pull-right" style="font-weight: 400; font-size: 14px;">{$vo.wtype_text}</span>
						{$vo.title}
					</h4>
					<p class="text-overflow">{$vo.province} {$vo.city} {$vo.district}</p>
				</div>
			</a>
			{/foreach}
			<div class="col-md-12 text-center" style="padding: 10px;">
				<span class="text-muted">------ </span> <a href="{:url('/worker/worker')}" style="font-size: 18px;">更多企业信息</a><span class="text-muted"> ------</span>
			</div>
		</div>
	</div>
</div>



<!-- <div class="container" style="padding-bottom: 20px;">
	<div class="row">
		<div class="col-md-12 text-center" style="padding: 10px;">
			<h3>好企业都在招工无忧</h3>
		</div>
	</div>
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img src="/static/web/case01.jpg" />
			</div>
		</div>
		<a class="left carousel-control" style="background-image: none !important;" href="#carousel-example-generic" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" style="background-image: none !important;" href="#carousel-example-generic" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
</div> -->
<!-- 加入浮动二维码 -->
<div class="pagecode">
	<img src="/static/web/code.png" width="172" height="172" />
</div>
<script type="text/javascript" src="/static/web/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="/static/web/jquery.countup.min.js"></script>
<script type="application/javascript">

    function submitFun(act) {
        if (act=='comjobs'){
            document.indexform.action = "{:url('/comjobs/comjobs')}";
        }else{
            document.indexform.action = "{:url('/worker/worker')}";
        }
        document.indexform.submit();
    }


    $(function () {
        // <!--数字增长-->
        $('.num span').countUp({
            //每个数字动画的延时时间，单位毫秒
            delay:10,
            //计数动画总的持续时间,单位毫秒
            time:2000
        });
        //点击菜单
        $('#xw').click(function(){
        	$('#iframe1').attr('src','http:www.baidu.com')
        })

    })
</script>