<!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>
拉勾网案例-主页 招聘页面
需积分: 0 99 浏览量
2024-03-14
11:04:31
上传
评论
收藏 1.01MB ZIP 举报
lagou.zip （85个子文件） 
homework1-lagou css 
indexMain.css 2KB content.css 133B hotRecruit.css 2KB moduleTabs.css 2KB footer.css 2KB loginBanner.css 3KB backtop.css 253B reset.css 859B header.css 3KB copyright.css 1KB hotCompany.css 2KB base.css 358B hotLinks.css 979B search.css 900B favicon.ico 3KB
index.html 44KB images 
text_01.png 13KB arrow_up.png 225B it_bottom_v1.png 346B banner_arrow_left.png 334B more_arrow_up.png 41KB icon_chat.png 548B check.png 1KB chat_ewm.png 3KB sprite_01.png 6KB company_logo_caixun.png 3KB
banner_03.jpg 90KB company_logo_yiliu.jpg 2KB main_list_arrow.png 215B company_logo_yizhao.jpg 3KB company_logo_xiangyu.jpg 4KB company_logo_meituan.jpg 3KB mini_pro.png 12KB company_logo_weibo.jpg 19KB company_logo_letang.jpg 5KB company_logo_bubugao.jpg 3KB company_logo_fanwei.jpg 34KB direct-recruit.png 5KB logo.png 44KB logo_ad.png 26KB backtop.png 1KB wanba.png 1KB company_logo_weimeng.jpg 4KB company_logo_huixiaoer.jpg 2KB company_logo_zhonglan.jpg 6KB company_logo_aloha.jpg 5KB arrow_down.png 211B company_logo_mashang.jpg 7KB company_logo_akasuo.jpg 5KB bar.jpg 76KB company_logo_play.jpg 2KB company_logo_w.png 3KB bg_arrow_left.png 41KB banner_arrow_left_highlight.png 237B bg_arrow_right.png 41KB company_logo_sanqi.png 28KB company_logo_zijie.jpeg 2KB footer_lagou_icon.png 4KB company_logo_cfca.jpg 5KB company_logo_guoke.png 15KB company_logo_tongcheng.png 9KB company_logo_jiuwu.png 10KB company_logo_after.png 2KB company_logo_shopee.png 2KB banner_arrow_right_highlight.png 260B company_logo_liantong.jpg 4KB arrow_d.png 2KB company_logo_leqee.png 2KB company_logo_xichuang.png 5KB company_logo_eye.png 2KB more_arrow_down.png 41KB arrow_down_small.png 191B company_logo_meiyou.png 15KB company_logo_wangji.jpg 3KB banner_02.jpg 92KB qr_code.png 15KB company_logo_after2.jpg 29KB company_logo_jianxin.PNG 10KB sprite_02.png 16KB company_logo_honglian.png 3KB banner_05.jpg 75KB banner_01.jpg 82KB banner_04.png 128KB banner_arrow_right.png 372B company_logo_kuaishou.png 3KB资源评论
