<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- all meta -->
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page Title -->
<title>chunjie</title>
<link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon">
<!-- All css here -->
<!-- Bootstrap css -->
<link rel="stylesheet" href="./assets/plugin/bootstrap/css/bootstrap.min.css">
<!-- fontaweosme css -->
<link rel="stylesheet" href="./assets/fonts/fontawesome/css/all.css">
<!-- Style css -->
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<!-- Start preloader area -->
<div class="preloader_area">
<div class="spinner">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="line4"></div>
<div class="line5"></div>
<div class="line6"></div>
<div class="line7"></div>
</div>
</div>
<!-- End preloader area -->
<!-- Start header_area area -->
<header class="header_area transparent_header">
<div class="container">
<div class="site_menu">
<div class="row align-items-center">
<div class="col-lg-2">
<div class="site_logo">
<a href="index.html"><img height="106px" src="assets/images/logo_2.jpg" alt=""></a>
</div>
</div>
<div class="col-lg-10">
<div class="primary_menu">
<nav class="main_menu">
<ul>
<li><a href="#">-- 春季 --</a>
<ul class="sub-menu">
<li><a href="./lichun.html">立春</a></li>
<li><a href="./yushui.html">雨水</a></li>
<li><a href="./jingzhe.html">惊蛰</a></li>
<li><a href="./chunfen.html">春分</a></li>
<li><a href="./qingming.html">清明</a></li>
<li><a href="./guyu.html">谷雨</a></li>
</ul>
</li>
<li><a href="#">-- 夏季 --</a>
<ul class="sub-menu">
<li><a href="./lixia.html">立夏</a></li>
<li><a href="./xiaoman.html">小满</a></li>
<li><a href="./mangzhong.html">芒种</a></li>
<li><a href="./xiazhi.html">夏至</a></li>
<li><a href="./xiaoshu.html">小暑</a></li>
<li><a href="./dashu.html">大暑</a></li>
</ul>
</li>
<li><a href="#">-- 秋季 --</a>
<ul class="sub-menu">
<li><a href="./liqiu.html">立秋</a></li>
<li><a href="./chushu.html">处暑</a></li>
<li><a href="./bailu.html">白露</a></li>
<li><a href="./qiufen.html">秋分</a></li>
<li><a href="./hanlu.html">寒露</a></li>
<li><a href="./shuangjiang.html">霜降</a></li>
</ul>
</li>
<li><a href="#">-- 冬季 --</a>
<ul class="sub-menu">
<li><a href="./lidong.html">立冬</a></li>
<li><a href="./xiaoxue.html">小雪</a></li>
<li><a href="./daxue.html">大雪</a></li>
<li><a href="./dongzhi.html">冬至</a></li>
<li><a href="./xiaohan.html">小寒</a></li>
<li><a href="./dahan.html">大寒</a></li>
</ul>
</li>
<li class="search"><a href="#" ><i class="fas fa-search"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- End header_area area -->
<!-- Start domar_breadcrumb section -->
<section class="domar_breadcrumb bg_image" style="background-image: url(assets/images/season_1_01.jpg);">
<div class="bg_overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcrumb_content text-center">
<h2>春节</h2>
<ul>
<li><a href="#">中国传统节日之一</a></li>
<li class="active">春节</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End domar_breadcrumb section -->
<!-- Start domar_single_course section -->
<section class="domar_single_course section_padding">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="single_course_wrapper">
<div class="domar_img">
<img src="./assets/images/cat_1_01.jpg" height="500px" alt="">
</div>
<div class="content_title">
<h3>春节</h3>
<p>春节是我国一个古老的节日，也是全年最重要的一个节日，如何过庆贺这个节日，在千百年的历史发展中，形成了一些较为固定的风俗习惯，有许多还相传至今。
<br><br>
传统的看法是正月初一日为鸡日，初二日为狗日，初三日为猪日，初四日为羊日，初五日为牛日，初六日为马日，初七日为人日。</p>
</div>
<div class="discription_area">
<!-- Nav tabs -->
<div class="discription_tab">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#xiaonian">小年</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuxi">除夕</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuyi">初一</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuer">初二</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chusan">初三</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chusi">初四</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuwu">初五</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuliu">初六</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#chuqi">初七</a>
</li>
</ul>
</div>
<!-- Tab panes -->
<div class="tab-content">
<div id="xiaonian" class="tab-pane active">
<div class="domar_content_box">
<h4>小年，即每年农历腊月廿三或廿四，是祭祀灶王爷的节日。</h4>
<p>它是整个春节庆祝活动的开始和伏笔，其主要活动有两项：扫年和祭灶。除此之外，还吃灶糖的习俗，有的地方还要吃火烧、吃糖糕、油饼，喝豆腐汤。</p>
</div>
<div class="domar_content_box">
<h4>【小年祭灶】</h4>
<p>腊月二十三，又称“小年”，是民间祭灶的日子。据说，每年腊月二十三，灶王爷都要上天向玉皇大帝禀报这家人的善恶，让玉皇大帝赏罚。因此送灶时，人们在灶王像前的桌案上供放糖果、清水、料豆、秣草，其�
web期末大作业静态网页设计期末作业二十四节气HTML+css+js静态网页源码.zip
版权申诉
5星 · 超过95%的资源 20 浏览量
2024-05-20
08:52:30
上传
评论 3
收藏 1.6MB ZIP 举报 
web静态网页设计期末作业二十四节气HTML静态网页源码.zip （60个子文件） 
twenty-four-solar-tems-master 二十四节气 
lixia.html 16KB lichun.html 16KB assets js 
main.js 4KB vendor modernizr-3.6.0.min.js 9KB jquery-1.12.4.min.js 95KB css style.css 23KB responsive.css 6KB plugin countdown jquery.countdown.min.js 5KB jquery_ui jquery-ui.min.js 509KB jquery-ui.css 35KB bootstrap js bootstrap.min.js 57KB css bootstrap.min.css 152KB magnific jquery.magnific-popup.min.js 20KB magnific-popup.css 7KB slick slick.css 2KB slick.min.js 42KB
ajax-loader.gif 4KB slick-theme.css 3KB sidebar_menu sidebar-menu.css 4KB sidebar-menu.js 1KB nice_select jquery.nice-select.min.js 3KB nice-select.css 4KB images 
cat_19.jpg 31KB cat_13.jpg 126KB cat_2.jpg 76KB
bloolr_3.png 137KB cat_21.jpg 29KB cat_1.jpg 125KB cat_12.jpg 25KB cat_15.jpg 17KB cat_20.jpg 14KB cat_16.jpg 53KB cat_18.jpg 38KB cat_17.jpg 16KB bloolr_1.png 280KB cat_10.jpg 18KB cat_1_01.jpg 173KB cat_11.jpg 24KB cat_14.jpg 46KB bloolr_2.png 177KB fonts flaticon Flaticon.woff2 1KB flaticon.css 950B dahan.html 15KB chunjie.html 41KB hanlu.html 16KB quanbu.html 23KB lidong.html 15KB qingming.html 16KB guyu.html 15KB jingzhe.html 15KB liqiu.html 15KB chushu.html 15KB dashu.html 14KB index.html 32KB mangzhong.html 15KB qiufen.html 16KB daxue.html 14KB dongzhi.html 15KB bailu.html 15KB chunfen.html 15KB资源评论
liuguangfu012024-06-11感谢资源主的分享，很值得参考学习，资源价值较高，支持！
