紫色大气风格响应式舞蹈学院网页模板.zip资源-CSDN文库

共33个文件

jpg：17个

html：4个

png：3个

html5

H5模版

HTML模版

154 浏览量 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

<!DOCTYPE html> <html lang="zxx"> <head> <title>Dance School Entertainment Category Bootstrap Responsive Web Template | About Us :: W3layouts</title>  <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>   <link rel="stylesheet" href="css/bootstrap.css">  <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <link href="css/font-awesome.min.css" rel="stylesheet">    <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">  </head> <body>  <div class="main-banner-2" id="home">  <header> <div class="container"> <div class="header d-md-flex justify-content-between align-items-center py-3">  <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>   <div class="nav_w3ls"> <nav> <label for="drop" class="toggle">Menu</label> <input type="checkbox" id="drop" /> <ul class="menu"> <li>  <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>  </div> </div> </header>  </div>   <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>   <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>   <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>   <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>   <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

评论收藏

内容反馈