<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>家乡的文化</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.imgbox.pack.js"></script>
</head>
<body>
<div class="h-bg">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
</div>
<div class="foot-search">
<form>
<input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
<input type="submit" value="Search">
</form>
</div>
<div class="clear"></div>
</div>
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu clearfix sf-js-enabled">
<li class="active color-1"><a href="index.html">Home</a></li>
<li class="sub-menu color-2"><a href="custom.html">Customs</a>
<ul style="display: none;" class="sub-menu">
<li class="sub-menu-1"><a href="custom.html">Custom 01</a>
<ul style="display: none;" class="sub-menu">
<li><a href="custom.html">Custom 04</a></li>
<li><a href="custom.html">Custom 05</a></li>
<li><a href="custom.html">Custom 06</a></li>
</ul>
</li>
<li><a href="custom.html">Custom 02</a></li>
<li><a href="custom.html">Custom 03</a></li>
</ul>
</li>
<li class="color-3"><a href="development.html">Developments</a></li>
<li class="color-4"><a href="favourites.html">Favourites</a></li>
<li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
<li class="color-6"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="main-bg">
<div class="container">
<div class="main-wrp">
<div class="artists">
<div class="product-grids">
<div class="bloder-content">
<h6>Customs</h6>
<div class="product-grid">
<a id='show1' href='images/full_tea.jpg'><img src="./images/tea.jpg" alt="饮食文化-茶" /></a>
<h4>喝茶</h4>
<p>在我们那儿，客人来时喝茶是最普遍的招待方式</p>
<script>
$(function(){
$("#show1").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
<div class="product-grid">
<a id='show2' href='images/full_lvdou.jpg'><img src="./images/lvdou.jpg" alt="饮食文化-绿豆饼" /></a>
<h4>绿豆饼</h4>
<p>绿豆饼是我们家乡的特产，好吃到根本停不下来</p>
<script>
$(function(){
$("#show2").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
<div class="product-grid">
<a id='show3' href='images/full_zhujiao.jpg'><img src="./images/zhujiao.jpg" alt="饮食文化-猪脚饭" /></a>
<h4>猪脚饭</h4>
<p>油而不腻的猪脚配上当地的特色米饭，大饱口福</p>
<script>
$(function(){
$("#show3").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
<div class="product-grid">
<a id='show4' href='images/full_caoxi.jpg'><img src="./images/caoxi.jpg" alt="习俗文化-草席" /></a>
<h4>草席</h4>
<p>在以前，多数村民靠纯手工制作草席维持生活</p>
<script>
$(function(){
$("#show4").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
<div class="product-grid">
<a id='show5' href='images/full_shangding.jpg'><img src="./images/shangding.jpg" alt="信仰文化-吃上丁" /></a>
<h4>吃上丁</h4>
<p>家里生男孩时就得办一大酒席请亲朋好友来庆祝</p>
<script>
$(function(){
$("#show5").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
<div class="product-grid">
<a id='show6' href='images/full_bailaoye.jpg'><img src="./images/bailaoye.jpg" alt="信仰文化-拜老爷" /></a>
<h4>拜老爷</h4>
<p>每年的特定的时间点会煮上些好菜祭拜祖先</p>
<script>
$(function(){
$("#show6").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</div>
</div>
</div>
<div class="services-sidebar">
<h4>目录</h4>
<ul>
<li>» <a href="#">饮食文化--喝茶</a></li>
<li>» <a href="#">饮食文化--绿豆饼</a></li>
<li>» <a href="#">饮食文化--猪脚饭</a></li>
<li>» <a href="#">传统文化--草席</a></li>
<li>» <a href="#">习俗文化--吃上丁 </a></li>
<li>» <a href="#">信仰文化--拜老爷 </a></li>
<li>» <a href="#">...... </a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div></div>
</div>
</body>
</html>
个人主页 家乡 自我 介绍 web大作业 期末作业
版权申诉
5星 · 超过95%的资源 189 浏览量
2023-01-31
16:01:42
上传
评论 3
收藏 7.87MB ZIP 举报 
个人主页 我的家乡 自我介绍 web作业.zip （78个子文件） 
个人主页 我的家乡 自我介绍 web作业 
custom.html 7KB js 
jquery.imgbox.pack.js 6KB map.js 9KB jquery.min.js 114KB map.html 910B css style.css 19KB responsive.css 11KB map_css.css 452B index.html 6KB contact.html 5KB images 
pic12.jpg 32KB pic5.jpg 23KB pic6.jpg 17KB pic15.jpg 27KB full_scene_5.jpg 230KB
plus.png 2KB full_scene_9.jpg 501KB sea.jpg 48KB full_school.jpg 263KB full_scene_7.jpg 548KB full_tea.jpg 226KB full_caoxi.jpg 100KB full_lake.jpg 160KB zhujiao.jpg 68KB pic10.jpg 17KB scene_4.jpg 33KB scene_7.jpg 59KB full_scene_1.jpg 282KB caoxi.jpg 47KB scene_1.jpg 70KB full_scene_8.jpg 759KB pic8.jpg 19KB mail.png 2KB full_shangding.jpg 234KB pic9.jpg 16KB logo.png 3KB lake.jpg 87KB full_scene_2.jpg 224KB pic4.jpg 23KB pic2.jpg 17KB scene_5.jpg 39KB logo.psd 43KB pic3.jpg 16KB scene_6.jpg 64KB fb.png 858B shangding.jpg 113KB full_scene_4.jpg 312KB pic1.jpg 18KB buildings.jpg 39KB twitter.png 2KB sand.jpg 344KB bailaoye.jpg 177KB h-bg.png 279B tea.jpg 153KB school.jpg 119KB scene_9.jpg 46KB pic11.jpg 24KB scene_3.jpg 58KB lvdou.jpg 99KB full_sea.jpg 188KB pic7.jpg 19KB river.jpg 42KB scene_8.jpg 87KB road.jpg 31KB full_bailaoye.jpg 377KB scene_2.jpg 55KB full_scene_6.jpg 379KB pic13.jpg 23KB pic14.jpg 32KB main-bg.jpg 528KB pic13.html 409B feed.png 1KB full_zhujiao.jpg 140KB full_lvdou.jpg 200KB full_scene_3.jpg 225KB development.html 4KB places_of_interests.html 6KB favourites.html 5KB
- 1
- 2
- 3
前往页