代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta charset="UTF-8"/>
<title>央之艺课堂</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/home.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link href="css/banner.min.css" rel="stylesheet">
<style type="text/css">
#banner .banner-item .banner-text > div:first-child {
font-size: 48px;
}
#banner .banner-item em {
font-size: 66px;
}
#banner .banner-item .banner-text > div:last-child {
font-size: 20px;
}
#img_1{
background: url(img/home/slider_bg1.jpg) no-repeat center center;
background-size: 100% 100%;
}
#img_2{
background: url(img/home/newsbanner.jpg) no-repeat center center;
background-size: 100% 100%;
}
@media (-webkit-min-device-pixel-ratio:2) {
/*#banner .banner-item:first-child .banner-img {
background-image: url(img/home/slider_bg1.jpg) !important;
width: 100%;
height: 44.79vw;
}
#banner .banner-item:last-child .banner-img {
background-image: url(img/home/newsbanner.jpg) !important;
width: 100%;
height: 44.79vw;
}*/
}
@media (max-width: 767px) {
#banner .banner-item .banner-text > div > div[data-role='entext'] {
padding: 0 !important;
}
#banner .banner-item .banner-text > div:first-child {
font-size: 24px;
}
#banner .banner-item em {
font-size: 20px;
}
#banner .banner-item .banner-text > div:last-child {
font-size: 10px;
}
</style>
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="header"></div>
<div class="container-fluid" id="bannerImg">
<div id="banner" class="banner">
<div class="banner-item animated" data-classin="fadeIn" data-classout="fadeOut delay10" data-time="400" data-thumb="img/home/slider_bg1.jpg" id="img_1">
<div class="banner-img"></div>
<div class="banner-text vbox box-h-center box-v-center">
<div style="margin-left: 7%;margin-top: 13%;">
<div class="animated" data-classin="fadeInDown delay5 duration5" data-classout="fadeOutUp delay duration5">
央之艺<em style="color: #00bc9c;">课堂 </em>网站计划
</div>
<div data-role="entext" class="animated" data-classin="fadeInUp delay7 duration5" data-classout="fadeOutDown delay duration5" style="margin-top:5%">
Central art class website program
</div>
</div>
</div>
</div>
<div class="banner-item animated" data-classin="fadeIn" data-classout="fadeOut delay10" data-time="400" data-thumb="img/home/newsbanner.jpg" id="img_2">
<div class="banner-img"></div>
<div class="banner-text vbox box-h-center box-v-center">
<div style="margin-left: 33%;margin-top: 13%;">
<div class="animated" data-classin="fadeInDown delay5 duration5" data-classout="fadeOutUp delay duration5">
<em style="color: #00bc9c;">音乐</em>是思维着的声音
</div>
<div class="animated" data-role="entext" data-classin="fadeInUp delay7 duration5" data-classout="fadeOutDown delay duration5" style="margin-top:2%">
Music is the voice of thought
</div>
</div>
</div>
</div>
<div class="banner-tool">
</div>
<div class="banner-prev">
</div>
<div class="banner-next">
</div>
<!--<div class="banner-img"><img src="img/home/slider_bg1.jpg"/></div>-->
</div>
</div>
<div class="container" id="m-music">
<div class="row" id="m-life">
<div class="col-lg-12" style="text-align: center;">
<div class='clearfix'> </div>
<h2>MUSIC IS LIFE</h2>
<p>从大量的基础用户中。发掘将来从事艺考类的考生，进行系统性，阶段性教育</p>
</div>
<div class='clearfix'> </div>
</div>
<div class="row" id="music">
<div class="col-lg-4">
<img src="img/home/ic_music_a.png" alt="" width="63" height="63"/>
<div class="right">
<h4>音乐基础教育</h4>
<p>通过完整的视频课件，培养和发现每一个孩子的音乐天赋，进行音乐的普及性教育</p>
</div>
</div>
<div class="col-lg-4">
<img src="img/home/ic_music_b.png" alt="" width="63" height="63"/>
<div class="right">
<h4>音乐考级教育</h4>
<p>通过云博在线教学，或者远程直播针对孩子进行一对多练习，授课，进阶考级等</p>
</div>
</div>
<div class="col-lg-4">
<img src="img/home/ic_music_c.png" alt="" width="63" height="63"/>
<div class="right">
<h4>线下游学活动</h4>
<p>线下教师培训，与国外高等音乐学院合作举办音乐游学课，培养孩子的音乐热情，为考进顶级音乐学府基础</p>
</div>
</div>
<div class='clearfix'> </div>
</div>
</div>
<div class="container-fluid" id="content1">
<div class="page1">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="news-bg" src="img/home/bg.jpg" alt="...">
<div class="carousel-caption">
<div class="row">
<div class="col-lg-12">
<div class='clearfix' style='height:60px'> </div>
<h2 style="color: #000;">最新资讯</h2>
<p style="color: #000;">news information</p>
</div>
<div class='clearfix' style='height:60px'> </div>
</div>
<div class="row imgshow">
<div class="col-lg-6 left">
<div class="imgC"><img class="img" src="img/photo.jpg" alt=""/></div>
<div class="img-content">
<h3>民族风情</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
<div class="col-lg-6 right">
<div class="imgC"><img class="img" src="img/photo1.jpg" alt=""/></div>
<div class="img-content">
<h3>声乐视听</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
</div>
<div class="row row-hide">
<div class='clearfix' style='height:206px'> </div>
<div class="col-lg-3">
<img src="img/home/ph_refer_c.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_d.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_e.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_f.png" alt=""/>
</div>
</div>
</div>
</div>
<div class="item">
<img class="news-bg" src="img/home/bg.jpg" alt="...">
<div class="carousel-caption">
<div class="row">
<div class="col-lg-12">
<div class='clearfix' style='height:60px'> </div>
<h2 style="color: #000;">最新资讯</h2>
<p style="color: #000">news information</p>
</div>
<div class='clearfix' style='height:60px'> </div>
</div>
<div class="row imgshow">
<div class="col-lg-6 left">
<div class="imgC"><img class="img" src="img/photo2.jpg" alt=""/></div>
<div class="img-content">
<h3>声乐演唱会</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
<div class="col-lg-6 right">
<div class="imgC"><img class="img" src="img/home/ph_refer_b.png" alt=""/></div>
<div class="img-content">
<h3>音乐传唱</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
</div>
<div class="row row-hide">
<div class='clearfix' style='height:206px'> </div>
<div class="col-lg-3">
<img src="img/home/ph_refer_c.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_d.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_e.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_f.png" alt=""/>
</div>
</div>
</div>
</div>
<div class="item">
<img class="news-bg" src="img/home/bg.jpg" alt="...">
<div class="carousel-caption">
<div class="row">
<div class="col-lg-12">
<div class='clearfix' style='height:60px'> </div>
<h2 style="color: #000;">最新资讯</h2>
<p style="color: #000">news information</p>
</div>
<div class='clearfix' style='height:60px'> </div>
</div>
<div class="row imgshow">
<div class="col-lg-6 left">
<div class="imgC"><img class="img" src="img/home/ph_refer_a.png" alt=""/></div>
<div class="img-content">
<h3>MUSIC TIME</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
<div class="col-lg-6 right">
<div class="imgC"><img class="img" src="img/photo3.jpg" alt=""/></div>
<div class="img-content">
<h3>练唱歌曲</h3>
<p>音乐是大家的精神食粮，所以大家一起...</p>
</div>
</div>
</div>
<div class="row row-hide">
<div class='clearfix' style='height:206px'> </div>
<div class="col-lg-3">
<img src="img/home/ph_refer_c.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_d.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_e.png" alt=""/>
</div>
<div class="col-lg-3">
<img src="img/home/ph_refer_f.png" alt=""/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="content2">
<div class="page1">
<div class="row">
<div class="col-lg-12" style="text-align: center;">
<div class='clearfix'> </div>
<h2 style="color: #fff;">师资团队</h2>
<p style="color: #fff;">Teacher Team</p>
</div>
<div class='clearfix cl'> </div>
</div>
<div class="row">
<div class="clearfix cl"> </div>
<div class="col-lg-6 col-left" style="text-align: left;">
<!--<img class="img" src="img/" alt=""/>-->
<div class="img-content">
<h3 class="iconfont icon-zuodouhao"></h3>
<p>音乐是大家的精神食粮，所以大家一起...音乐是大家的精神食粮，所以大家一起..音乐是大家的精神食粮，所以大家一起..音乐是大家的精神食粮，所以大家一起..音乐是大家的精神食粮，所以大家一起..音乐是大家的精神食粮，所以大家一起..</p>
</div>
<div class="row">
<div class="col-lg-4">
<img src="img/about/teacher_02.jpg"/>
</div>
<div class="col-lg-4">
<img src="img/about/teacher_03.jpg"/>
</div>
<div class="col-lg-4 last">
<img src="img/about/teacher_04.jpg"/>
</div>
</div>
</div>
<!--<div class="clearfix"> </div>-->
<div class="col-lg-6 col-right">
<img class="img" src="img/about/teacher_01.jpg" alt=""/>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div id="footer"></div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/banner.js"></script>
</body>
<script type="text/javascript">
$(function(){
$("#banner").THBanner();
$("#header").load("template/header.temp.html",function(){
act($("#header #btnList1 li a"));
$("#header #btnList1 li a").eq(0).addClass("Act");
act($("#header #btnList2 li a"));
$("#header #btnList2 li a").eq(0).addClass("Act");
});
function act(ele){
for(var i = 0,l = ele.length;i<l;i++){
ele.eq(i).removeClass("Act");
}
}
$("#footer").load("template/footer.temp.html");
})
</script>
</html>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化