<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Stepper</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700|Roboto:300,400,700&display=swap"
rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container pt-3">
<a class="navbar-brand" href="#">
Stepper
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto mr-2">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us </a>
</li>
<li class="nav-item">
<a class="nav-link" href="dance.html">Dance</a>
</li>
<li class="nav-item">
<a class="nav-link" href="classes.html">Classes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact us</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<div class="number-container d-none d-md-block">
<div class="number-box">
<span>
01
</span>
<hr>
<span>
02
</span>
</div>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container slider_item-box">
<div class="row pt-5">
<div class="col-md-6">
<div class="slider-box-detail">
<h1>
You Think <br>
You Can Dance What ?
</h1>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered
alteration in
some form, by injected humour, or There are many variations of passages of Lorem Ipsum available,
but
the
majority have suffered alteration in some form, by injected humour, or
</p>
<div>
<a href="">
<div>
<span>
Read More
</span>
<span>
<img src="images/right.png" alt="" style="width: 18px;">
</span>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="slider_box-img">
<div class="slider_item_img-box">
<img src="images/dancer.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container slider_item-box">
<div class="row pt-5">
<div class="col-md-6">
<div class="slider-box-detail">
<h1>
You Think <br>
You Can Dance What ?
</h1>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered
alteration in
some form, by injected humour, or There are many variations of passages of Lorem Ipsum available,
but
the
majority have suffered alteration in some form, by injected humour, or
</p>
<div>
<a href="">
<div>
<span>
Read More
</span>
<span>
<img src="images/right.png" alt="" style="width: 18px;">
</span>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="slider_box-img">
<div class="slider_item_img-box">
<img src="images/dancer.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container slider_item-box">
<div class="row pt-5">
<div class="col-md-6">
<div class="slider-box-detail">
<h1>
You Think <br>
You Can Dance What ?
</h1>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered
alteration in
some form, by injected humour, or There are many variations of passages of Lorem Ipsum available,
but
the
majority have suffered alteration in some form, by injected humour, or
</p>
<div>
<a href="">
<div>
<span>
Read More
</span>
<span>
<img src="images/right.png" alt="" style="width: 18px;">
</span>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="slider_box-img">
游戏音乐娱乐类网站源码-舞蹈技能训练课程网页模板-适配手机端.zip
版权申诉
138 浏览量
2024-03-24
15:08:28
上传
评论
收藏 2.28MB ZIP 举报
游戏音乐娱乐类网站源码-舞蹈技能训练课程网页模板-适配手机端.zip （39个子文件） 
游戏音乐娱乐类网站源码-舞蹈技能训练课程网页模板-适配手机端 html 
dance.html 8KB js 
bootstrap.js 134KB jquery-3.4.1.min.js 86KB css style.css 11KB responsive.css 2KB bootstrap.css 188KB classes.html 7KB index.html 17KB contact.html 7KB about.html 7KB images 
about-img.jpg 48KB class-2.jpg 14KB
search-icon.png 1KB class-3.jpg 15KB master-1.png 3KB hero.jpg 82KB prev.png 1KB dots.png 18KB info-bg.png 13KB menu.png 21KB shape-1.png 2KB insta.png 2KB class-4.jpg 18KB next.png 1KB red-next.png 1KB fb.png 1KB master-3.png 4KB hero1.png 753KB twitter.png 2KB master-bg.png 20KB dance.jpg 48KB dancer.png 363KB class-1.jpg 39KB hero.png 754KB right.png 1KB hero1.jpg 85KB master-2.png 4KB linkedin.png 2KB shape-1.jpg 2KB资源评论
