<!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">
<title>旅行主页</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="nav-wrap">
<div class="nav">
<div class="nav-content">
<div class="list-nav-div-1">
<ul class="list-nav">
<li class="list-nav-li-1 list-nav-li-1-end"><a href="">联系客服</a></li>
<li class="list-nav-li-1"><a href="">积分商城</a><span class="dividing-line"></span></li>
<li class="list-nav-li-1"><a href="">查看订单</a><span class="dividing-line"></span></li>
<li class="list-nav-li-1"><a href="">消息</a><span class="dividing-line"></span></li>
<li class="list-nav-li-1">
<span class="span1">请</span><a href="login.html">登录</a>
<span class="span2">或</span><a href="register.html">免费注册</a>
<span class="dividing-line"></span>
</li>
</ul>
</div>
<div class="list-nav-div-2">
<ul class="list-nav">
<li class="list-nav-li-2"><a href="index.html">首页</a></li>
<li class="list-nav-li-2"><a href="">周边游</a></li>
<li class="list-nav-li-2"><a href="">自驾游</a></li>
<li class="list-nav-li-2"><a href="">海外玩乐</a></li>
<li class="list-nav-li-2"><a href="">出境游</a></li>
<li class="list-nav-li-2"><a href="">包团游</a></li>
<li class="list-nav-li-2"><a href="">特卖</a></li>
<li class="list-nav-li-2"><a href="">攻略</a></li>
<li class="list-nav-li-2"><a href="">酒店</a></li>
<li class="list-nav-li-2"><a href="">门票</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="search">
<div class="search-nav">
<div class="location">
<div class="location-message">
<span class="address">郑州站</span>
<a href="">进入周边/当地游</a>
</div>
</div>
<div class="search-box">
<form action="" class="search-form">
<input type="text" placeholder="请输入目的地、主题或关键词" class="search-input">
<input type="submit" value="搜索" class="search-submit">
</form>
<span class="high-search"><a href="">高级搜索</a></span>
<div class="hot-search">
<span class="high-search-head">正在热搜:</span>
<span class="high-search-content"><a href="">云南</a></span>
<span class="high-search-content"><a href="">巴厘岛</a></span>
<span class="high-search-content"><a href="">三亚</a></span>
<span class="high-search-content"><a href="">泰国</a></span>
<span class="high-search-content"><a href="">北京</a></span>
<span class="high-search-content"><a href="">嵩山</a></span>
<span class="high-search-content"><a href="">上海</a></span>
<span class="high-search-content"><a href="">哈尔滨</a></span>
</div>
</div>
</div>
</div>
<div class="index-body-1">
<div class="nav-1">
<div class="nav-1-list nav-1-list-1">
<h3 class="nav-1-list-h3">当季好玩</h3>
<p class="nav-1-list-p">
<a href="">成都</a>
<a href="">三亚</a>
<a href="">日照</a>
<a href="">青岛</a>
<a href="">厦门</a>
</p>
<div class="second-nav second-nav-1">
<div class="second-nav-1">
<div class="second-nav-title">
<a href="" class="second-nav-title-a">当季好玩</a>
</div>
<div class="second-nav-img">
<a href=""><img src="img/1.jpg" alt=""></a>
<h3 class="img1">成都</h3>
<a href=""><img src="img/2.jpg" alt=""></a>
<h3 class="img2">三亚</h3>
<a href=""><img src="img/3.jpg" alt=""></a>
<h3 class="img3">日照</h3>
<a href=""><img src="img/4.jpg" alt=""></a>
<h3 class="img4">厦门</h3>
<a href=""><img src="img/5.jpg" alt=""></a>
<h3 class="img5">西双版纳</h3>
<a href=""><img src="img/6.jpg" alt=""></a>
<h3 class="img6">青岛</h3>
<a href=""><img src="img/7.jpg" alt=""></a>
<h3 class="img7">泰国</h3>
<a href=""><img src="img/8.jpg" alt=""></a>
<h3 class="img8">台南</h3>
<a href=""><img src="img/9.jpg" alt=""></a>
<h3 class="img9">少林寺</h3>
</div>
<div class="second-nav-footer">
<a href="">专业签证 省心省时省力</a>
<p>全球签证,一周狂惠!</p>
<a href="">奢享邮轮 不一样的体验</a>
<p>海上假期 玩美日韩玩转全球!</p>
<a href="">度假精选 天天有推荐</a>
<p style="margin: 0px 100px 10px 15px;">心动的价格享受美好的旅行!</p>
</div>
</div>
</div>
</div>
<div class="nav-1-list nav-1-list-2">
<h3 class="nav-1-list-h3">郑州周边游</h3>
<p class="nav-1-list-p">
<a href="">云台山</a>
<a href="">老君山</a>
<a href="">少林寺</a>
<a href="">重渡沟</a>
</p>
<div class="second-nav second-nav-2">
<div class="second-nav-1">
<div class="second-nav-title">
<a href="" class="second-nav-title-a">郑州周边游</a>
</div>
<div class="second-nav-img">
<a href=""><img src="img/1.jpg" alt=""></a>
<h3 class="img1">成都</h3>
<a href=""><img src="img/2.jpg" alt=""></a>
<h3 class="img2">三亚</h3>
<a href=""><img src="img/3.jpg" alt=""></a>
<h3 class="img3">日照</h3>
<a href=""><img src="img/4.jpg" alt=""></a>
<h3 class="img4">厦门</h3>
<a href=""><img src="img/5.jpg" alt=""></a>
<h3 class="img5">西双版纳</h3>
<a href=""><img src="img/6.jpg" alt=""></a>
<h3 class
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
旅游网页设计实现,网页设计期末作业,包含4个页面,主页,登录,注册,商品购物页面,实现固定导航与横向导航,完全满足期末实训实践作业要求
资源推荐
资源详情
资源评论



















收起资源包目录











































共 38 条
- 1

ZG991205
- 粉丝: 3
- 资源: 4
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制

- 1
- 2
- 3
- 4
- 5
- 6
前往页