<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<title>主页</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<!-- Main css -->
<link href="css/main.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--Header Area-->
<header class="header-area white-bg">
<nav class="navbar navbar-expand-lg main-menu">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="images/logo-2.jpg" class="d-inline-block align-top" alt=""></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="menu-toggle"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html">主页</a></li>
<li class="nav-item"><a class="nav-link" href="html/privacy.html">历史发展</a></li>
<li class="nav-item"><a class="nav-link" href="html/pricing.html">大师天地</a></li>
<li class="nav-item"><a class="nav-link" href="html/blog.html">今日资讯</a></li>
<li class="nav-item"><a class="nav-link" href="html/faq.html">演出活动 </a></li>
</ul>
<div class="header-btn justify-content-end">
<a href="html/dl.html" class="bttn-small btn-fill"><i class="fa fa-lock"></i> Signup</a>
</div>
</div>
</div>
</nav>
</header><!--/Header Area-->
<!--Hero Area-->
<section class="hero-area color-overlay-2" style="background: url('images/custom-banner-2.jpg');">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-10 centered">
<div class="hero-content">
<h2>中国传统戏曲</h2>
<h3>戏曲是我国传统戏剧的一个独特称谓</h3>
<p></p>
<h5>历史上最先使用戏曲这个名词的是宋刘埙（1240-1319），他在《词人吴用章传》中提出“永嘉戏曲”</h5>
<h5>他所说的“永嘉戏曲”，就是后人所说的“南戏”、“戏文”、“永嘉杂剧”</h5>
<h5>从近代王国维开始，才把“戏曲”用来作为中国传统戏剧文化的通称</h5>
<div class="hero-btn">
</div>
</div>
</div>
</div>
</div>
</section><!--/Hero Area-->
<!--Video Section-->
<div class="video-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="video-promo centered">
<img src="images/promo-video.jpg" alt="">
<a href="vdio/zzs.mp4" class="video-popup"><i class="flaticon-heart"></i></a>
</div>
</div>
</div>
</div>
</div><!--/Video Section-->
<!-- Best Selling Courses -->
<section class="section-padding">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="section-title centered">
<h2>中国传统戏曲种类</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
<div class="single-product">
<a href="index.html">
<div class="single-product-img">
<img src="images/popular-items/1-1.jpg"
onmouseover="this.src='images/popular-items/1-2.jpg'"
onmouseout="this.src='images/popular-items/1-1.jpg'"/>
</div>
<div class="single-product-content">
<h4>京剧</h4>
<p>中国非物质文化遗产
</p>
<div class="single-product-content-meta">
<div class="left"><img src="images/tx/3.png" alt=""> 戏曲协会</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
<div class="single-product">
<a href="index.html">
<div class="single-product-img">
<img src="images/popular-items/2-1.png"
onmouseover="this.src='images/popular-items/2-2.png'"
onmouseout="this.src='images/popular-items/2-1.png'"/>
</div>
<div class="single-product-content">
<h4>越剧</h4>
<p>流传最广的地方剧种</p>
<div class="single-product-content-meta">
<div class="left"><img src="images/tx/3.png" alt=""> 戏曲协会</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
<div class="single-product">
<a href="index.html">
<div class="single-product-img">
<img src="images/popular-items/3-1.jpg"
onmouseover="this.src='images/popular-items/3-2.jpg'"
onmouseout="this.src='images/popular-items/3-1.jpg'"/>
</div>
<div class="single-product-content">
<h4>黄梅戏</h4>
<p>旧称黄梅调或采茶戏</p>
<div class="single-product-content-meta">
html+css+js制作的网页设计作业，包含多个子页面，主题是中国传统戏曲
5星 · 超过95%的资源 需积分: 5 138 浏览量
2022-12-24
17:10:14
上传
评论 4
收藏 60.64MB ZIP 举报 
中国传统戏曲.zip （83个子文件） 
js 
popper.js 19KB imagesloaded.pkgd.min.js 5KB waypoints.min.js 8KB bootstrap.min.js 63KB scrollUp.min.js 2KB magnific-popup.min.js 20KB jquery.counterup.min.js 1KB jquery-migrate.js 17KB owl.carousel.min.js 43KB wow.min.js 8KB jquery-3.2.1.min.js 85KB contact.js 2KB isotope.pkgd.min.js 34KB jquery-ui.js 509KB script.js 3KB vdio 
zzs.mp4 9.58MB css bootstrap.min.css 141KB main.css 77KB jquery-ui.css 35KB magnific-popup.css 7KB animate.css 64KB font-awesome.min.css 30KB owl.carousel.min.css 3KB styles.css 3KB html 
faq.html 15KB dl.html 4KB assets js popper.js 19KB imagesloaded.pkgd.min.js 5KB waypoints.min.js 8KB bootstrap.min.js 63KB scrollUp.min.js 2KB magnific-popup.min.js 20KB jquery.counterup.min.js 1KB jquery-migrate.js 17KB owl.carousel.min.js 43KB wow.min.js 8KB jquery-3.2.1.min.js 85KB contact.js 2KB isotope.pkgd.min.js 34KB jquery-ui.js 509KB script.js 3KB vdio 2.mp4 34.4MB images popular-items 
2-2.jpg 1.36MB 3-2.jpg 124KB 6.jpg 748KB 3-1.jpg 174KB 2-1.jpg 1.26MB 1-1.jpg 541KB 1-2.jpg 474KB pricing.html 18KB privacy.html 14KB blog-details3.html 19KB blog-details4.html 14KB blog-details2.html 15KB blog.html 15KB blog-details1.html 14KB index.html 20KB images custom-banner-2.jpg 660KB blog 2.jpg 448KB 1.jpg 474KB 3.jpg 541KB 4.jpg 660KB custom-banner.jpg 618KB logo-2.jpg 318KB promo-video.jpg 106KB tx 
3.png 1.08MB reviewer 3.png 1.08MB 1.png 861KB 2.png 748KB popular-items 6-2.jpg 150KB 2-1.png 1.26MB 3-2.jpg 124KB 4-2.jpg 123KB 2-2.png 1.36MB 4-1.jpg 142KB 5-1.jpg 148KB 3-1.jpg 174KB 1-1.jpg 541KB 1-2.jpg 474KB 6-1.jpg 141KB 5-2.jpg 82KB fonts Flaticon.woff 12KB fontawesome-webfont.woff2 75KB
- 1
- 2
前往页