<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<title>首页-某某舞蹈培训</title>
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
<link rel="stylesheet" type="text/css" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/g.css">
<link rel="stylesheet" href="static/css/s.css">
<script src="static/js/jquery-1.11.1.min.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/scrolloverflow.min.notransition.js"></script>
<script src="static/js/g.js"></script>
<style>
.banners-pc { clear: both; height: 685px; }
.banners-pc .frame { height: 685px; background: no-repeat center center; background-size: cover; }
.banners-mb { display: none; clear: both; height: 685px; }
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }
@media (max-width: 1024px) {
.banners-pc { display: none; }
.banners-mb { display: block; }
}
.main1 { }
.main1 .offset { padding-top: 70px; }
.main1 .offset .list { overflow: hidden; margin-left: -100px; margin-bottom: -30px; }
.main1 .offset .list > li { float: left; width: 25%; padding-left: 100px; padding-bottom: 30px; }
.main1 .offset .list > li:nth-child(4n+1) { clear: both; }
.main1 .offset .list > li .pic { text-align: center; margin-top: 5px; height: 224px; width: 224px; }
.main1 .offset .list > li .pic img { border-radius: 50%; display: inline-block; text-align: center; margin-top: 13px; }
.main1 .offset .list > li .font { text-align: center; }
.main1 .offset .list > li .font .p1 { font-size: 18px; color: #333; padding-top: 30px; }
.main1 .offset .list > li .font .p1 .line { display: block; width: 32px; height: 2px; background: #a93f52; margin: 15px auto 20px auto; }
.main1 .offset .list > li .font .p2 { color: #999; line-height: 24px; }
.main1 .offset .list > li .font .btn { text-align: center; margin-top: 30px; }
.main1 .offset .list > li .font .btn .more { display: inline-block; padding: 10px 40px; border-radius: 50px; color: #fff; }
.main1 .offset .list .li1 .pic { background: url(http://demo.demohuo.top/modals/64/6437/demo/img/kc_list_bg1.png) no-repeat center center; background-size: contain; }
.main1 .offset .list .li2 .pic { background: url(http://demo.demohuo.top/modals/64/6437/demo/img/kc_list_bg2.png) no-repeat center center; background-size: contain; }
.main1 .offset .list .li1 .font .btn .more { background: #ec8520; }
.main1 .offset .list .li2 .font .btn .more { background: #058bd6; }
@media (max-width: 1024px) {
.main1 .offset .list > li { width: 50%; }
.main1 .offset .list > li:nth-child(n) { clear: none; }
.main1 .offset .list > li:nth-child(2n+1) { clear: both; }
.main1 .offset .list > li .pic { margin-left: auto; margin-right: auto; }
}
@media (max-width: 600px) {
.main1 .offset .list > li { width: 100%; }
.main1 .offset .list > li:nth-child(n) { clear: none; }
}
@media (max-width: 300px) {
.main1 .offset .list > li .pic { height: auto; width: auto; }
}
.main2 { background: url(static/picture/teacher_bg.jpg) no-repeat center center; height: 780px; padding-top: 70px; margin-top: 120px; }
.main2 .right { float: right; background: #ec8718; }
.main2 .intro .font { max-width: 750px; padding-top: 70px; }
.main2 .intro .font .h1 { font-size: 18px; color: #333; padding-bottom: 40px; }
.main2 .intro .font .p1 { color: #666; line-height: 30px; }
.main2 .intro .font .more { color: #df3d47; margin-top: 20px; display: block; }
.main2 .intro .list { overflow: hidden; margin-left: -24px; margin-bottom: -20px; margin-top: 60px; }
.main2 .intro .list > li { float: left; padding-left: 24px; padding-bottom: 20px; }
.main2 .intro .list > li .box { display: block; position: relative; }
.main2 .intro .list > li .box img { border-radius: 20px; display: inline-block; max-width: 156px; }
.main2 .intro .list > li .box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #ec8718; opacity: 0; border-radius: 20px; }
.main2 .intro .list > li .box:hover:before { opacity: 1; transition: ease .4s; }
@media (max-width: 950px) {
.main2 { background: #fbefe1; height: auto; padding-bottom: 50px; }
.main2 .intro .font { max-width: none; text-align: center; }
.main2 .intro .list > li { width: 25%; }
.main2 .intro .list > li .box img { width: 100%; max-width: none; }
}
@media (max-width: 600px) {
.main2 .intro .list > li { width: 33.33%; }
}
@media (max-width: 350px) {
.main2 .intro .list > li { width: 50%; }
}
.main3 { margin-top: 90px; }
.main3 .top { overflow: hidden; padding-top: 70px; }
.main3 .top .pic { float: left; padding-right: 60px; position: relative; }
.main3 .top .pic .bg { width: 576px; height: 325px; background: #ec8520; display: block; border-radius: 20px; }
.main3 .top .pic .tp { display: block; position: absolute; left: 20px; top: -20px; }
.main3 .top .pic .tp img { border-radius: 20px; }
.main3 .top .font { float: left; max-width: 542px; }
.main3 .top .font .nav { overflow: hidden; padding: 14px 0; background: #0b8f54; display: inline-block; border-radius: 30px }
.main3 .top .font .nav > li { float: left; padding: 0 40px; }
.main3 .top .font .nav > li .box { display: block; color: #fff; }
.main3 .top .font .con { }
.main3 .top .font .con .p1 { font-size: 18px; color: #333; padding: 54px 0 24px 0; }
.main3 .top .font .con .p2 { color: #666; line-height: 24px; }
.main3 .top .font .con .more { color: #df3d47; padding-top: 20px; display: block; }
.main3 .bottom { margin-top: 50px; overflow: hidden; }
.main3 .bottom .list { margin-left: -40px; margin-bottom: -30px; }
.main3 .bottom .list > li { float: left; width: 33.33%; padding-left: 40px; padding-bottom: 30px; }
.main3 .bottom .list > li .box { background: #f1f1f1; display: block; border-radius: 20px; padding: 36px 40px 30px 36px; }
.main3 .bottom .list > li .box .time { font-size: 18px; color: #999; padding-bottom: 15px; }
.main3 .bottom .list > li .box .line { width: 34px; height: 2px; background: #ec8520; display: inline-block; }
.main3 .bottom .list > li .box .p1 { font-size: 16px; color: #333; padding: 18px 0; }
.main3 .bottom .list > li .box .p2 { color: #999; line-height: 24px; }
.main3 .bottom .list > li .box:hover { background: #ec8520; }
.main3 .bottom .list > li .box:hover .time { color: rgba(255,255,255,.6); }
.main3 .bottom .list > li .box:hover .line { background: #fff; }
.main3 .bottom .list > li .box:hover .p1 { color: #fff; }
.main3 .bottom .list > li .box:hover .p2 { color:
Zp_demo.demohuo.top_34.rar （57个子文件） 
Zp_demo.demohuo.top_34 
ach.html 13KB teacherdetail.html 9KB teacher.html 15KB room.html 9KB index.html 23KB course.html 12KB static css 
slick-theme.css 3KB slick.css 2KB g.css 6KB s.css 8KB font-awesome.min.css 30KB image 
teacher_bg.jpg 241KB footer_bg.jpg 195KB top_nav_bg.jpg 18KB banner-index-p.jpg 442KB room_img1.jpg 401KB banner-index-m.jpg 282KB picture index_news1.jpg 110KB rvzqwzq3ef0pjy1.jpg 13KB about_img.jpg 84KB b73rkg5mlwsuqxw.jpg 59KB teacher_bg.jpg 241KB 3ig89q9e87prqz6.jpg 77KB child_banner4.jpg 206KB child_banner3_m.jpg 165KB sij9iwtxkx2ii2p.jpg 8KB child_banner1.jpg 270KB child_banner1_m.jpg 182KB
menu.svg 1KB 3a66kpukvktvaby.jpg 14KB child_banner2_m.jpg 140KB 20xe8ovc083aml9.jpg 130KB ditu.jpg 247KB ico_add.svg 623B ccvrd5s9lnpy6kz.jpg 14KB myd234dgt1udb6b.jpg 10KB h1vztvumx5satbp.jpg 27KB banner-index-p.jpg 442KB room_img1.jpg 401KB arjjxkvl0fv5iyq.jpg 18KB
logo_bottom.png 6KB child_banner3.jpg 255KB 34dji6sorejd59t.jpg 8KB logo.png 8KB banner-index-m.jpg 282KB logo_m.png 4KB child_banner4_m.jpg 166KB js g.js 683B jquery-1.11.1.min.js 94KB scrolloverflow.min.notransition.js 37KB jquery-ui.min.js 248KB slick.js 87KB coursedetail.html 10KB news.html 11KB about.html 10KB contact.html 8KB newsdetail.html 9KB资源评论
你热爱好热啊
- 粉丝: 38
- 资源: 1384
最新资源
- 机器学习逻辑回归完成员工离职预测
- W25Q64-FLASH
- 基于SpringBoot框架的餐饮商家管理系统设计源码
- 基于C#编程的Minecraft简易材质包生成器设计源码
- 基于深度学习技术的Vue框架在线学生成绩与学业发展分析系统设计源码
- 基于OneOS操作系统的SMx加密算法组件设计源码
- 基于Html语言的LinysBrowser_NEXT鸿蒙浏览器设计源码
- Comsol光子晶体微腔及其傅里叶变分析 包含comsol和fdtd模型，以及matlab代码等
- 基于微信公众号的在线培训平台录播直播系统设计源码
- 物联网智能开关平台服务端硬件端、安卓端和前端源码 源代码 程序 智能开关平台，包含服务端、硬件端、安卓端和前端 关键词：智能家居、物联网开关、远程开关、红外线遥控开关、WIFI继电器、MQTT协议、
- 基于Java、Vue的开放式一物一码溯源防伪系统设计源码
- 潮汐发电，永磁同步发电机，变速运行，采用MTPA控制，独特的弱磁曲线，提高起始转矩，调速范围宽 同时附赠id=0控制永磁同步电机控制 波形理想
- 基于C语言的violin调式转换练琴设计源码
- 基于Vue框架的掌上医院uniapp设计源码
- 基于Vue.js框架的3D翻转效果会员卡/粉丝卡设计源码，包含反光特效与响应式布局
- 图像分割语义分割unet、 deeplab3、FCN、Resnet网络等 基于pytorch框架制作 全套项目，包含网络模型，训练代码，预测代码，直接下载数据集就能跑，拿上就能用，简单又省事
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
