<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Dance School Entertainment Category Bootstrap Responsive Web Template | About Us :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords"
content="Dance School Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link
href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext"
rel="stylesheet">
<link
href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- main -->
<div class="main-banner-2" id="home">
<!-- header -->
<header>
<div class="container">
<div class="header d-md-flex justify-content-between align-items-center py-3">
<!-- logo -->
<div id="logo">
<h1><a href="index.html" class="font-weight-bold">Dance School
<span class="text-capitalize">Let'sDance With Us</span>
</a>
</h1>
</div>
<!-- //logo -->
<!-- nav -->
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li>
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down"
aria-hidden="true"></span>
</label>
<a href="#"> <span class="fa fa-bars" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="index.html" class="drop-text">Dance Classes</a></li>
<li><a href="#trainers" class="drop-text">Trainers</a></li>
<li><a href="#testi" class="drop-text">Testimonials</a></li>
<li><a href="gallery.html" class="drop-text">Gallery</a></li>
<li><a href="contact.html" class="drop-text">Contact Us</a></li>
</ul>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>
</div>
<!-- //nav -->
</div>
</div>
</header>
<!-- //header -->
</div>
<!-- //main -->
<!-- page details -->
<div class="breadcrumb-w3ls py-1">
<div class="container">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">About Us</li>
</ol>
</div>
</div>
<!-- //page details -->
<!-- about -->
<section class="about py-5">
<div class="container pt-xl-5 pt-lg-3">
<h3 class="title-w3 mb-5 text-wh font-weight-bold">About Us</h3>
<div class="row">
<div class="col-lg-6 w3lsits_works-grid mt-xl-4">
<div class="wthree-bottom">
<h6 class="subheading-w3ls text-uppercase text-bl mb-4">Let’s dance with us and hold your
beloved moments.</h6>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, eaque ipsa
quae ab illo inventore veritatis et quasi architecto.</p>
</div>
</div>
<div class="col-lg-6 w3lsits_works-grid1 mt-lg-0 mt-sm-5 mt-4">
<img src="images/about.jpg" alt="" class="img-fluid" />
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- welcome -->
<section class="what-w3ls">
<div class="container py-xl-5 py-lg-3">
<div class="offset-lg-6">
<div class="grids-whtas">
<h3 class="tittle mb-5 text-wh font-weight-bold">Welcome to Dance School</h3>
<p class="lead text-li">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac
metus at,
semper varius orci. Nulla accumsan ac elit in congue.</p>
<hr class="my-4">
<p class="text-li">Rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut
consequat
sapien ut leo cursus
rhoncus.Nullam dui mi, vulputate ac metus .</p>
<a href="about.html" class="btn button-style mt-sm-5 mt-4">Read More</a>
</div>
</div>
</div>
<div class="ab-w3-img">
<img src="images/b2.png" alt="" class="img-fluid">
</div>
</section>
<!-- //welcome -->
<!-- team -->
<section class="team pb-5 pt-lg-0 pt-5" id="trainers">
<div class="container pb-xl-5 pb-lg-3">
<h3 class="title-w3 mb-5 font-weight-bold">Our Trainers</h3>
<div class="row inner-sec-w3layouts-w3pvt-lauinfo">
<div class="col-md-4 team-grids text-center">
<img src="images/team1.jpg" class="img-fluid" alt="">
<div class="team-info">
<div class="caption mb-3">
<h4>John Doe</h4>
</div>
<div class="social-icons-section">
<a class="fac" href="#">
<span class="fa fa-facebook"></span>
</a>
<a class="twitter mx-2" href="#">
<span class="fa fa-twitter"></span>
</a>
<a class="google" href="#">
<span class="fa fa-google-plus"></span>
</a>
</div>
</div>
</div>
<div class="col-md-4 team-grids my-md-0 my-4 text-center">
<img src="images/team3.jpg" class="img-fluid" alt="">
<div class="team-info">
<div class="caption mb-3">
<h4>Adam Ster</h4>
</div>
<div class="social-icons-section">
<a class="fac" href="#">
<span class="fa fa-facebook"></span>
</a>
<a class="twitter mx-2" href="#">
<span class="fa fa-twitter"></span>
</a>
<a class="google" href="#">
<span class="fa fa-google-plus"></span>
</a>
</div>
</div>
</div>
<div class="col-md-4 team-grids text-center">
<img src="images/team2.jpg" class="img-fluid" alt="">
<div class="team-info">
<div class="caption mb-3">
<h4>Chris Tina</h4>
</div>
<div class="social-icons-section">
<a class="fac" href="#">
<span class="fa fa-facebook"></span>
</a>
<a class="twitter mx-2" href="#">
<span class="fa fa-twitter"></span>
</a>
<a class="google" href="#">
<span class="fa fa-google-plus"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- team -->
<!-- testimonials -->
<div class="testimonials py-5" id="testi">
<div class="container py-xl-5 py-lg-3">
<h3 class="title-w3 mb-5 font-weight-bold">What Our Students Say</h3>
<div class="row">
<div class="col-lg-6 w3_testimonials_grid">
<div class="bg-white rounded p-5">
<p class="sub-test-w3ls">Nam libero tempore, cum soluta nobis est eligendi optio
cumque nihil
impedit quo minus id quod possimus, omnis voluptas.
</p>
<div class="row mt-5">
<div class="col-3 testi-img-res">
<img src="images/te1
紫色大气风格响应式舞蹈学院网页模板.zip
62 浏览量
2023-06-20
19:22:07
上传
评论
收藏 2.22MB ZIP 举报
紫色大气风格响应式舞蹈学院网页模板.zip （33个子文件） 
22083 css 
style.css 32KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 11KB contact.html 8KB about.html 11KB images 
b1.png 353KB
te2.jpg 20KB b2.png 341KB d4.jpg 40KB about.jpg 42KB d3.jpg 49KB team3.jpg 46KB d6.jpg 42KB banner3.jpg 112KB d5.jpg 49KB team2.jpg 39KB d1.jpg 34KB bg4.jpg 121KB bg1.png 174KB te1.jpg 16KB bg3.jpg 121KB bg2.jpg 135KB d2.jpg 42KB team1.jpg 24KB te3.jpg 19KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB gallery.html 9KB资源评论
小徐博客
- 粉丝: 1742
- 资源: 872
