master

分支 (1)

管理

管理

master

YangZhiYi
/
course.html

<!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/course.css" type="text/css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>


		<!--[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="banner">
	        <div class="banner"><img src="img/about/banner1_02.png"/></div>
	    </div>
	    <div class="container" id="content1">
			    <div class='clearfix'>&nbsp;</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'>&nbsp;</div>
			    </div>
	    </div>
	    <div class="zhibo" style="width: 100%;">
	    	<div class="container" id="zhibo">
				<div class="row">
					 <div class='clearfix'>&nbsp;</div>
		        	<div class="col-lg-12" style="text-align: center;">
				          <h2 class="title">直播大课堂</h2>
				          <p>具体到课程指导，例如：小汤姆森，巴斯蒂安，岗前教学，小提琴教学等。前期主要西洋乐器后期增加民族乐器</p>
			        </div>
			        <div class='clearfix'>&nbsp;</div>
			    </div>
		    </div>
	    </div>
 		<div class="course-top">
 			<div class="container" id='course-content'>
				<div class="row">
					<div class='clearfix'>&nbsp;</div>
		        	<div class="col-lg-12" style="text-align: center;">
				          <h2 class="title">视频理论普及教学</h2>
			        </div>
			        <div class='clearfix'>&nbsp;</div>
			    </div>
			    <div class="row course-content" id="a-top">
			    	<div class="col-lg-12">
				         <div class="row">
				         	<div class="col-lg-6 a-left"><img src="img/photos-4.jpg" alt="" /></div>
				         	<div class="col-lg-6 a-right">
				         		<h3>视唱</h3>
				         		<p>视唱是以培养所按乐谱所一切要求精准地唱出曲调的高音和节奏 等方面的能力，并加深对拍子，音程和调式等感性的认识</p>
				         	</div>
				         </div>
				         <div class='clearfix' style="height: 50px;">&nbsp;</div>
			        </div>
			        <div class="col-lg-12">
				         <div class="row">
				         	<div class="col-lg-6 a-left"><img src="img/photos-7.jpg" alt="" /></div>
				         	<div class="col-lg-6 a-right">
				         		<h3>练耳</h3>
				         		<p>练耳是用来培养对音乐节奏的辨别能力，对音乐的记忆能力和对音乐的内心听觉</p>
				         	</div>
				         </div>
				         <div class='clearfix' style="height: 50px;">&nbsp;</div>
			        </div>
			    </div>

		    </div>
 		</div>
 		<div class="course-bottom" style="width: 100%;background: #f1f5f8;">
 			<div class="container">
 				<div class="row course-content" id='a-bottom'>
			    	<div class="col-lg-12">
			    		<div id="ic" class='clearfix' style="height: 50px;">&nbsp;</div>
				         <div class="row">
				         	<div class="col-lg-6 a-left">
				         		<h3>乐理</h3>
				         		<p>根据知识点定制课程，保证课程全面覆盖艺考生所有知识点。根据学生学习进度安排的下一阶段课程</p>
				         	</div>
				         	<div class="col-lg-6 a-right"><img src="img/photos-17.jpg" alt="" /></div>
				         </div>
			        </div>
			        <div class="col-lg-12">
			        	<div class='clearfix' style="height: 50px;">&nbsp;</div>
				         <div class="row">
				         	<div class="col-lg-6 a-left">
				         		<h3>练习</h3>
				         		<p>在听唱过程中发现问题可以安排老师阶段性进行讲评，存在的问题，有哪些不足，怎么样改进等，帮助学生尽快提高和补充</p>
				         	</div>
				         	<div class="col-lg-6 a-right"><img src="img/photos-9.jpg" alt="" /></div>
				         </div>
				         <div class='clearfix' style="height: 50px;">&nbsp;</div>
			        </div>
			    </div>
 			</div>
 		</div>

	<div id="footer"></div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
	<script type="text/javascript">
		$(function(){
					$("#header").load("template/header.temp.html",function(){
						act($("#header #btnList1 li a"));
						$("#header #btnList1 li a").eq(2).addClass("Act");
						act($("#header #btnList2 li a"));
						$("#header #btnList2 li a").eq(2).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>