HTML期末作业-家乡网站
生活随笔
收集整理的這篇文章主要介紹了
HTML期末作业-家乡网站
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?HTML期末作業課程設計期末大作業-家鄉網站
<!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> </head> <body><!-- 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"> </a></li><li><a href="#" class="facebook twitter"> </a></li><li><a href="#" class="facebook chrome"> </a></li><li><a href="#" class="facebook dribbble"> </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="#news" class="scroll">景區公告</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></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>居家隔離，減少外出，就是最好的防護;</br>聽從號召盡量待在家中，不串門不聚會;</br>正確佩戴口罩，做好防護，養成良好衛生習慣。</p></div></li><li><div class="banner-slid"><h3>堅定信心</h3><p>科學宣傳疫情防護知識，提高公眾自我保護意識;</br>加強防控，一起加油。眾志成城，抗擊疫情;</br>疫情就是命令，防控就是責任。</p></div></li></ul></div></div></div></div><!-- //banner-bottom --><!-- welcome --><div class="welcome"><!-- container --><div class="container"><div class="welcome-info"><h3>Hello there!</h3><h5>新的一年，打卡子州的正確姿勢</h5><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>陜北的春節，各種民俗活動異彩紛呈，鬧秧歌，廟會，打醮，說書等百花齊放，可謂是熱鬧非凡<a href="handie.html">更多>></a></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>打醮本是道士設壇為人做法事，求福禳災的一種法事活動。一般是在冬天農事告一段落的時候，農民們為了感謝神靈帶來一年的收獲，祈求上蒼賜福庇佑來年風調雨順、五谷豐登，消災免難，吉祥安康，而舉行各種祭祀活動，而打醮便是其中的一項重要的活動。</p></div><div class="clearfix"> </div></div><div class="col-md-6 banner-bottom-grid"><div class="col-md-5 banner-bottom-left"><img src="images/xs2.jpg" alt=""></div><div class="col-md-7 banner-bottom-right"><h4>轉幡</h4><p>在眾多的祭祀活動中，轉幡也是一項規模比較大的佛事活動。轉幡也稱祭幡，就是凡來參加祭事活動的村民都要手執法器、排例成行、跟隨佛教居士在空闊平整的地上圍繞著栽在地上的綁著一把朝向天空的高高在上的掃帚旋轉，綁著的掃帚謂之“掃天晴”。</p></div><div class="clearfix"> </div></div><div class="clearfix"> </div></div></div><!-- container --></div><!-- //banner-bottom --><!-- news --><div id="news" class="news"><div class="container"><div class="news-text"><h3>子州景區</h3><p>因外界各種原因給您帶來的麻煩，我們在此感到深深的抱歉，感謝您的諒解，祝您游玩愉快！</p></div><div class="news-grids"><div class="col-md-3 news-grid"><h4>子洲西峰寺</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>子洲縣瓜園則灣鄉政府東北2公里處有一塊山地，名叫蘆草壇，其上有一西峰寺，依山而建。北臨乏牛山，西北與柏全山相望。蘆草壇雖不雄偉壯觀，卻也峻峭，人若站于其頂眺望，視野倒也開闊，更因其西峰寺而遐邇聞名。西峰寺坐西北面東南，占地約3畝，一個獨院。正殿由三孔拱形洞組成，純磚結構，頂呈硬山式，用黃色琉璃瓦鋪頂，飛檐翹角，獸頭獨尊，遙遙相望，頂上中有三層小0，獨特精致,引人注目。正殿走廊四柱支撐，朱柱彩壁，畫棟雕梁，十分生動。</p></div></div><div class="col-md-3 news-grid"><h4>子洲大洪寺</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>子洲城西五里大理河北岸有大洪寺。“據廟內碑記載，明景泰初年，信士諸公創修廟于底石崖，延及成化年間乃修葺于中峰之巔，后世多次重修，1917年——1920年再重修葺”。(1958年文物普查記錄)其寺據今已有550多年的歷史了。大洪寺面南而建，與大理河南岸之青龍山、克戎寨(今張家寨)遙遙相對。</p></div></div><div class="col-md-3 news-grid"><h4>淮寧河</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>淮寧河無定河，陜北最著名的一條河。它從遙遠的三邊高原西南部的白于山脈奔騰而來，它在陡峭的石壁間、狹窄的河谷里咆哮沖撞，奪路東下，在莽莽的山溝大川上，又有無數的大河小溪從四面八方匯入了它博大的懷抱。淮寧河，就是這無數支流中的一條河流。它發源于子長縣石家灣鄉高柏山麓的棗樹畔村，流經子長、子洲、綏德三縣的十個鄉鎮，近百個村莊，最后從綏德縣鄧家樓村入無定河，全長85．2公里，流域總面積1222平方公里。</p></div></div><div class="col-md-3 news-grid"><h4>子洲柏全山</h4><span>2020.02.07</span><img src="images/ticket.jpg" alt=""><div class="news-info"><p>柏全山位于瓜園則灣鄉政府駐地南3公里處。據傳說，此山曾有4株枝葉繁茂的大柏樹，故名柏全山。柏全山北高南低，山巔上有一古廟，主奉天皇、地皇、人皇，簡稱為“三皇廟”。坐北面南，正殿為三孔硬山形頂拱式磚窯，整個寺院雖然面積不大，但布局合理，層次分明，有泥塑五十余尊，保持有晚清風格。</p></div></div><div class="clearfix"> </div></div></div></div><!-- //news --><!-- footer --><div class="footer"><!-- container --><div class="container"><div class="col-md-6 footer-left"><h3>聯系我們</h3><form><input type="text" placeholder="電子郵件,例如1435469178@qq.com" required=""><input type="submit" value="提交"></form></div><div class="col-md-3 footer-middle"><h3>地址</h3><div class="address"><p>陜北黃土高原丘陵溝壑區腹地<span>榆林市南緣</span></p></div><div class="phone"><p>0573-88731088</p></div></div> <div class="col-md-3 footer-right"><div class="f-logo"><a href="index.html">榆林子州</a></div><p>陜北黃土高原丘陵溝壑區腹地，榆林市南緣</p></div><div class="clearfix"> </div> </div><!-- //container --></div><!-- //footer --><!-- copyright --><div class="copyright"><!-- container --><div class="container"><div class="copyright-left"><p>Copyright © 2020.All rights reserved. -JMX-designed for<a href="index.html" target="_blank" title="子州">子州旅游</a></p></div></div><!-- //container --></div><!-- copyright --> </body> </html>部分網頁截圖
總結
以上是生活随笔為你收集整理的HTML期末作业-家乡网站的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java高级语法笔记-向上层抛出异常
- 下一篇： 点击部分刷新html ajax,一文全解