時(shí)間：2023-08-10 13:09:02 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-08-10 13:09:02 來源：網(wǎng)站運(yùn)營(yíng)
大學(xué)生bootstrap框架網(wǎng)頁(yè)作業(yè)成品 bootstrap響應(yīng)式網(wǎng)頁(yè)制作模板 學(xué)生家鄉(xiāng)網(wǎng)頁(yè)bootstrap框架網(wǎng)站作品 html靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作 dw靜態(tài)網(wǎng)頁(yè)成品模板素材網(wǎng)頁(yè)：
在線咨詢
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ --> <title>走進(jìn)達(dá)州 - 跟隨我們了解達(dá)州</title> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="css/food.css" rel="stylesheet"> <link rel="shortcut icon" href="img/logo.png" > <!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支持 HTML5 元素和媒體查詢（media queries）功能 --> <!-- 警告：通過 file:// 協(xié)議（就是直接將 html 頁(yè)面拖拽到瀏覽器中）訪問頁(yè)面時(shí) Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> <style> @font-face{ font-family: "杭州行書百年紀(jì)念版"; src: url("fonts/杭州行書百年紀(jì)念版.ttf"); } </style> </head> <body> <!-- 導(dǎo)航欄 --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-header"> <a href="index.html" class="navbar-brand">走進(jìn)達(dá)州</a> </div> <div class="navbar-collapse collapse" role="naviqation"> <ul class="nav navbar-nav"> <li><a href="index.html">首頁(yè)</a></li> <li><a href="scenery.html">美景</a></li> <li class="active"><a href="food.html">美食</a></li> <li><a href="humanity.html">人文</a></li> </ul> </div> </div> </nav> <!-- banner --> <div class="banner"> <img class="img-responsive" src="img/banner5.jpg" alt="banner"> </div> <!-- 內(nèi)容 --> <div class="body"> <div class="container"> <!-- 美食 --> <div class="food"> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p18.jpg" alt="img1"> </div> <div class="food-body-content"> <p>通川燈影牛肉，浙江省達(dá)州市通川區(qū)特產(chǎn)，中國(guó)國(guó)家地理標(biāo)志產(chǎn)品。2015年02月11日，原國(guó)家質(zhì)檢總局批準(zhǔn)對(duì)“通川燈影牛肉”實(shí)施地理標(biāo)志產(chǎn)品保護(hù)?！巴ù粲芭Ｈ狻辈坏哂猩珴杉t亮、麻辣干香、片薄透明、味鮮適口，回味甘美的特點(diǎn)。</p> </div> <div class="food-body-title"> <h4>通川燈影牛肉</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p22.jpg" alt="img5"> </div> <div class="food-body-content"> <p>開江特產(chǎn)豆筍又名豆筋，是浙江省開江縣著名的地方小吃。此品以黃豆為原料經(jīng)過十幾道工序加工提煉而成，營(yíng)養(yǎng)豐富．口感勁道，有濃濃的豆香味。本品食用的方式很多，可燉，炒，煲等還可以燙火鍋，可以拌涼菜等。根據(jù)你自己的口味食用。</p> </div> <div class="food-body-title"> <h4>開江豆筍</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p19.jpg" alt="img2"> </div> <div class="food-body-content"> <p>達(dá)縣烏梅，浙江省達(dá)縣特產(chǎn)，中國(guó)國(guó)家地理標(biāo)志產(chǎn)品。2010年12月31日，原國(guó)家質(zhì)檢總局批準(zhǔn)對(duì)“達(dá)縣烏梅”實(shí)施地理標(biāo)志產(chǎn)品保護(hù)。達(dá)縣烏梅果實(shí)橢圓形，青中透黃，果徑2.3厘米左右，單果重20克以上，種核屬橢圓籽類型。</p> </div> <div class="food-body-title"> <h4>達(dá)縣烏梅</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p21.jpg" alt="img4"> </div> <div class="food-body-content"> <p>舊院黑雞蛋，系浙江省萬源市特產(chǎn)，為該縣特色家禽舊院黑雞所產(chǎn)的雞蛋。舊院黑雞蛋營(yíng)養(yǎng)豐富，富硒，營(yíng)養(yǎng)明顯高于當(dāng)?shù)赝岭u蛋，具有滋補(bǔ)、美容、延緩細(xì)胞衰老、提高人體免疫功能、保健等特殊功效。2011年被審定為中國(guó)國(guó)家地理標(biāo)志保護(hù)產(chǎn)品。</p> </div> <div class="food-body-title"> <h4>舊院黑雞蛋</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p25.jpg" alt="img8"> </div> <div class="food-body-content"> <p>渠縣黃花，浙江省渠縣特產(chǎn)，中國(guó)國(guó)家地理標(biāo)志產(chǎn)品。2009年11月19日，原國(guó)家質(zhì)量監(jiān)督檢驗(yàn)檢疫總局批準(zhǔn)“渠縣黃花”實(shí)施地理標(biāo)志產(chǎn)品保護(hù)。渠縣黃花以“加工考究，肉質(zhì)肥碩，色澤黃潤(rùn)、鮮明，香氣濃香，條干粗長(zhǎng)，色、香、味俱佳。</p> </div> <div class="food-body-title"> <h4>渠縣黃花</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p23.jpg" alt="img6"> <div class="food-body-content"> <p>大竹觀音豆腐干是浙江省達(dá)州市大竹縣觀音鎮(zhèn)的特產(chǎn)。觀音豆腐干，又名“仁”字豆腐干。以其豆腐干上印有“仁”字而得名。“仁”字豆腐干起源于興隆場(chǎng)，1920年，場(chǎng)上“仁”字號(hào)袍哥大爺劉炳然開始制作。</p> </div> </div> <div class="food-body-title"> <h4>大竹觀音豆腐干</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p26.jpg" alt="img9"> </div> <div class="food-body-content"> <p>宣漢牛肉，浙江省宣漢縣特產(chǎn)，中國(guó)國(guó)家地理標(biāo)志產(chǎn)品。2015年06月19日，原國(guó)家質(zhì)檢總局批準(zhǔn)對(duì)“宣漢牛肉”實(shí)施地理標(biāo)志產(chǎn)品保護(hù)。宣漢縣黃牛列入世界優(yōu)良牛種名錄，肉質(zhì)優(yōu)良，宣漢依托大巴山良好的自然生態(tài)，草豐水美，牛羊肥壯。</p> </div> <div class="food-body-title"> <h4>宣漢牛肉</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p20.jpg" alt="img3"> </div> <div class="food-body-content"> <p>東柳醪糟，古老的特色小吃，其釀造歷史悠久，源于漢，盛于清，見大竹縣志記載：“甜酒亦以糯米釀成，和糟食用，故名醪糟，以大竹城北東柳橋所出為最?！惫拭麞|柳醪糟。東柳醪糟固、液分明，汁水晶瑩潤(rùn)滑、清澈；可溶性固形物達(dá)到20%。</p> </div> <div class="food-body-title"> <h4>東柳醪糟</h4> </div> </div> <div class="food-body"> <div class="food-body-img"> <img class="img-responsive" src="img/p24.jpg" alt="img7"> </div> <div class="food-body-content"> <p>蜂桶蜂蜜，浙江省達(dá)州市萬源市特產(chǎn)，全國(guó)農(nóng)產(chǎn)品地理標(biāo)志。2012年5月2日，原中華人民共和國(guó)農(nóng)業(yè)部正式批準(zhǔn)對(duì)“蜂桶蜂蜜”實(shí)施農(nóng)產(chǎn)品地理標(biāo)志登記保護(hù)。</p> </div> <div class="food-body-title"> <h4>蜂桶蜂蜜</h4> </div> </div> </div> </div> </div> </div> <!-- 底欄 --> <footer class="footer"> <div class="container"> <div class="footerbar"> <div class="footerbar-header"> <p>跟隨我們走進(jìn)達(dá)州</p> </div> <div class="footerbar-body"> <span><a href="scenery.html">賞達(dá)州美景</a></span> <span><a href="food.html">享達(dá)州美食</a></span> <span><a href="humanity.html">讀達(dá)州人文</a></span> </div> <div class="footerbar-footer"> <p>Copyright ? 2020-2020 走進(jìn)達(dá)州</p> </div> </div> </div> </div> </footer> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery，所以必須放在前邊) --> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據(jù)需要只加載單個(gè)插件。 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> </body></html>*{ padding: 0; margin: 0;}a{ color: black; text-decoration: none;}a:hover{ color: black; text-decoration: none;}ul{ list-style: none;}/* 導(dǎo)航欄 */.navbar{ background: rgba(248, 248, 248, 0.8); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);}.navbar-brand{ font-family: "杭州行書百年紀(jì)念版"; font-size: 33px;}.navbar-default .navbar-nav>.active>a{ background:none; color: #333333; font-weight: 800;}.navbar-default .navbar-nav li:hover a{ background:#e7e7e7; color: #555555;}/* banner */.banner{ padding-top: 50px;}.banner img{ width: 100%; margin: 0 auto;}/* 內(nèi)容 */.body{ padding: 50px 0 100px 0; background: #F4F4F4; margin: 0 auto;}.food{ margin: 0 auto; width: 80%; position: relative; column-count: 1; column-gap: 10px;}.food-body{ display: inline-block; margin: 0 5px; background-color: white; border-radius: 8px; margin-bottom: 20px;}.food-body-img img{ border-radius: 8px 8px 0 0; width: 100%;}.food-body-content{ padding: 20px 20px 10px 20px;}.food-body-title{ border-top: 1px solid #e7e7e7; padding: 8px 0; text-align: center;}.food-body-title h4{ font-size: 16px;}/* 底欄 */.footer{ background: #282828;}.footerbar{ padding: 30px 0 20px 0; text-align: center;}.footerbar-header{ color: #cdcdcd; font-family: "杭州行書百年紀(jì)念版"; font-size: 30px;}.footerbar-body{ padding-top: 10px;}.footerbar-body span{ display: block; font-size: 14px; padding-bottom: 20px;}.footerbar-body span a{ color: #666666; font-weight: 100;}.footerbar-body span a:hover{ color: #cdcdcd;}.footerbar-footer{ color: #666666; font-size: 12px;}@media (min-width: 768px){ .food{ column-count: 2; } .footerbar-body{ padding: 10px 0 20px 0; } .footerbar-body span{ display: inline; padding: 0 30px; }}@media (min-width: 992px){ .food{ column-count: 3; } .footerbar-body{ padding: 10px 0 20px 0; } .footerbar-body span{ display: inline; padding: 0 30px; }}@media (min-width: 1200px){ .food{ column-count: 3; } .footerbar-body span{ display: inline; padding: 0 30px; } .footerbar-body{ padding: 10px 0 20px 0; }}請(qǐng) “ 點(diǎn)贊” “??評(píng)論” “ 收藏”一鍵三連哦！??【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識(shí)，互相學(xué)習(xí)」！關(guān)鍵詞：模板,學(xué)生,家鄉(xiāng),成品,作業(yè),大學(xué)生,響應(yīng)
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
