<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/main-gallery.css" type="text/css" media="screen" /> <!-- flexslider-CSS -->
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<!-- //Custom Theme files -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Arapey:400,400i" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,400,400i,600,600i,700" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- banner -->
<div id="home" class="w3ls-banner">
<!-- banner-text -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="w3layouts-banner-top">
<div class="container">
<div class="agileits-banner-info">
<h3>Shall We <span>Dance</span> ?</h3>
<p>CELEBRATE YOUR EVENT WITH US</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top1">
<div class="container">
<div class="agileits-banner-info">
<h3>Shall We <span>Dance</span> ?</h3>
<p>CELEBRATE YOUR EVENT WITH US</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top2">
<div class="container">
<div class="agileits-banner-info">
<h3>Shall We <span>Dance</span> ?</h3>
<p>CELEBRATE YOUR EVENT WITH US</p>
<div class="agileits_w3layouts_more menu__item">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!--banner Slider starts Here-->
</div>
<div class="thim-click-to-bottom">
<a href="#about" class="scroll">
<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
</a>
</div>
<!-- header -->
<div class="header-w3layouts">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Dance Whirl</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">Dance Whirl</a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
<li><a class="page-scroll scroll" href="#home">Home</a></li>
<li><a class="page-scroll scroll" href="#about">About</a></li>
<li><a class="page-scroll scroll" href="#classes">Classes</a></li>
<li><a class="page-scroll scroll" href="#plans">Plans</a></li>
<li><a class="page-scroll scroll" href="#instructors">Instructors</a></li>
<li><a class="page-scroll scroll" href="#gallery">Gallery</a></li>
<li><a class="page-scroll scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</div>
<!-- //header -->
</div>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
<div class="col-md-6 ab-w3-agile-info">
<div class="ab-w3-agile-info-text">
<h2 class="title-w3">About Us</h2>
<p class="sub-text one">Choose Your Style</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.when an unknown printer took a galley of type and scrambled it to make a type specimen book.Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.when an unknown printer took Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet</p>
<div class="agileits_w3layouts_more menu__item one">
<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
</div>
</div>
<div class="ab-w3-agile-inner">
<div class="col-md-6 ab-w3-agile-part">
<h4>Dancing Supplies</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit. a galley of type and scrambled it to make a type specimen book. Proin ultricies vestibulum velit.</p>
</div>
<div class="col-md-6 ab-w3-agile-part two">
<h4>Master Classes</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit., a galley of type and scrambled it to make a type specimen book. Proin ultricies vestibulum velit.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 ab-w3-agile-img">
</div>
<div class="clearfix"></div>
</div>
<!-- //about -->
<!-- Modal1 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<img src="images/2.jpg" alt=" " class="img-responsive">
<h5>Donec lobortis pharetra dolor</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, rds which don't look even slightly believable..</p>
</div>
</div>
</div>
</div>
<!-- //Modal1 -->
<!-- /classes-->
<div class="services" id="classes">
<div class="container">
<h3 class="title-w3">Dancing Classes</h3>
<p class="sub-text">Choose Your Style</p>
<div class="wthree-agile-classes-section">
<div class="col-md-3 class-grid">
<div class="class-grid-img hvr-sweep-to-top">
<img src="images/c1.jpg" alt=""/>
<div class="caption">
<h5>Class 1</h5>
</div>
</div>
<h4>Tango Ballroom </h4>
</div>
<div class="col-md-3 class-grid">
<div class="class-grid-img hvr-sweep-to-top">
<img src="images/c2.jpg" alt=""/>
<div class="caption">
<h5>Class 2</h5>
</div>
</div>
<h4>B
舞蹈艺术培训网站模板是一款单页人体艺术舞蹈培训机构网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
136 浏览量
2023-08-05
15:15:30
上传
评论
收藏 1.45MB RAR 举报
舞蹈艺术培训网站模板是一款单页人体艺术舞蹈培训机构网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （60个子文件） 
舞蹈艺术培训网站模板是一款单页人体艺术舞蹈培训机构网站模板。 moban1891 js 
bootstrap.js 66KB jquery.gallery.js 6KB jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB app.js 7KB main.js 5KB modernizr-2.6.2.min.js 15KB jquery-2.2.3.min.js 84KB easing.js 5KB particles.js 42KB move-top.js 1KB css style.css 45KB popup-box.css 7KB main-gallery.css 9KB font-awesome.css 34KB jquery.gallery.css 2KB bootstrap.css 138KB
index.html 33KB images 
g3.jpg 25KB t5.jpg 26KB t6.jpg 28KB g2.jpg 31KB 2.jpg 106KB c1.jpg 24KB m1.jpg 18KB c2.jpg 16KB 1.jpg 53KB t3.jpg 39KB m2.jpg 18KB
move-up.png 492B left.png 711B search.png 644B 22.jpeg 46KB g6.jpg 18KB t1.jpg 35KB
icons.svg 1KB t4.jpg 34KB g5.jpg 25KB c3.jpg 12KB tick.png 3KB m3.jpg 16KB t2.jpg 24KB right.png 1KB g4.jpg 22KB ab.jpg 43KB c4.jpg 20KB 3.jpg 59KB g1.jpg 31KB contact.jpg 76KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
