<!DOCTYPE html>
<html lang="en">
<head>
<title>天天舞蹈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/touchTouch.css">
<link rel="stylesheet" href="css/camera.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/zerogrid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all"> 
<link rel="stylesheet" href="css/responsiveslides.css" />  
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/script.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/tmStickUp.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/camera.js"></script>
<script src="js/touchTouch.jquery.js"></script>
<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
<script src="js/responsiveslides.js"></script>
<script>
	$(function () {
	  $("#slider").responsiveSlides({
		auto: true,
		pager: true,
		nav: true,
		speed: 500,
		maxwidth: 1200,
		namespace: "centered-btns"
	  });
	});
</script>
<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  $('.gallery .gall_item').touchTouch();
 });
</script>
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="js/jquery.mobile.customized.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body class="page1" id="top">
<!--==============================
              header
=================================-->
<div class="main">
<header>
  <div class="zerogrid">
    <div class="col-full"><div class="wrap-col">
      <h1 class="logo">
        <a href="index.html">天天舞蹈<span>-人类离不开舞蹈艺术</span>
        </a>
      </h1>
    </div></div>
  </div>
  <section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="zerogrid">
        <div class="col-full"><div class="wrap-col">
          <div class="row navigation">
            <nav>
              <ul class="sf-menu">
               <li class="current"><a href="index.html">Home</a></li>
               <li><a href="#">About</a></li>
               <li><a href="#">Classes</a></li>
               <li><a href="#">Staff</a></li>
               <li><a href="#">Contacts</a></li>
             </ul>
            </nav>
          </div>
     </div></div>
    </div>
  </section>
</header>
<section class="slider_wrapper">
  <div class="zerogrid">
    <div class="col-full"><div class="wrap-col">
      <div class="rslides_container">
		<ul class="rslides" id="slider">
			<li><img src="images/slide-1.jpg" alt="" /></li>
			<li><img src="images/slide-2.jpg" alt="" /></li>
			<li><img src="images/slide-3.jpg" alt="" /></li>
		</ul>
	</div>
    </div></div>
  </div>
</section>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
<!--=====================
          Content
======================-->
<section id="content">
  <div class="zerogrid">
  	<div class="row">
  		<div class="col-1-3"><div class="wrap-col">
  			<img src="images/page1_img1.jpg" alt="" class="fleft">
  		</div></div>
	     <div class="col-2-3"><div class="wrap-col">
	     	<h2>The Way You Move </h2>
		      <p>Find more about this <a href="http://blog.templatemonster.com/free-website-templates/" rel="nofollow" class="color1">goodie</a> in the post on the blog. </p>
		      <p> <a href="http://www.templatemonster.com/properties/topic/education-books/" rel="nofollow" class="color1">Education website templates</a> are presented in the same name category at TemplateMonster.com. </p>
		      Amus at magna non nunc tristique rhoncusquam nibh antegestas id dictum
		      <br>
		      <a href="#" class="link-1">more</a>
	     </div></div>
    </div>
    <div class="row">
	    <div class="col-1-4"><div class="wrap-col">
	      <div class="banner">
	        <div class="maxheight">
	          <h4>News &amp; <br> Events</h4>
	          <a href="#" class="link-1">more</a>
	        </div>
	      </div>
	    </div></div>
	    <div class="col-1-4"><div class="wrap-col">
	      <div class="banner">
	        <div class="maxheight">
	          <h4>Master <br> Classes</h4>
	          <a href="#" class="link-1">more</a>
	        </div>
	      </div>
	    </div></div>
	    <div class="col-1-4"><div class="wrap-col">
	      <div class="banner">
	        <div class="maxheight">
	          <h4>Popular <br> Music</h4>
	          <a href="#" class="link-1">more</a>
	        </div>
	      </div>
	    </div></div>
	    <div class="col-1-4"><div class="wrap-col">
	      <div class="banner">
	        <div class="maxheight">
	          <h4>Useful <br> Tips</h4>
	          <a href="#" class="link-1">more</a>
	        </div>
	      </div>
	    </div></div>
    </div>
    <div class="row zeromod01">
	    <div class="col-1-2">
	      <h3>Recent Publications</h3>
	      <div class="row">
		      <div class="col-1-2"><div class="wrap-col">
		        <div class="block-1">
		          <h4 class="color1"><a href="#">How to Join</a></h4>
		          Amus at magna non nunc tristique rhoncus. Aliquam nibh antegestas id dictum acoodo
		          <br>
		          <a href="#" class="link-1">more</a>
		        </div>
		      </div></div>
		      <div class="col-1-2"><div class="wrap-col">
		        <div class="block-1">
		          <h4 class="color1"><a href="#">Our Styles</a></h4>
		          Amus at magna non nunc tristique rhoncus. Aliquam nibh antegestas id dictum acoodo
		          <br>
		          <a href="#" class="link-1">more</a>
		        </div>
		      </div></div>
	      </div>
	      <div class="row">
	      	<div class="col-1-2"><div class="wrap-col">
		        <div class="block-1">
		          <h4 class="color1"><a href="#">Schedule</a></h4>
		          Remus at magna non nunc tristique rhoncus. Aliquam nibh antegestas id dictum acoodot
		          <br>
		          <a href="#" class="link-1">more</a>
		        </div>
		      </div></div>
	      <div class="col-1-2"><div class="wrap-col">
		        <div class="block-1">
		          <h4 class="color1"><a href="#">Flexibility &amp; Strength</a></h4>
		          Omus at magna non nunc tristique rhoncus. Aliquam nibh antegestas id dictum acoodoe
		          <br>
		          <a href="#" class="link-1">more</a>
		        </div>
	      </div></div>
	      </div>
	    </div>
	     <div class="col-1-2"><div class="wrap-col gallery pad01">
	      <a href="images/big1.jpg" class="gall_item">
	        <img src="images/page1_img2.jpg" alt="">
	        <div class="gall_bot">
	          <div class="fa fa-camera"></div>
	        </div>
	      </a>
	    </div></div>
    </div>
  </div>
</section>
<div class="footer-top">
  <div class="zerogrid">
    <div class="col-full">
      <div class="sep-1"></div>
    </div>
    <div class="row">
	    <div class="col-1-3"><div class="wrap-col">
	      <address class="address-1"> <div class="fa fa-home"></div>北京市西城区</address>
	    </div></div>
	    <div class="col-1-3"><div class="wrap-col">
	      <a href="#" class="mail-1"><span class="fa fa-envelope"></span>400-0000-0000</a>
	    </div></div>
	    <div class="col-1-3"><div class="wrap-col">
	      <!-- <div class="socials">
	        <a href="#">facebook</a>
	        <a href="#">twitter</a>
	        <a href="#">google+</a>
	      </div> -->
	    </div></div>
    </div>
  </div>
</div>
<!--==============================
              footer
=================================-->
</div>
<footer id="footer">
  <div class="zerogrid">
    <div class="col-full"><div class="wrap-col">
      <div class="sub-copy">&copy; <span id="copyright-year">2022</span> 北京天天舞蹈文化传播有限公司</div>
    </div></div>
  </div>
</footer>
<a href="#" id="toTop" class="fa fa-angle-up"></a>
</body>
</html>