時間：2023-08-09 20:03:01 | 來源：網站運營
時間：2023-08-09 20:03:01 來源：網站運營
web課程設計：HTML非遺文化網頁設計題材【京劇文化】HTML+CSS(大美中國 14頁 帶bootstarp)：?> ? 源碼獲取 文末聯系 ?Web前端開發(fā)技術 描述 網頁設計題材，DIV+CSS 布局制作,HTML+CSS網頁設計期末課程大作業(yè) | 茶文化網站 | 中華傳統(tǒng)文化題材 | 京劇文化水墨風書畫 | 中國民間年畫文化藝術網站 | 等網站的設計與制作 | HTML期末大學生網頁設計作業(yè)，Web大學生網頁
在線咨詢
<!DOCTYPE html><html lang="en"> <head> <!-- basic --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- mobile metas --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <!-- site metas --> <title>memorial books</title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="author" content=""> <!-- bootstrap css --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- style css --> <link rel="stylesheet" href="css/style.css"> <!-- Responsive--> <link rel="stylesheet" href="css/responsive.css"> <!-- fevicon --> <link rel="icon" href="images/fevicon.png" type="image/gif" /> <!-- Scrollbar Custom CSS --> <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css"> <!-- Tweaks for older IEs--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> </head> <!-- body --> <body class="main-layout home_page" style="border: 1px solid #000000; width: 1400px;height: 500px;;margin: 0 auto;"> <!-- loader --> <!-- end loader --> <!-- header --> <!-- header --> <header> <!-- header inner --> <div class="header"> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section"> <div class="full"> <div class="center-desk"> <div class="logo"> <a href="#"><img src="images/logo-1.png" alt="#"></a> </div> </div> </div> </div> <div class="col-xl-9 col-lg-9 col-md-9 col-sm-9"> <div class="menu-area"> <div class="limit-box"> <nav class="main-menu"> <ul class="menu-area-main"> <li> <a href="index_1.html">首頁</a> </li> <li> <a href="culture_h.html">文化</a> </li> <li><a href="view_h.html">風景</a></li> <li><a href="technology_h.html">科技</a></li> <li><a href="food.html">美食</a></li> <li><a href="echarts.html">可視化界面</a></li> <li><a href="anniversary.html">建黨一百周年</a></li> <li class="mean-last"> <a href="#"><img src="images/search_icon.png" alt="#" /></a> </li> <li class="mean-last"> <a href="#"><img src="images/top-icon.png" alt="#" /></a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> <!-- end header inner --> </header> <!-- end header --> <section class="slider_section"> <div id="myCarousel" class="carousel slide banner-main" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="first-slide" src="images/3.jpg" alt="First slide"> <div class="container"> <div class="carousel-caption relative"> <h1 style=" color:#483D8B">“中國國粹”-京劇</h1> <p style="font-size:20px;color:#000000">京劇，又稱平劇、京戲，是中國影響最大的戲曲劇種<br> ，分布地以杭州為中心，遍及全國各地京劇<br> 流播全國，影響甚廣，有“國劇”之稱 </p> <div class="button_section"> <a class="main_bt" href="index_2.html">了解更多</a> </div> </div> </div> </div> <div class="carousel-item"> <img class="third-slide" src="images/8.jpg" alt="Third slide"> <div class="container"> <div class="carousel-caption relative"> <h1 style="color:#4B0082">北斗導航衛(wèi)星</h1> <p >第55顆北斗導航衛(wèi)星，也是北斗導航系統(tǒng)的最后一顆組<br> 網衛(wèi)星，標志著北斗全球衛(wèi)星導航系統(tǒng)全面完成星<br> 座部署，面向全球開啟高精度的定位、導航、<br>授時、短報文通信和國際搜救等服務。 </p> <div class="button_section"> <a class="main_bt" href="satellite.html">了解更多</a> </div> </div> </div> </div> <div class="carousel-item"> <img class="second-slide" src="images/4.jpg" alt="Second slide"> <div class="container"> <div class="carousel-caption relative"> <h1 style="color:#800000">萬里長城</h1> <p>長城，又稱萬里長城，是中國古代的軍事防御工事，是一道高大、堅固而且連<br> 綿不斷的長垣，用以限隔敵騎的行動。長城不僅是中國也是世界<br> 上修建時間最長、工程量最大的一項古代防御工程 </p> <div class="button_section"> <a class="main_bt" href="greatWall.html" >了解更多</a> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> <!-- about --> <div class="about"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="aboutheading"> <h2>傳統(tǒng) <strong class="black">文化</strong></h2> <span style="font-size:30px;color:#A0522D">民族特色 世代相傳 歷史悠久 博大精深</span> </div> </div> </div> <div class="row border"> <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12"> <div class="about-box"> <p> 古文、古詩、詞語、樂曲、賦、民族音樂、民族戲劇、曲藝、國畫、書法等。中華傳統(tǒng)文化，是中華文明成果根本的創(chuàng)造力，是民族歷史上道德傳承、各種文化思想、精神觀念形態(tài)的總體。主要由儒、佛、道三家文化為主流組成。傳統(tǒng)文化不僅思想深邃圓融，內容廣博；更重要的是，儒家、佛家、道家三家文化，高揚道德，為國人提供了立身處世的行為規(guī)范，以及最終的精神歸宿。儒家以仁義教化為核心；道學以順應自然為核心；佛學以慈悲、大愛、解脫為核心，強調諸惡莫作，眾善奉行。</p> <a href="culture.html">點我試試</a> </div> </div> <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12"> <div class="about-box"> <figure><img src="images/about.png" alt="img" /></figure> </div> </div> </div> </div> </div> <!-- end about --> <!-- Library --> <div class="Library"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="titlepage"> <h2>祖國 <strong class="black">河山 </strong></h2> <span style="font-size:30px;color:#A0522D">錦繡山河 地大物博 碧水青山 富源遼闊</span> </div> </div> </div> </div> <div class="bg"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="Library-box"> <figure><img src="images/Library-.jpg" alt="#"/></figure> </div> </div> </div> </div> </div> <div class="row border"> <div class="about-box"> <p> 領略過武夷山史詩般的雄渾氣魄，卻不知山澗響水的明澈玎琮；領略過桂林山水的清秀甜美，卻不曉龍脊梯田的妖嬈廣闊；領略過杭州園林“小橋流水人家”般的幽情，卻不聞虎丘塔上“夕陽西下，斷腸人在天涯”樣的憂郁。中國是世界四大文明古國之一，幅圓遼闊，山河壯麗，氣象萬千，物產豐富，歷史文化悠久。五千年的人文創(chuàng)造和天開萬物造就的自然景觀為我們留下了景象驕人、數量繁多的名勝古跡，創(chuàng)造了輝煌的文化藝術?！吧嫌刑焯孟掠刑K杭”，“五岳歸來不看山，黃山歸來不看岳”，“名泉七十二，趵突天下無”...這些家喻戶曉的諺語無不在描述著祖國的瑰麗山河。</p> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="read-more"> <a href="view.html">點我試試</a> </div> </div> </div> </div> </div> <!-- end Library --> <!--Books --> <div class="Books"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="titlepage"> <h2>基建 <strong class="black">科技 </strong></h2> <span style="font-size:30px;color:#A0522D">國富民強 日新月異 蒸蒸日上 欣欣向榮</span> </div> </div> </div> <div class="row box"> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <div class="book-box"> <figure><img src="images/12.png" alt="img"/></figure> </div> </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12"> <div class="book-box"> <figure><img src="images/11.png" alt="img"/></figure> </div> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <div class="book-box"> <figure><img src="images/13.png" alt="img"/></figure> </div> </div> </div> <div class="row border"> <div class="about-box"> <p>在世界基礎設施建設上，中國敢稱第二，就沒有國家敢稱第一。在外國人眼里，那些幾乎不可能完成的工程， 只要交到中國人手里，保證又好又快地完成。不知道從什么時候起，中國逐漸被稱為基建狂魔。其實這是一個非常準確的說法，尤其是近幾年，從我國的各種世界性工程的完工，比如第一跨海大橋，世界第一高橋等等，可以看出中國在基建方面的實力。中國在基建方面投入了大量的年的基礎設施投入資金和固定資金都占有較大的比例。這些資金被用來建設城市商業(yè)建筑、油氣運輸、水利工程、交通設施等等。正是因為如此，我們才能夠享受到便利的生活環(huán)境。同時，我國科技飛速發(fā)展，如今我們已經做到了在世界的高科技領域占有一席之地，達到了世界的平均水平。</p> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="read-more"> <a href="technology.html">點我試試</a> </div> </div> </div> </div> </div> </div> <!-- end Books --> <!-- Contact --> <div class="Contact"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="titlepage3"> <h2>聯系我們</h2> </div> </div> </div> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12"> <form> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <input class="form-control" placeholder="姓名" type="Name"> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <input class="form-control" placeholder="電話" type="Phone Number"> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <input class="form-control" placeholder="郵箱" type="Email"> </div> <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12"> <textarea class="textarea" placeholder="Message">留言</textarea> </div> </div> </form> </div> <button class="send-btn">發(fā)送</button> </div> </div> </div> <!-- end Contact --> <!-- footer --> <footer> <div class="copyright"> <div class="container"> <p>關于我們  |  版權聲明 | 聯系電話：111111 | 郵箱：111111@www.com</p> <p>Copyright © 大美中國 | 實名認證</p> </div> </div> </footer> <!-- end footer --> <!-- Javascript files--> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.bundle.min.js"></script> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/plugin.js"></script> <!-- sidebar --> <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="js/custom.js"></script> </body></html>關鍵詞：文化,設計,中國,題材,課程,京劇
