時間：2023-10-13 13:54:02 | 來源：網(wǎng)站運(yùn)營
時間：2023-10-13 13:54:02 來源：網(wǎng)站運(yùn)營
HTML期末作業(yè)-旅游景區(qū)模板6個頁面(HTML+CSS+JavaScript)：
在線咨詢
<!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' /> <link rel="stylesheet" href="css/lightbox.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 a-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">子州簡介</a></li> <li><a href="history.html" >文化歷史</a></li> <li><a href="accomdation.html" class="active">住宿</a></li> <li><a href="food.html">子州美食</a></li> <li><a href="tell.html">景區(qū)公告</a></li> <li><a href="contact.html">聯(lián)系我們</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> <!-- //banner --> <!-- about --> <!-- about-top --> <div class="about-top"> <!-- container --> <div class="container"> <div class="about-info"> <h3>子州民宿</h3> <p>子州民宿沿西柵市河蜿蜒而布，由烏鎮(zhèn)具有百年歷史的民居改建而成。</p> </div> <div class="about-top-grids"> <div class="col-md-8 about-top-grid"> <h4>子州民宿位于西柵景區(qū)西市浙江北兩岸，或面水或臨街</h4> <p>規(guī)模： 490間（套）的客房形式多樣，總共房型72種，每間客房都配有現(xiàn)代化的生活設(shè)施，統(tǒng)一規(guī)范經(jīng)營，房東親情服務(wù)，在古老的磚木瓦房中盡享現(xiàn)代生活的安逸<br/>房型： 標(biāo)準(zhǔn)雙人房、大床房、三人間、家庭房、自助房<br/>設(shè)施： 內(nèi)部配套設(shè)施：獨(dú)立衛(wèi)浴、分體式空調(diào)、24小時熱水、衛(wèi)浴用品、電話、直飲水、保險箱、磁卡門鎖、數(shù)字電視、Wifi網(wǎng)絡(luò)、免費(fèi)瓶裝水；<br/>價位：￥320/間 起 </p> </div> <div class="col-md-4 about-top-grid"> <img src="images/su1.PNG" alt="" /> </div> <div class="clearfix"> </div> </div> </div> <!-- //container --> </div> <!-- //about-top --> <!-- about-team --> <div class="about-team"> <!-- container --> <div class="container"> <h4>精品酒店</h4> <div class="team-grids"> <div class="col-md-3 team-grid"> <img src="images/su2.PNG" alt=""> <h6>宜園精品酒店</h6> <p>高級標(biāo)間、園林大床、高級大床、豪華大床、雙人浪漫套房、行政套房、雙人浪漫豪華套房</p> </div> <div class="col-md-3 team-grid"> <img src="images/su3.PNG" alt=""> <h6>錦堂行館</h6> <p>高級大床房、豪華大床房、豪華套房、中央套房</p> </div> <div class="col-md-3 team-grid"> <img src="images/su4.PNG" alt=""> <h6>望津里精品酒店</h6> <p>高級標(biāo)間、大床房、浪漫雙人套房</p> </div> <div class="col-md-3 team-grid"> <img src="images/su5.PNG" alt=""> <h6>枕水度假酒店</h6> <p>標(biāo)準(zhǔn)間、大床房、套房、民宿二房套A、民宿二房套B、民宿三房套A、民宿標(biāo)間、民宿四房套、民宿大床、總統(tǒng)套房、司陪標(biāo)間</p> </div> <div class="clearfix"> </div> </div> </div> <!-- //container --> </div> <!-- //about-team --> <!-- footer --> <div class="footer"> <!-- container --> <div class="container"> <div class="col-md-6 footer-left"> <h3>聯(lián)系我們</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>陜北黃土高原丘陵溝壑區(qū)腹地 <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>陜北黃土高原丘陵溝壑區(qū)腹地，榆林市南緣</p> </div> <div class="clearfix"> </div> </div> <!-- //container --> </div> <!-- //footer --> <!-- copyright --> <div class="copyright"> <!-- container --> <div class="container"> <div class="copyright-left"> </div> </div> <!-- //container --> </div> <!-- copyright --></body></html>關(guān)鍵詞：模板,作業(yè),旅游
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
