<!DOCTYPE HTML>
<html>
<head>
<title>安徽宿州</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"> </script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- Demo styles -->
<style>
.swiper-container {
width: 750px;
height: 430px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
</style>
</head>
<body>
<div id="top">
<div class="container"></div>
</div>
<!-- banner -->
<div class="banner">
<!-- container -->
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html">安徽宿州</a>
</div>
<div class="icons">
<ul>
<li><a href="#" class="facebook chrome"> </a></li>
<li><a href="#" class="facebook dribbble"> </a></li>
<li><a href="#" class="facebook"> </a></li>
<li><a href="#" class="facebook twitter"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-nav">
<span class="menu">菜单</span>
<ul class="nav1">
<li><a href="index.html" class="active">宿州简介</a></li>
<li><a href="history.html">文化历史</a></li>
<li><a href="accomdation.html">住宿</a></li>
<li><a href="food.html">宿州美食</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
</div>
<!-- //container -->
<div class="banner-text">
<!-- container -->
<div class="container">
<ul>
<li>宿州，别称宿城，安徽省辖地级市。春秋时期“宋国迁宿国于此”是“宿州”的地名由来。</li>
</ul>
</div>
<!-- //container -->
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-top-slide">
<div class="banner-bottom-top">
<h4>醉美安徽</h4>
<p>寻梦山水，相约安徽</p>
<p>皖美如画，徽映天下</p>
</div>
<div class="banner-bottom-bottom">
<div class="banner-top-slide-grids">
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: true,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-slid">
<h3>醉美宿州</h3>
<p>果海粮仓，奇石之乡
</p>
</div>
</li>
<li>
<div class="banner-slid">
<h3>宿州旅游</h3>
<p>科学宣传疫情防护知识，提高公众自我保护意识;</br>
出游虽好,要注意疫情防控,文明出游!</br>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./images/1.jpg" width="100%;" height="630"></div>
<div class="swiper-slide"><img src="./images/2.jpg" width="100%;" height="630"></div>
<div class="swiper-slide"><img src="./images/3.jpg" width="100%;" height="630"></div>
<div class="swiper-slide"><img src="./images/4.jpg" width="100%;" height="630"></div>
<div class="swiper-slide"><img src="./images/5.jpg" width="100%;" height="630"></div>
<div class="swiper-slide"><img src="./images/6.jpg" width="100%;" height="630"></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
});
</script>
<!-- //banner-bottom -->
<!-- welcome -->
<div class="welcome">
<!-- container -->
<div class="container">
<div class="welcome-info">
<h3>Hello!</h3>
<h4>你要不要跟我走？ <a href="follow-me.html">嗯，点这里>></a></h4>
</div>
</div>
<!-- //container -->
</div>
<!-- //welcome -->
<div class="copyrights">Collect from </div>
<!-- banner-bottom -->
<div class="banner-bottom">
<!-- container -->
<div class="container">
<div class="banner-bottom-info">
<h3>宿州过年习俗</h3>
<p>在安徽宿州的过年习俗有：祭灶当天要扫尘，清洗家具并购置年货；正月初五为财神日，要吃水饺和面条，称为“钱串 穿元宝”；正月十五元宵节是传统的“城隍盛会会期；正月十六“走北边”、“扣百子”。</p>
</div>
<div class="banner-bottom-grids">
<div class="col-md-6 banner-bottom-grid">
<div class="col-md-5 banner-bottom-left">
<img src="images/xs1.jpg" alt="">
</div>
<div class="col-md-7 banner-bottom-right">
<h4>祭灶</h4>
<p>旧有“官三民四”之说，即官宦人家夏历十二月二十三日祭灶，平民百姓二十四日祭灶，以显示官高于民。但绝大多数人家均以二十四祭灶节日。祭灶又称“小年”。是日开始“忙年”。家家扫尘，清洗家具。陆续购置年货，并烙煎饼、蒸馒头、制作饺、做五香菜，所备煎饼、馒头往往足够一个月食用。是日，家家更换灶君神像。晚饭前举行送灶仪式，用香烛及祭灶饼、祭灶糖供于灶神像前，全家叩头膜拜，取下旧灶神像火化，再贴上新灶神像。此习俗一直延至建国初。此后贴灶神像习俗亦废除。但是日吃祭灶饼和自是日起“忙�
网页设计作业—家乡介绍.zip （58个子文件） 
网页设计作业—家乡介绍 css 
lightbox.css 4KB pics.css 2KB bootstrap.css 118KB swiper.min.css 17KB style.css 31KB images 
su5.PNG 554KB social.png 5KB
绿地衢坊街.jpg 208KB next.png 1KB su3.PNG 443KB location.png 3KB food10.jpg 174KB banner.jpg 405KB 2.jpg 961KB su4.PNG 483KB 1.jpg 904KB 6.jpg 538KB prev.png 1KB 3.jpg 322KB 5.jpg 372KB food2.jpg 165KB food7.jpg 234KB 宿州新汴河.jpg 405KB xs2.jpg 64KB food12.jpg 206KB 皇藏峪国家森林公园.jpg 126KB 高皇山.jpg 127KB 4.jpg 238KB close.png 280B food8.jpg 294KB food11.jpg 107KB food6.jpg 412KB su1.PNG 638KB phone.png 3KB xs1.jpg 420KB food4.jpg 258KB totop.png 17KB food11.jpeg 65KB food3.jpg 218KB top.png 3KB food5.jpg 425KB food1.jpg 104KB food9.jpg 142KB su2.PNG 616KB
food.html 7KB fonts glyphicons-halflings-regular.woff 23KB Dorsa-Regular.ttf 20KB OpenSans-Regular.ttf 212KB index.html 14KB js swiper.min.js 94KB jquery-1.11.1.min.js 94KB lightbox-plus-jquery.min.js 91KB responsiveslides.min.js 3KB follow-me.html 6KB video 
wu.mp4 5.84MB accomdation.html 6KB history.html 5KB contact.html 5KB
"wink
- 粉丝: 6w+
- 资源: 329
最新资源
- 基于单目视觉原理，研究目标图像的预处理、识别、定位方法与测距模型，设计实现一个目标识别与定位测距原型系统。源码+文档+全部资料+优秀项目.zip
- 基于大学生就业招聘系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于仓库管理系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于房产中介管理信息系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于分布式邮件调度系统设计与实现源码+文档+全部资料+优秀项目.zip
- 基于弹幕情感分析的直播高光时刻判断模型设计与系统实现源码+文档+全部资料+优秀项目.zip
- 基于高铁动车模拟仓LED显示系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于高考志愿填报智能辅助系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于高并发秒杀系统设计与实现源码+文档+全部资料+优秀项目.zip
- 基于高校学生行为大数据分析系统设计与实现源码+文档+全部资料+优秀项目.zip
- 苹果检测8-YOLO8数据集.rar
- 基于高校学籍管理系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于会计系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 2000-2023全国330个地级市第一二三产业增加值GDP占比产业结构水平整体升级产业结构高级化
- 基于哈夫曼编译码系统的设计与实现源码+文档+全部资料+优秀项目.zip
- 基于国产密码算法的云计算网络信息传输认证系统设计与实现源码+文档+全部资料+优秀项目.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
- 3
前往页