<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>互联网求职招聘找工作-上拉勾招聘-专业的互联网求职招聘网站</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- 引入分层的css 文件 -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/loginBanner.css">
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="css/content.css">
<link rel="stylesheet" href="css/indexMain.css">
<link rel="stylesheet" href="css/moduleTabs.css">
<link rel="stylesheet" href="css/hotRecruit.css">
<link rel="stylesheet" href="css/hotCompany.css">
<link rel="stylesheet" href="css/hotLinks.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/copyright.css">
<link rel="stylesheet" href="css/backtop.css">
</head>
<body>
<!-- header 区域开始 -->
<div class="header">
<div class="inner-c header-c">
<!-- header 的左侧 -->
<div class="header-left">
<!-- logo 区域 -->
<h1 class="logo">
<a href="index.html">拉勾招聘|招聘|求职|互联网|培训|JAVA|前端</a>
</h1>
<!-- 城市选择 -->
<div class="city">
<span>全国站</span><i>[切换城市]</i>
</div>
<!-- 导航区域 -->
<ul class="nav">
<li class="current"><a href="index.html">首页</a></li>
<li><a href="company.html">公司</a></li>
<li><a href="school.html">校园招聘</a></li>
<li><a href="#">言职</a></li>
<li><a href="#">职位</a></li>
<li><a href="#">课程<span class="tips">new</span></a></li>
</ul>
</div>
<!-- header 的右侧 -->
<div class="header-right">
<a href="#" class="upload">上传简历</a>
<a href="#" class="position">职位订阅</a>
<a href="#" class="login">登录<i></i></a>
<span>|</span>
<a href="#" class="register">注册</a>
<a href="#" class="app">拉勾APP<i></i></a>
<a href="#" class="enter">进入企业版</a>
</div>
</div>
</div>
<!-- header 区域结束 -->
<!-- login-banner 区域开始 -->
<div class="login-banner">
<div class="inner-c login-banner-c">
<!-- 广告区域 -->
<div class="ad">
<img src="images/text_01.png">
<p>989992家公司 | 7609558个职位,在拉勾等你</p>
</div>
<!-- 登录表单部分 -->
<div class="login-form">
<!-- 电话号码 -->
<div class="tel">
<div class="area-code">
<!-- 当前显示的编码 -->
<span class="area-code-now">0086</span>
<!-- 下拉菜单 -->
<div class="area-code-list">
<dl>
<dt>常用</dt>
<dd>中国<span>0086</span></dd>
<dd>中国香港<span>00852</span></dd>
<dd>中国台湾<span>00886</span></dd>
<dd>中国澳门<span>00853</span></dd>
<dd>美国<span>001</span></dd>
<dt>A</dt>
<dd>澳大利亚<span>0061</span></dd>
<dd>中国澳门<span>00853</span></dd>
<dd>爱尔兰<span>00353</span></dd>
<dt>B</dt>
<dd>巴西<span>0055</span></dd>
<dt>D</dt>
<dd>德国<span>0049</span></dd>
<dt>E</dt>
<dd>俄罗斯<span>007</span></dd>
<dt>F</dt>
<dd>法国<span>0033</span></dd>
<dt>H</dt>
<dd>韩国<span>0082</span></dd>
<dd>荷兰<span>0031</span></dd>
</dl>
<p>如果没有找到您的所在归属地,请拨打客服电话4006282835解决。</p>
</div>
</div>
<input type="text" class="user-tel" placeholder="请输入手机号">
</div>
<!-- 验证码 -->
<div class="yzm">
<input type="text" class="yzm-txt" placeholder="验证码">
<i>|</i>
<span>获取</span>
</div>
<!-- 登录注册按钮 -->
<div class="login-or-register">登录/注册</div>
</div>
</div>
</div>
<!-- login-banner 区域结束 -->
<!-- search 区域开始 -->
<div class="search">
<!-- 中心的容器 -->
<div class="search-wrapper">
<form class="search-form">
<input type="text" class="search-input" placeholder="搜索职位、公司或地点">
<input type="submit" value="搜索" class="btn">
</form>
</div>
</div>
<!-- search 区域结束 -->
<!-- 主要内容 content 区域开始 -->
<div class="content">
<div class="inner-c">
<!-- main 区域 -->
<div class="main">
<div class="aside">
<ul class="classify">
<li>
<h2>技术</h2>
<p>
<a href="#">Java</a>
<a href="#">PHP</a>
<a href="#">C++</a>
<a href="#">区块链</a>
</p>
<b></b>
</li>
<li>
<h2>产品</h2>
<p>
<a href="#">产品总监</a>
<a href="#">产品经理</a>
</p>
<b></b>
</li>
<li>
<h2>设计</h2>
<p>
<a href="#">UI设计师</a>
<a href="#">交互设计</a>
<a href="#">网页设计师</a>
</p>
<b></b>
</li>
<li>
<h2>运营</h2>
<p>
<a href="#">新媒体运营</a>
<a href="#">编辑</a>
<a href="#">数据运营</a>
</p>
<b></b>
</li>
<li>
<h2>市场</h2>
<p>
<a href="#">市场营销</a>
<a href="#">市场推广</a>
<a href="#">市场策划</a>
</p>
<b></b>
</li>
<li>
<h2>销售</h2>
<p>
<a href="#">销售专员</a>
<a href="#">销售经理</a>
<a href="#">销售总监</a>
</p>
<b></b>
</li>
<li>
<h2>职能</h2>
<p>
<a href="#">HR</a>
<a href="#">行政</a>
<a href="#">财务</a>
<a href="#">审计</a>
</p>
<b></b>
</li>
<li>
<h2>游戏</h2>
<p>
<a href="#">小游戏开发</a>
<a href="#">U3D</a>
<a href="#">游戏策划</a>
</p>
<b></b>
</li>
</ul>
</div>
<div class="banner">
<ul>
<li><a href="#"><img src="images/banner_01.jpg" alt=""></a></li>
<li><a href="#"><img src="images/banner_02.jpg" alt=""></a></li>
<li><a href="#"><img src="images/banner_03.jpg" alt=""></a></li>
<li><a href="#"><img src="images/banner_04.png" alt=""></a></li>
<li><a href="#"><img src="images/banner_05.jpg" alt=""></a></li>
</ul>
<div class="btn">
<span class="left-btn"></span>
<span class="right-btn"></span>
</div>
<ol>