123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <!-- 视口标签 -->
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scal=1.0, minimum-scale=1.0">
- <title>携程在手,说走就走</title>
- <!-- 引入CSS初始化 -->
- <link rel="stylesheet" href="css/normalize.css">
- <!-- 引入首页的CSS -->
- <link rel="stylesheet" href="css/index.css">
- <script src="js/index.js"></script>
- </head>
- <body>
- <!-- 顶部搜索 -->
- <div class="search-index">
- <div class="search">
- 搜索目的地/酒店/航班号/景点
- </div>
- <a href="#" class="user">
- 我 的
- </a>
- </div>
- <!-- 焦点图 -->
- <div class="focus">
- <ul>
- <li>
- <img src="upload/focus3.jpg" alt="">
- </li>
- <li>
- <img src="upload/focus1.jpg" alt="">
- </li>
- <li>
- <img src="upload/focus2.jpg" alt="">
- </li>
- <li>
- <img src="upload/focus3.jpg" alt="">
- </li>
- <li>
- <img src="upload/focus1.jpg" alt="">
- </li>
- </ul>
- <ol>
- <li class="current"></li>
- <li></li>
- <li></li>
- </ol>
- </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 ">
- <div class="nav-items">
- <a href="#">海外酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- </div>
- <div class="nav-common ">
- <div class="nav-items">
- <a href="#">海外酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- </div>
- <div class="nav-common ">
- <div class="nav-items">
- <a href="#">海外酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- <div class="nav-items">
- <a href="#">海外酒店</a>
- <a href="#">特价酒店</a>
- </div>
- </div>
- </nav>
- <!-- 侧导航栏入口 -->
- <ul class="subnav-entry">
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon2">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon3">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- <li>
- <a href="#">
- <span class="subnav-entry-icon">
-
- </span>
- <span>电话费</span>
- </a>
- </li>
- </ul>
- <!-- 销售模块 -->
- <div class="sales-box">
- <div class="sales-hd">
- <h2>热门活动</h2>
- <a href="#" class="more">获取更多福利</a>
- </div>
- <div class="sales-bd">
- <div class="row">
- <a href="#">
- <img src="upload/pic1.jpg" alt="">
- </a>
- <a href="#">
- <img src="upload/pic2.jpg" alt="">
- </a>
- </div>
- <div class="row">
- <a href="#">
- <img src="upload/pic3.jpg" alt="">
- </a>
- <a href="#">
- <img src="upload/pic4.jpg" alt="">
- </a>
- </div>
- <div class="row">
- <a href="#">
- <img src="upload/pic5.jpg" alt="">
- </a>
- <a href="#">
- <img src="upload/pic6.jpg" alt="">
- </a>
- </div>
- </div>
- </div>
- <!-- 返回顶部 -->
- <div class="goBack"></div>
- </body>
- </html>
|