<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/nav.css">
<link rel="stylesheet" href="./css/seate.css">
<link rel="stylesheet" href="./css/search.css">
<link rel="stylesheet" href="./css/match.css">
<link rel="stylesheet" href="./css/tern.css">
<link rel="stylesheet" href="./css/footer.css">
<title>Document</title>
</head>
<body>
<!-- 广告部分 -->
<div class="tops">
<!-- 插图部分 -->
<img src="./images/abc.jpg" alt="">
</div>
<!-- 导航栏部分开始 -->
<div class="nav">
<div class="nav-top">
<!-- 左边部分 -->
<div class="nav-left">
<i class="logo"></i>
<a href="#" class="nav-bj">北京站</a>
<a href="#" class="nav-home">首页</a>
<a href="#" class="nav-zhi">职位</a>
<a href="#" class="nav-zhi">职位</a>
<a href="#" class="nav-zhi">职位</a>
<a href="#" class="nav-zhi">职位</a>
<a href="#" class="nav-zhi">职位</a>
</div>
<!-- 右边部分 -->
<div class="nav-right">
<a href="#">进入企业版</a>
<a href="#">进入企业版</a>
<a href="#">进入企业版</a>
</div>
</div>
</div>
<!-- 导航栏部分结束 -->
<!-- 搜索框部分开始 -->
<div class="search">
<div class="search-top">
<div class="search-left">
<input type="text" placeholder="搜索职位、公司或地点">
<span>搜索</span>
</div>
</div>
</div>
<!-- 搜索框部分结束 -->
<!-- 主体部分开始 -->
<div class="main">
<div class="main-top">
<!-- 左边部分开始 -->
<div class="main-left">
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
<li>
<h2>技术</h2>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
<a href="#">PHP</a>
</li>
</div>
<!-- 右边部分开始 -->
<div class="main-right">
<img src="./images/beijingtu.png" alt="">
</div>
</div>
</div>
<!-- 主体部分结束 -->
<!-- 为你推荐部分开始 -->
<div class="match">
<div class="match-top">
<div class="match-left">
<a href="#" class="match-wei">为你匹配</a>
<a href="#">为你匹配</a>
<a href="#">为你匹配</a>
</div>
<div class="match-right">
<div class="match-left-top">
<div class="match-left-right">
<h2>到店圈圈业务部-Java开发工程师</h2>
<span class="match-jiu">[09:03发布]</span>
<span class="match-erwu">25k-40k</span>
</div>
<div class="match-xian">经验不限/不限</div>
<span class="match-j">java</span>
<div class="match-bottom">
<img src="./images/meituan.png" alt="">
<h3>美团</h3>
<p>消费生活/消费生活/消费生活</p>
</div>
</div>
<div class="match-left-top">
<div class="match-left-right">
<h2>到店圈圈业务部-Java开发工程师</h2>
<span class="match-jiu">[09:03发布]</span>
<span class="match-erwu">25k-40k</span>
</div>
<div class="match-xian">经验不限/不限</div>
<span class="match-j">java</span>
<div class="match-bottom">
<img src="./images/meituan.png" alt="">
<h3>美团</h3>
<p>消费生活/消费生活/消费生活</p>
</div>
</div>
<div class="match-left-rights">
<div class="match-left-right">
<h2>到店圈圈业务部-Java开发工程师</h2>
<span class="match-jiu">[09:03发布]</span>
<span class="match-erwu">25k-40k</span>
</div>
<div class="match-xian">经验不限/不限</div>
<span class="match-j">java</span>
<div class="match-bottom">
<img src="./images/meituan.png" alt="">
<h3>美团</h3>
<p>消费生活/消费生活/消费生活</p>
</div>
</div>
<div class="match-left-top">
<div class="match-left-right">
<h2>到店圈圈业务部-Java开发工程师</h2>
<span class="match-jiu">[09:03发布]</span>
<span class="match-erwu">25k-40k</span>
</div>