index-lyw.html

<!DOCTYPE html>
<html>
<head>
<title>驴游网首页</title>
<link href="css/bootstrap.css" rel='stylesheet'  />
<script src="js/jquery.min.js"></script>
<link href="css/style.css" rel="stylesheet" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gardening Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet'>
<link href='http://fonts.useso.com/css?family=Niconne' rel='stylesheet'>
<script  src="js/move-top.js"></script>
<script  src="js/easing.js"></script>
<script >
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>

</head>
<body>
	<div class="header-banner">
		<div class="container">
			<div class="home">
					<a href="index.html"><span class="glyphicon glyphicon-home"></span></a>
			</div>
			<div class="header-top">
			<span class="menu"><img src="images/nav.png" /></span>
				<div class="top-menu">
					<ul>
					<nav class="cl-effect-13">
                        <iframe name="sinaWeatherTool" src="http://weather.news.sina.com.cn/chajian/iframe/weatherStyle2.html?city=%E6%B5%8E%E5%8D%97" width="200" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
                        <li><a class="scroll" href="#top">分类列表</a></li>
                        <li><a class="scroll" href="#xkt">旅游小课堂</a></li>
                        <li><a class="scroll" href="#zx">最新资讯</a></li>
                        <li><a class="scroll" href="#news">友情链接</a></li>
						<li><a class="scroll" href="#foot">关于我们</a></li>
					</nav>
					</ul>
				</div>
					<script> 
						$( "span.menu" ).click(function() {
						$( ".top-menu ul" ).slideToggle( 300, function() {

						});
						});
					</script>
                <div class="clearfix"></div>
			</div>
            <div class="clearfix"></div>
			<div class="banner-info text-center">
                <h1><a href="index.html">驴游网</a></h1>
			</div>
			<div class="header-bottom-grids text-center" id="top">
				<a href="xiuxiandujia.html" target="_blank"> <div class="header-bottom-grid1">
					<span class="glyphicon glyphicon-leaf"></span>					
					<h4>休闲度假</h4>
				</div></a>
				<a href="hongsejiyi.html"target="_blank"><div class="header-bottom-grid2">
					<span class="glyphicon glyphicon-certificate"></span>
					<h4>红色记忆</h4>
				</div></a>
				<a href="jixiantiaozhan.html"target="_blank"><div class="header-bottom-grid3">
					<span class="glyphicon glyphicon-tree-deciduous"></span>
					<h4>极限挑战</h4>
				</div></a>
				<a href="mingshengguji.html"target="_blank"><div class="header-bottom-grid4">
					<span class="glyphicon glyphicon-screenshot"></span>
					<h4>名胜古迹</h4>
				</div></a>
                <div class="clearfix"></div>
			</div>
		</div>
	</div>
    <div class="clearfix"></div>
    <div class="clearfix"></div>
	<div class="services">
		<div class="container">
			<div class="services-top-grids text-center">
                <a href="xiuxiandujia.html" target="_blank"> <div class="secvice-top-grid-1">
					<h3>休闲度假区</h3>
					<p>每日渡过着紧张繁碌的生活是否已经疲惫了呢？</p>
					<div class="icon1">
						<i class="icon1"></i>
					</div>
                    <div class="clearfix"></div>
				</div></a>
                <a href="hongsejiyi.html"target="_blank"><div class="secvice-top-grid-2">
                    <h3>红色记忆区</h3>
					<p>那段悲壮的历史，我们永远不能忘记！</p>
					<div class="icon1">
						<i class="icon2"></i>
					</div>
				</div></a>
                <a href="hongsejiyi.html"target="_blank"><div class="secvice-top-grid-3">
					<h3>极限挑战区</h3>
					<p>沉闷了这么久，是否想要High一次！</p>
					<div class="icon1">
						<i class="icon3"></i>
					</div>
				</div></a>
                <a href="hongsejiyi.html"target="_blank"><div class="secvice-top-grid-4">
					<h3>名胜古迹区</h3>
					<p>踏步古迹、拜祭圣人、见证历史！</p>
					<div class="icon1">
						<i class="icon4"></i>
					</div>
				</div></a>
				<div class="clearfix"></div>
			</div>
			<div class="services-bottom-grids" id="xkt">
				<div class="col-md-3 services-bottom-left">
					<img src="images/s1.jpg" alt="" />
				</div>
                <a  href="xiaoketang.html" target="_blank" ><div class="col-md-6 services-bottom-middle text-center">
                   <h3>旅游小课堂 </h3>
					<p>在这里，我们将用一张地图来告诉你中国所有不得不去的地方！！！戳我吧！！！ </p>
				</div></a>
				<div class="col-md-3 services-bottom-right">
					<img src="images/s2.jpg" alt="" />
				</div><div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="items">
		<div class="container" id="zx">
            <a href="huodong1.html" target="_blank"><div class="col-md-4 item-1">
				<img src="images/i1.jpg" alt="" />
				<h3>答题拿门票啦！！！</h3>
			</div></a>
			<a href="http://www.cits.cn/citsHome/sx/index.html" target="_blank"><div class="col-md-4 item-2">
				<img src="images/i2.jpg" alt="" />
				<h3>《随行》在线阅读</h3>
			</div></a>
			<a href="zixun.html" target="_blank"><div class="col-md-4 item-3 text-center">
				<h4>旅游资讯</h4>
				<p>这里汇聚着最新的旅游优惠资讯.</p>
                <p>点我吧！</p>
			</div></a>
            <div class="clearfix"></div>
        </div>
	</div>

   <div class="testimonials" id="lt">
        <div class="container" >
			<div class="testimonial-info">
                <a href="images/donghua.mp4"> <video  autoplay width=50% height=20% loop >
                    <source  src="images/donghua.mp4" type="video/mp4">
                    <!-- 如果浏览器不支持video标签，则使用flash -->
                    <embed src="images/donghua.swf" type="application/x-shockwave-flash"
                           width="400" height="350" allowscriptaccess="always" allowfullscreen="true"> </embed>
                </video>
                    </a>
            </div>
		</div>
	</div></a>
	<div class="news" id="news">
		<div class="container">
			<div class="news-text">
				<h3>友情链接</h3>
				<h5>这里可以借助其他网站以更全面地满足您所有的需求</h5>
			</div>
			<div class="news-grids">
				<div class="col-md-3 news-grid wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
					<a href="http://www.ctrip.com/" target="_blank"></a>
					<a class="mask" href="http://www.ctrip.com/" target="_blank"><img src="images/img1.jpg" class="img-responsive zoom-img" alt="" /></a>
					<div class="news-info">
						<a class="button" href="http://www.ctrip.com/" target="_blank"><img src="images/read.png" alt=""></a>
					</div>
				</div>
				<div class="col-md-3 news-grid wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
					<a href="http://www.qunar.com/" target="_blank"></a>
					<a class="mask" href="http://www.qunar.com/" target="_blank"><img src="images/img2.jpg" class="img-responsive zoom-img" alt="" /></a>
					<div class="news-info">
						<a class="button" href="http://www.qunar.com/" target="_blank"><img src="images/read.png" alt=""></a>
					</div>
				</div>
				<div class="col-md-3 news-grid wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
					<a href="http://www.tuniu.com/" target="_blank"></a>
					<a class="mask" href="http://www.tuniu.com/" target="_blank"><img src="images/img3.jpg" class="img-responsive zoom-img" alt="" /></a>
					<div class="news-info">
						<a class="button" href="http://www.tuniu.com/" target="_blank"><img src="images/read.png" alt=""></a>
					</div>
				</div>
				<div class="col-md-3 news-grid wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
					<a href="http://www.elong.com/" target="_blank"></a>
					<a class="mask" href="http://www.elong.com/" target="_blank"><img src="images/img4.jpg" class="img-responsive zoom-img" alt="" /></a>
					<div class="news-info">

						<a class="button" href="http://www.elong.com/" target="_blank"><img src="images/read.png" alt=""></a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="get-in-touch" id="foot">
    <div class="container">
        <div class="pp">
            <h3>关于我们</h3>
                <p > 驴游网 是由B-xyz团队精心制作的专注国内旅游攻略的网站，内容包括休闲度假、红色记忆、极限挑战、名胜古迹四大类景点分类，方便用户快速的查找到自己心仪的景区，另外本站设有旅游小课堂以及旅游资讯，方便了用户的需求。使用过程中，若有任何意见或建议可以联系我们。</p>
                <p class="phone"><span>Phone</span> :0635--1234567</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="copyright text-center">
            <p>--B-xyz团队出品--</p>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $().UItoTop({ easingType: 'easeOutQuart' });
    });
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

</body>
</html>