zoukankan      html  css  js  c++  java
  • 我的家乡源代码2

    <!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"></a>
    <h4><a href="#">少林寺</a></h4>
    <p><img src="001.jpg" width="300" height="200"></p>
    <p>少林寺是世界著名的佛教寺院,是汉传佛教的禅宗祖庭,在中国佛教史上占有重要地位,被誉为“天下第一名刹”。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">嵩山</a></h4>
    <p><img src="002.jpg" width="300" height="200"></p>
    <p>嵩山是中华文明的重要发源地,也是中国名胜风景区,为五岳中的中岳。2004年2月,嵩山被联合国教科文组织列入世界地质公园。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">嵩阳书院</a></h4>
    <p><img src="003.jpg" width="300" height="200"></p>
    <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="#"></a>
    <h4><a href="#">河南省地质博物馆</a></h4>
    <p><img src="004.jpg" width="300" height="200"></p>
    <p>宇具有现代化、高科技、独具河南特色的全国省级一流的地质专业博物馆;是河南省资源、环境、省情展示交流的“窗口”。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">中岳庙</a></h4>
    <p><img src="005.jpg" width="300" height="200"></p>
    <p>嵩山中岳庙,全国重点文物保护单位,世界文化遗产天地之中历史建筑群的遗产点之一。世界道教主流全真道的圣地。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">二七纪念塔</a></h4>
    <p><img src="006.jpg" width="300" height="200"></p>
    <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="#"></a>
    <h4><a href="#">郑州黄河大桥</a></h4>
    <p><img src="007.jpg" width="300" height="200"></p>
    <p>平汉铁路郑州黄河大桥,是黄河上修建的第一座铁路桥,也是目前中国最长、最宽阔的跨河高速公路特大桥。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">观星台</a></h4>
    <p><img src="008.jpg" width="300" height="200"></p>
    <p>观星台由元代天文学家郭守敬创建,是我国现存最古老的天文台,也是世界上最著名的天文科学建筑物之一。</p>
    </div>
    </div>
    <div class="col-md-4 sed-md">
    <div class=" col-1">
    <a href="#"></a>
    <h4><a href="#">三皇寨</a></h4>
    <p><img src="009.jpg" width="300" height="200"></p>
    <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>

  • 相关阅读:
    c中%
    led,key通用IO的端口
    运行UART的程序
    大端和小段
    看门狗
    关于webpack的path和publicPath。
    转义BABEL的POLYFILL和RUNTIME的区别
    前端博客地址
    Webpack的使用指南-Webpack的常用解决方案
    webpack学习笔记
  • 原文地址:https://www.cnblogs.com/zpf1/p/9202606.html
Copyright © 2011-2022 走看看