時間：2023-10-08 10:24:01 | 來源：網(wǎng)站運營
時間：2023-10-08 10:24:01 來源：網(wǎng)站運營
大一學生WEB前端靜態(tài)網(wǎng)頁——旅游網(wǎng)頁設計與實現(xiàn)(杭州旅游)：?> ? 源碼獲取 文末聯(lián)系 ?Web前端開發(fā)技術 描述 網(wǎng)頁設計題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設計期末課程大作業(yè) | 游景點介紹 | 旅游風景區(qū) | 家鄉(xiāng)介紹 | 等網(wǎng)站的設計與制作 | HTML期末大學生網(wǎng)頁設計作業(yè)，Web大學生網(wǎng)頁
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0"> <title>首頁</title> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="shortcut icon" href="http://www.ylcp.shop/files/files/1649402480106/xy_favicon.ico"> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/index.css"></head><body> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> <script src="js/bootstrap.min.js"></script> <div class="container"> <!-- 導航 --> <div data-role="header"> <div data-role="navbar"> <ul> <li><a href="" data-ajax="false" class="ui-icon-home ui-btn-icon-top"><span class="hidden-xs">首頁</span></a></li> <li><a href="food.html" data-ajax="false" class="ui-icon-heart ui-btn-icon-top"><span class="hidden-xs">美食</span></a></li> <li><a href="spor.html" data-ajax="false" class="ui-icon-location ui-btn-icon-top"><span class="hidden-xs">景區(qū)</span></a></li> <li><a href="culture.html" data-ajax="false" class="ui-icon-refresh ui-btn-icon-top"><span class="hidden-xs">文化</span></a></li> <li><a href="contact.html" data-ajax="false" class="ui-icon-mail ui-btn-icon-top ui-btn ui-btn-inline ui-corner-all ui-shadow" style="margin-right: 0;"><span class="hidden-xs">信息登記</span></a></li> </ul> </div> </div> <!-- 主體 --> <div class="main"> <div class="row"> <div class="banner col-md-1 col-sm-1 col-xs-1"> <img src="picture/banner.jpeg" alt="" class=" visible-lg visible-md"> <!-- <p class="hidden-lg hidden-md min">閩鄉(xiāng)之都</p> --> </div> </div> <!-- 服務導航 --> <div class="row sv_nav clearfix" data-role="controlgroup" data-type="horizontal"> <!-- 購票 --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#book" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/book.jpg" alt="" class="img-thumbnail"> <p class="text-muted">購票</p> </a> <div data-role="popup" id="book" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>莆田購票務</h1> </div> <div data-role="main" class="ui-content"> <form method="post" action="#"> <label for="time">發(fā)車日期:</label> <input type="date" name="time" id="time"> <label for="site">起止站點:</label> <input type="text" name="site" id="site"> <label for="money">單張票價:</label> <input type="text" name="money" id="money"> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname"> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <label for="id">身份證件</label> <input type="text" name="id" id="id"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>莆田購票務系統(tǒng)</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> <!-- 旅館 --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#hotel" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/hotel.jpg" alt="" class="img-thumbnail"> <p class="text-muted">旅館</p> </a> <div data-role="popup" id="hotel" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>訂房</h1> </div> <div data-role="main" class="ui-content"> <form method="post" action="#"> <label for="startime">開始住宿:</label> <input type="date" name="startime" id="startime"> <label for="endtime">結束住宿:</label> <input type="date" name="endtime" id="endtime"> <label for="room">房間號:</label> <input type="text" name="room" id="room"> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname"> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <label for="id">身份證件</label> <input type="text" name="id" id="id"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>訂房系統(tǒng)</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> <!-- 導游 --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#tour_guide" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/tour_guide.png" alt="" class="img-thumbnail"> <p class="text-muted">導游</p> </a> <div data-role="popup" id="tour_guide" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>導游</h1> </div> <div data-role="main" class="ui-content"> <form method="post" action="#"> <label for="startime">開始時間:</label> <input type="date" name="startime" id="startime"> <label for="endtime">結束時間:</label> <input type="date" name="endtime" id="endtime"> <label for="tour_guide">選擇導游:</label> <div class="ui-field-contain"> <select name="select-native-1" id="select-native-1" data-iconpos="left"> <option value="1">請選擇導游</option> <option value="2">李導</option> <option value="3">陳導</option> <option value="4">張導</option> </select> </div> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname"> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>導游系統(tǒng)</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> <!-- 購物 --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#shop" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/shop.jpg" alt="" class="img-thumbnail"> <p class="text-muted">購物</p> </a> <div data-role="popup" id="shop" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>購物</h1> </div> <div data-role="main" class="ui-content"> <form method="post" action="#"> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname"> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <label>菜類</label> <div class="ui-field-contain"> <select name="select-native-1" id="select-native-1" data-iconpos="left"> <option value="1">請選擇菜品</option> <option value="2">包菜</option> <option value="3">西紅柿</option> <option value="4">青菜</option> </select> </div> <label for="map">配送地址:</label> <input type="text" name="map" id="map"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>購物系統(tǒng)</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> <!-- 外賣 --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#take_out" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/take_out.png" alt="" class="img-thumbnail"> <p class="text-muted">外賣</p> </a> <div data-role="popup" id="take_out" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>外賣</h1> </div> <div data-role="main" class="ui-content"> <form method="post" action="#"> <label for="room">房間號:</label> <input type="text" name="room" id="room"> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname"> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <label>美食</label> <div class="ui-field-contain"> <select name="select-native-1" id="select-native-1" data-iconpos="left"> <option value="1">請選擇菜品</option> <option value="2">漢堡</option> <option value="3">可樂</option> <option value="4">卷</option> </select> </div> <label for="map">配送地址:</label> <input type="text" name="map" id="map"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>外賣系統(tǒng)</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> <!-- vip --> <div class="sv_lt col-md-2 col-sm-2 col-xs-2"> <a href="#vip" data-icon="info" data-rel="popup" data-transition="flip" class="ui-btn ui-btn-inline ui-corner-all" data-role="button"><img src="picture/vip.png" alt="" class="img-thumbnail"> <p class="text-muted">vip</p> </a> <div data-role="popup" id="vip" class="ui-content" data-overlay-theme="b" data-dismissible="false"> <div data-role="header"> <h1>vip</h1> </div> <div data-role="main" class="ui-content vip"> <form method="post" action="#"> <img src="picture/vip.png" alt="" class="img-thumbnail"> <label>開通時長</label> <div class="ui-field-contain"> <select name="select-native-1" id="select-native-1" data-iconpos="left"> <option value="1">請選擇時長</option> <option value="2">1個月/30元</option> <option value="3">3個月/90元</option> <option value="4">12個月/360元</option> </select> </div> <label for="phone">電話:</label> <input type="text" name="phone" id="phone"> <input type="button" data-inline="true" value="提交" class="bk_sb"> </form> </div> <div data-role="footer"> <h1>開通VIP服務</h1> </div> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a> </div> </div> </div> <!-- 新聞 --> <div class="news"> <a class="row"> <div class="col-md-9"> <h3>翡翠媽祖安座古田天后宮</h3> <p class="text-muted">2020-12-15 09:25 莆田網(wǎng) </p> <p class="text-info hidden-xs">這尊翡翠媽祖，由中華媽祖文化交流協(xié)會副會長、杭州玉成天賜有限責任公司董事長趙柳成先生捐贈。中華媽祖文化交流協(xié)會副會長、湄洲媽祖祖廟董事長林金贊到古田天后宮安排分靈安座有關信俗事宜。</p> <p class="text-muted">湄洲日報 蘇麗彬</p> </div> <div class="col-md-3"> <img src="picture/later.jpeg" alt="" class="img-thumbnail hidden-sm hidden-xs"> </div> </a> <a class="row"> <div class="col-md-9"> <h3>莆田文峰宮為貧困大學生頒發(fā)助學金</h3> <p class="text-muted">2020-12-15 09:25 莆田網(wǎng) </p> <p class="text-info hidden-xs">莆田網(wǎng)訊 12月8日，莆田文峰天后宮董事長陳鷺玲走進莆田學院，為該院17名品學兼優(yōu)的家庭經(jīng)濟困難學生頒發(fā)“2020-2021學年文峰天后宮助學金”，每人獲助2000元，共計34000元。這是2015年以來莆田文峰天后宮連續(xù)第6年為該學院學生頒發(fā)助學金。</p> <p class="text-muted">湄洲日報記者 鄭已東</p> </div> <div class="col-md-3"> <img src="picture/wenfeng.jpg" alt="" class="img-thumbnail hidden-sm hidden-xs"> </div> </a> <a class="row"> <div class="col-md-9"> <h3>跨越海峽兩岸的媽祖情緣</h3> <p class="text-muted">2020-12-15 09:24 莆田網(wǎng) </p> <p class="text-info hidden-xs">自兩岸開放探親以來，臺灣媽祖分靈廟源源不斷地組團來湄洲媽祖祖廟謁祖進香，掀起天下媽祖回娘家的熱潮。這份起始于鄉(xiāng)愁，寄托于媽祖的“火熱情感”并沒有隨時間冷卻，反而在時光輪轉中愈發(fā)凝實，蘊藏著沖破時間和空間的力量，幾十年一直如此。</p> <p class="text-muted">湄洲日報 周建國 文/圖</p> </div> <div class="col-md-3"> <img src="picture/love.jpg" alt="" class="img-thumbnail hidden-sm hidden-xs"> </div> </a> </div> </div> </div> <div data-role="footer"> <h1>版權?**</h1> </div></body></html>關鍵詞：旅游,設計,杭州,實現(xiàn),靜態(tài),學生
微信公眾號
版權所有? 億企邦 1997-2025 保留一切法律許可權利。
