我的家乡源代码

<!DOCTYPE HTML>
<html>
<head>
<title>名胜古迹</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary JavaScript plugins) -->
<script src="js/bootstrap.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--//theme-style-->
<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="Game Box 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>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="banner-info">
<div class="container">
<div class="logo">
<h1><a href="我的家乡主页.html">MY HOMETOWN</a></h1>
</div>
<div class="top-menu">
<span class="menu"></span>
<ul class="nav1">
<li><a href="我的家乡主页.html">郑州简介</a></li>
<li><a href="历史沿革.html">历史沿革</a></li>
<li class="active"><a href="名胜古迹.html">名胜古迹</a></li>
<li><a href="郑州美景.html">郑州美景</a></li>
<li><a href="郑州美食.html">郑州美食</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- banner -->
<div class="banner">
<div class="bnr2">
</div>
</div>
<!-- content -->
<div class="review">
<div class="container">
<h2 >名胜古迹</h2>
<div class="review-md1">
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="烩面.html"><img src="images/f1.jpg" alt="" height="133" class="img-responsive"></a>
<h4><a href="#">少林寺</a></h4>
<p>少林寺是世界著名的佛教寺院，是汉传佛教的禅宗祖庭，在中国佛教史上占有重要地位，被誉为“天下第一名刹”。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f2.jpg" alt=""></a>
<h4><a href="#">嵩山</a></h4>
<p>嵩山是中华文明的重要发源地，也是中国名胜风景区，为五岳中的中岳。2004年2月，嵩山被联合国教科文组织列入世界地质公园。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f3.jpg" alt=""></a>
<h4><a href="#">嵩阳书院</a></h4>
<p>嵩阳书院是古代高等学府，是中国四大书院之一。嵩阳书院建制古朴雅致，中轴线上的主要建筑有五进，廊庑俱全。</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="review-md1">
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f4.jpg" alt=""></a>
<h4><a href="#">河南省地质博物馆</a></h4>
<p>宇具有现代化、高科技、独具河南特色的全国省级一流的地质专业博物馆；是河南省资源、环境、省情展示交流的“窗口”。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f5.jpg" alt=""></a>
<h4><a href="#">中岳庙</a></h4>
<p>嵩山中岳庙，全国重点文物保护单位，世界文化遗产天地之中历史建筑群的遗产点之一。世界道教主流全真道的圣地。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f6.jpg" alt=""></a>
<h4><a href="#">二七纪念塔</a></h4>
<p>二七纪念塔全称郑州二七大罢工纪念塔，为了纪念发生于1923年2月7日的二七大罢工而修建，位于郑州市二七广场。</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="review-md1">
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f7.jpg" alt=""></a>
<h4><a href="#">郑州黄河大桥</a></h4>
<p>平汉铁路郑州黄河大桥，是黄河上修建的第一座铁路桥，也是目前中国最长、最宽阔的跨河高速公路特大桥。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f8.jpg" alt=""></a>
<h4><a href="#">观星台</a></h4>
<p>观星台由元代天文学家郭守敬创建，是我国现存最古老的天文台，也是世界上最著名的天文科学建筑物之一。</p>
</div>
</div>
<div class="col-md-4 sed-md">
<div class=" col-1">
<a href="#"><img class="img-responsive" src="images/f9.jpg" alt=""></a>
<h4><a href="#">三皇寨</a></h4>
<p>三皇寨是一处悬挂于少室山腰的天然山寨。整个景区山体陡滑，山顶平宽。具有泰山之雄、华山之险、北恒之奇、南衡之秀等特点。</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<div class="footer-grids">
<div class="col-md-3 ftr-info">
<h3>声明：</h3>
<p>本网页所使用到的所有图片、链接、资料等均为网上公共资料，如有他人使用，本人不承担任何法律责任。
</p>
</div>
<div class="col-md-3 ftr-grid">
<h3>网页标签</h3>
<ul class="ftr-list">
<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>
<div class="col-md-3 ftr-grid">
<h3>鸣谢</h3>
<ul class="ftr-list">
<li><a href="#">百度百科</a></li>
<li><a href="#">百度图片</a></li>
<li><a href="#">腾讯QQ</a></li>
<li><a href="#">爱奇艺视频</a></li>
<li><a href="#">郑州网</a></li>
</ul>
</div>
<div class="col-md-3 ftr-grid">
<h3>联系方式</h3>
<ul class="ftr-list">
<li><a href="#">QQ：877922989</a></li>
<li><a href="#">邮箱：877922989@qq.com</a></li>
<li><a href="#">微博：鱼骨Eaco-@sina.com</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---->
<div class="copywrite">
<div class="container">
<a href="#"><p>作者：景怡柯<br>(点击上方白色字体返回顶部)</p></a>
</div>
</div>
<!---->
</body>
</html>

posted @ 2018-06-20 10:04  djkfh  阅读(13119)  评论(1)  编辑  收藏  举报