shangshanyuntu
/
index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="上善云图旅游网"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <script></script>
    <title>首页</title>
</head>
<body>
<div id="top-nav">
    <div class="s-nav">
        <div class="container">
            <div class="logo-box col-md-5 hidden-sm hidden-xs">
                <img src="img/logo.png" alt="">
            </div>
            <ul class="s-nav-tabs col-md-7 col-sm-12 col-xs-12">
                <li class="p-li"><a class="on" href="./index.html">首页</a></li>
                <li class="p-li"><a href="news.html"><span class="hidden-xs">旅游</span>资讯</a></li>
                <li class="p-li"><a href="tickets.html">机票<span class="hidden-xs">订购</span></a></li>
                <li class="p-li-hide hidden-xs"><a href="view.html">风景欣赏</a></li>
                <li class="p-li"><a href="about.html"><span class="hidden-xs">关于</span>公司</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="s-main" style="position: relative;">
    <div class="hidden-sm hidden-xs" style=" position: absolute;top:10%;left: 35%;z-index: 99999;width: 400px;">
        <div class="col-md-10">
            <input type="text" class="form-control input-lg" placeholder="请输入旅游景点或城市">
        </div>
        <div style="position: relative;" class="col-md-2">
            <button style="position: absolute;right: 0;top: 0;" type="text" class="btn btn-lg btn-default">搜索</button>
        </div>
    </div>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="img/banner0.jpg" alt="...">
                <div class="carousel-caption" style="font-size: 16px;font-weight:bold;">
                    上善云图旅游网  方便、快捷、安全
                </div>
            </div>
            <div class="item">
                <img src="img/banner1.jpg" alt="...">
                <div class="carousel-caption" style="font-size: 16px;font-weight:bold;">
                    提供第一手旅游资讯
                </div>
            </div>
            <div class="item">
                <img src="img/banner2.jpg" alt="...">
                <div class="carousel-caption" style="font-size: 16px;font-weight:bold;">
                    快捷订票，一键登记
                </div>
            </div>
            <div class="item">
                <img src="img/banner3.jpg" alt="...">
                <div class="carousel-caption"  style="font-size: 18px;">
                    旅行——更加轻松
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="container">

        <div class='row h-main'>
            <div class="intro">
                <h2>热门旅游</h2>
                <p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮签证、主题旅游等各种最新热门旅游推荐</p>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">国内长途</span>
                            </div>
                            <img src="img/tour1.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;曼谷-芭提雅6日游&gt;</strong>包团优惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            2864
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;77%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">出境长途</span>
                            </div>
                            <img src="img/tour2.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;马尔代夫双鱼岛Olhuveli4晚6日自助游&gt;</strong>上海出发，机+酒包含：早晚餐+快艇
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            8039
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;97%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">自助旅游</span>
                            </div>
                            <img src="img/tour3.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;海南双飞5日游&gt;</strong>含盐城接送，全程挂牌四星酒店，一家全含，零自费“自费项目”免费送
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            2709
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;90%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">自助旅游</span>
                            </div>
                            <img src="img/tour4.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;富山-大阪-东京8日游&gt;</strong>暑假亲子，2天自由，无导游安排自费项目，全程不强迫购物
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            9499
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;97%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">国内短线</span>
                            </div>
                            <img src="img/tour5.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;法瑞意德12日游&gt;</strong>4至5星，金色列车，少女峰，部分THEMALL
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            9199
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;97%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">出境长途</span>
                            </div>
                            <img src="img/tour6.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;巴厘岛6日半自助游&gt;</strong>蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                           6488
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;95%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">游轮观光</span>
                            </div>
                            <img src="img/tour7.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;塞舌尔迪拜9日自助游&gt;</strong>一游两国，4晚塞舌尔，2晚迪拜，香港EK往返
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            9669
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;100%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">出境长线</span>
                            </div>
                            <img src="img/tour8.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;花样姐姐土耳其9日或10日游&gt;</strong>最高立减3000！中餐六菜一烫+土耳其当地美食满足您挑剔味蕾
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            9999
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;93%
                        </span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <div class="pic-box">
                            <div class="green">
                                <span style="color: white;">国内短线</span>
                            </div>
                            <img src="img/tour9.jpg" alt="">
                        </div>
                        <div class="info-text">
                            <strong>&lt;大阪-京都-箱银双飞6日游&gt;</strong>盐城直飞，不走回头路，境外无自费，超值之旅
                        </div>
                        <div class="price">
                        <span class="pull-left">
                            ￥
                        <strong>
                            5284
                        </strong>
                        起
                        </span>

                            <span class="pull-right">
                            满意度&nbsp;&nbsp;100%
                        </span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="s-footer s-footer-pos">
    <div class="container">
        <div class="row hidden-sm hidden-xs">
            <div class="col-md-4">
                <em>合作伙伴</em>
                <ul>
                    <li><a href="">途牛旅游网</a></li>
                    <li><a href="">驴妈妈旅游网</a></li>
                    <li><a href="">携程旅游</a></li>
                    <li><a href="">中国青年旅行社</a></li>
                </ul>
            </div>
            <div class="col-md-4">
                <em>旅游FAQ</em>
                <ul>
                    <li><a href="">旅行合同签订方式？</a></li>
                    <li><a href="">儿童价是基于什么制定的？</a></li>
                    <li><a href="">旅游的线路品质是怎么界定的</a></li>
                    <li><a href="">单房差是什么？</a></li>
                    <li><a href="">旅游保险有哪些种类？</a></li>
                </ul>
            </div>

            <div class="col-md-4">
                <em>联系方式</em>
                <ul>
                    <li><a href="">地址：重庆沙坪坝区微电子产业园</a></li>
                    <li><a href="">电话：0869119</a></li>
                </ul>
            </div>
        </div>
        <div class="sm-xs-text">
            客户端&nbsp;|&nbsp;触屏版&nbsp;|&nbsp;电脑版
        </div>
    </div>
    <div class="copy-right hidden-xs">
        CopyRight&nbsp;&copy;YCKU上善云图旅游网|苏ICP备120110119号|旅行社经营许可证：L-YC-BK12345
    </div>
</div>
</body>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script>
    $('.carousel').carousel({
        interval: 5000
    })
</script>
</html>