<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 网站说明 -->
<meta name="description" content="携程旅行网是中国领先的在线旅行服务公司，旗下携程旅行向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅管理、为您的出行提供全方位旅行服务。">
<!-- 关键字 -->
<meta name="Keywords" content="酒店预订,特价酒店,机票,机票预订,飞机票查询,航班查询,酒店团购,旅游度假,旅行,商旅管理,手机订酒店,手机订机票,携程旅行">
<!-- 引入favioc图标 -->
<link rel="shortcut icon" href=".//images/promotion-app-log.png" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href=".//images/promotion-app-log.png?v=1.0">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=".//images/promotion-app-log.png?v=1.0">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href=".//images/promotion-app-log.png?v=1.0">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=".//images/promotion-app-log.png?v=1.0">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/index.css">
<title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
</head>
<body>
<!-- 顶部搜索 -->
<div class="search-index">
<div class="search">搜索:目的地/酒店/景点/航班号</div>
<a href="#" class="user">我 的</a>
</div>
<!-- 焦点图模块 -->
<div class="focus">
<a href="#"><img src="./images/0zg1g120008cuy4tqF42A.jpg" alt=""></a>
</div>
<!-- 局部导航栏 -->
<ul class="local-nav">
<li>
<a href="#" title="攻略·景点">
<span class="local-nav-icon-icon1"></span>
<span>攻略·景点</span>
</a>
</li>
<li>
<a href="#" title="门票·玩乐">
<span class="local-nav-icon-icon2"></span>
<span>门票·玩乐</span>
</a>
</li>
<li>
<a href="#" title="美食林">
<span class="local-nav-icon-icon3"></span>
<span>美食林</span>
</a>
</li>
<li>
<a href="#" title="周边游">
<span class="local-nav-icon-icon4"></span>
<span>周边游</span>
</a>
</li>
<li>
<a href="#" title="一日游">
<span class="local-nav-icon-icon5"></span>
<span>一日游</span>
</a>
</li>
</ul>
<!-- 主导航栏 -->
<nav>
<div class="nav-common">
<nav class="nav-items nav-items-1"><a href="#">酒店</a></nav>
<nav class="nav-items nav-items-1"><a href="#">民宿·客栈</a></nav>
<nav class="nav-items nav-items-1"><a href="#">特价·爆款</a></nav>
</div>
<div class="nav-common">
<nav class="nav-items nav-items-2"><a href="#">机票</a></nav>
<nav class="nav-items nav-items-2"><a href="#">火车票</a></nav>
<nav class="nav-items nav-items-2"><a href="#">汽车·船票</a></nav>
<nav class="nav-items nav-items-2"><a href="#">专车·租车</a></nav>
</div>
<div class="nav-common">
<nav class="nav-items nav-items-3"><a href="#">旅游</a></nav>
<nav class="nav-items nav-items-3"><a href="#">高铁游</a></nav>
<nav class="nav-items nav-items-3"><a href="#">邮轮游</a></nav>
<nav class="nav-items nav-items-3"><a href="#">定制游</a></nav>
</div>
</nav>
<!-- 测导航栏 -->
<ul class="subnav-entry">
<li>
<a href="#">
<span class="subnav-entry-icon-icon1"></span>
<span>自由行</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon2"></span>
<span>WiFi电话卡</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon3"></span>
<span>保险·签证</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon4"></span>
<span>换钞·购物</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon5"></span>
<span>向导·包车</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon6"></span>
<span>特价机票</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon7"></span>
<span>礼品卡</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon8"></span>
<span>申卡·借钱</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon9"></span>
<span>社区</span>
</a>
</li>
<li>
<a href="#">
<span class="subnav-entry-icon-icon10"></span>
<span>更多</span>
</a>
</li>
</ul>
<!-- 底部模块 -->
<footer class="tool-box">
<div class="tool-cn">
<a href="#">
<img src="./images/phone.png" alt="">
<span>电话预定</span>
</a>
<a href="#">
<img src="./images/download.png" alt="">
<span>下载客户端</span>
</a>
<a href="#">
<img src="./images/my.png" alt="">
<span>我的</span>
</a>
</div>
<div tool-ver>
<a href="#">网站地图</a> |
<a href="#">
<span class="icon-global"></span>
Language
<span class="triangle"></span>
</a> |
<a href="#">电脑版</a>
</div>
<p>©<label id="copyno">2021</label>携程旅行｜<a href="http://www.miibeian.gov.cn/" class="link-icp">沪ICP备08023580号</a></p>
</footer>
</body>
</html>
携程（flex布局）.zip （50个子文件） 
携程（flex布局） css 
normalize.css 7KB index.css 7KB upload images 
un_icon_sites.png 4KB f-br.png 829B grid-nav-items-hot.png 5KB f-vn.png 310B zc0v0i0000009fwnfB030.png 9KB f-uk.9ad5c202.png 776B f-my.a641e56f.png 683B grid-nav-items-minsu@v7.15.png 625B node-v14.15.4-x64.msi 28.92MB node-v10.12.0.pkg 15.85MB f-es.d95f0854.png 716B pic-tmh-02.png 4KB grid-nav-items-dingzhi@v7.15.png 2KB zg091e000001f5gizE76D.png 34KB zc0g0i0000009fvbaA666.png 23KB pic-tmh-04.png 4KB home-fivemain-sprite2x@v7.15.png 6KB f-de.682ea44f.png 99B zc0t0i0000009fpu498E1.png 9KB
0zg1g120008cuy4tqF42A.jpg 196KB zc020i0000009fsyo72C8.png 22KB f-id.f1863a2d.png 102B download.png 4KB f-tr.png 458B un_ico_subnav2x@v7.33.png 30KB un_ico_home_v620.png 20KB f-fr.4111870a.png 99B grid-nav-items-hotel@v7.15.png 3KB f-jp.dac33f48.png 297B promotion-app-log.png 4KB f-en.6062c485.png 1004B f-gr.png 162B grid-nav-items-train.png 2KB phone.png 6KB grid-nav-items-travel@v7.15.png 4KB grid-nav-items-flight@v7.15.png 4KB f-it.422f1c6b.png 99B f-th.9d42e144.png 104B zg081e000001f380z88EC.jpg 21KB f-kr.651bc035.png 1KB f-pl.png 103B f-nl.png 99B f-cn.19e2f904.png 741B pic-tmh-03.png 4KB my.png 6KB f-sg.1e7c9f96.png 632B f-ru.783ea011.png 99B
index.html 7KB
评论0