🍅 作者主頁：Java李楊勇
🍅 簡介：Java領域優質創作者🏆、【java李楊勇】公號作者? 簡歷模板、學習資料、面試題庫、技識訓助【關注我，都給你】
🍅 歡迎點贊 👍 收藏 ?留言 📝
臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？HTML網頁作業無從下手？網頁要求的總數量太多？沒有合適的模板？等等一系列問題，你想要解決的問題，在專欄👇🏻👇🏻👇🏻👇🏻
java專案精品實戰分享案例《100套》
web前端期末大作業網頁實戰《100套》
Html+Css+JavaScript期末大作業《100套》
都能滿足你的需求，原始HTML+CSS+JS頁面設計, web大學生網頁設計作業原始碼，這是一個不錯的網頁制作，畫面精明，非常適合初學者學習使用，
網頁實作截圖：文末獲取原始碼
網站首頁
?
關于我們
上海珍島商業管理有限公司位于國家級經濟技術開發區，是首批專注于精品民宿的新型創業連鎖平臺，
公司成立于2016年2月，注冊資金1000萬元，珍島使命在于構筑“萬眾創新、大眾創業”的新型平臺，建立一個為歷史和未來負責的、“留得住濃濃的鄉愁”的城鎮化村落服務體系，
為中國城鎮化行程中的美麗鄉村建設貢獻一份力量，
?
文苑之旅
?
熱門目的地
?
?
新聞資訊動態
?
留言中心
?
專案組織結構：
主要原始碼展示：
index.html、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>珍島集團</title>
<meta name="keywords" content="珍島集團">
<meta name="description" content="珍島集團">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- include main css -->
<link rel="stylesheet" type="text/css" href="css/slick.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="font-awesome-4.5.0/css/font-awesome.min.css" rel='stylesheet' type='text/css' media="all" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
</head>
<body>
<div>
<!--header-->
<header class="header home_p">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<a href="#mmenu" class="phone-nav"><i class="fa fa-list"></i></a>
<div class="logo_right">
<nav class="nav">
<ul>
<li><a href="index.html" class="active">首頁</a></li>
<li><a href="scenic_overview.html">景區概況</a></li>
<li><a href="court_travel.html">文苑之旅</a>
<ul>
<li><a href="court_travel.html">茶藝中心</a></li>
<li><a href="court_travel.html">萬竹林海</a></li>
<li><a href="court_travel.html">創意中心</a></li>
<li><a href="court_travel.html">花草園藝</a></li>
</ul>
</li>
<li><a href="comfortable.html">舒雅住宅</a></li>
<li><a href="news.html">新聞動態</a>
<ul>
<li><a href="news.html">公司新聞</a></li>
<li><a href="news.html">行業新聞</a></li>
</ul>
</li>
<li><a href="feedback.html">留言中心</a></li>
<li><a href="contact.html">聯系我們</a></li>
</ul>
</nav>
<div class="search">
<span class="sea_x">
<input type="" name="" id="" placeholder="請輸入關鍵詞">
<i class="fa fa-search"></i>
</span>
<span class="y_z">
<a href="" class="zh active">中</a><a href="" class="en">En</a>
</span>
</div>
</div>
</div>
</header>
<!--banner start-->
<section class="banner">
<div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
<div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
<div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
</section>
<!--banner end-->
<div class="jqgk">
<div class="contai">
<div class="top_tit">
<span class="span1"><a href="scenic_overview.html">景區概況</a></span><br />
<span class="span2">SCENIC OVERVIEW</span>
</div>
<p class="wow bounceIn">
上海珍島商業管理有限公司位于國家級經濟技術開發區，是首批專注于精品民宿的新型創業連鎖平臺，<br /> 公司成立于2016年2月，注冊資金1000萬元，珍島使命在于構筑“萬眾創新、大眾創業”的新型平臺，建立一個為歷史和未來負責的、“留得住濃濃的鄉愁”的城鎮化村落服務體系，
<br /> 為中國城鎮化行程中的美麗鄉村建設貢獻一份力量，
</p>
<div class="xia_x">
<span class="img"></span>
</div>
</div>
</div>
<div class="wyzl">
<div class="top_tit">
<span class="span1"><a href="court_travel.html">文苑之旅</a></span><br />
<span class="span2">COURT TRAVEL</span>
</div>
<ul class="clearfix">
<li class="wow bounceIn">
<a href="court_travel.html"><img src="images/home_1.png" alt="" class="vcenter" /><i></i></a>
<a href="court_travel.html">萬竹林海(一)</a>
</li>
<li class="wow bounceIn">
<a href="court_travel.html"><img src="images/home_2.png" alt="" class="vcenter" /><i></i></a>
<a href="court_travel.html">萬竹林海(二)</a>
</li>
<li class="wow bounceIn">
<a href="court_travel.html"><img src="images/home_3.png" alt="" class="vcenter" /><i></i></a>
<a href="court_travel.html">萬竹林海(三)</a>
</li>
</ul>
</div>
<!--wyzl end-->
<div class="syzz">
<div class="top_tit">
<span class="span1"><a href="scenic_overview.html">舒雅住宅</a></span><br />
<span class="span2">COMFORTABLE RESIDENTIAL</span>
</div>
<div class="syzz_con clearfix">
<div class="left">
<div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
<div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
<div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
</div>
<div class="right">
<img src="images/fang.png" alt="" />
<div class="fang_t">
<span>客 |</span>
<span>房 |</span>
<span>介 |</span>
<span>紹</span>
</div>
<div class="fang_c">
桃花林苑中有各式客房100套,房型分為中式、現代兩個型別,以滿足客人的不同需求…
</div>
<div class="pr_ne clearfix">
<span class="pr">
上一個
</span>
<span class="ne">
下一個
</span>
</div>
</div>
</div>
<div class="xia_x">
<span class="img"></span>
</div>
</div>
<!--syzz end-->
<div class="home_news">
<div class="news_con">
<div class="top_tit">
<span class="span1"><a href="news.html">新聞動態</a></span><br />
<span class="span2">NEWS</span>
</div>
<ul>
<li class="clearfix wow bounceIn">
<div class="news_left">
<a href="news.html">暑假去哪玩？桃花苑天地避暑甚好！</a>
<p>
暑期近在眼前，還在猶豫帶孩子去哪兒玩嗎？炎熱的夏天，一顆躁動的心，背上收拾好的背包，走遍大好河山 ，感受大千世界，還不如隱居室外桃源桃花苑天地精品，少一些城市的喧囂，回歸大自然的清新脫俗，來一場說走就走的夏日之旅吧，
</p>
</div>
<div class="news_right">
<span>07.21</span>
<time>2020</time>
</div>
</li>
<li class="clearfix wow bounceIn">
<div class="news_left">
<a href="news.html">花落流水春又去</a>
<p>
春暖花開，桃花苑天地精品大咖云集，活動豐富，不僅有適合小朋友們的春游活動，有適合老年朋友的喝茶加棋牌， 還有書法大咖們的加盟，乃至電視真人秀節目的拍攝，這可把桃花寶寶們忙壞了，不過沒關系，累并快樂著，桃花寶寶非常歡迎大家的到來……
</p>
</div>
<div class="news_right">
<span>05.25</span>
<time>2020</time>
</div>
</li>
<li class="clearfix">
<div class="news_left">
<a href="news.html">蝴蝶摘花來</a>
<p>
清朝末年，先生在寧波開了一家面店，生意不錯，一天，一位即將回國的美國華僑 ，登船前來到卜先生的店里吃面，離店時竟把一只皮箱落下了， 先生打烊時才發現這只皮箱，但已無法找到失主，只好把皮箱小心收藏，等待著失主前來認領，
</p>
</div>
<div class="news_right">
<span>05.25</span>
<time>2020</time>
</div>
</li>
<li class="clearfix">
<div class="news_left">
<a href="news.html">這是我們想去的地方</a>
<p>
春暖花開，桃花苑天地精品大咖云集，活動豐富，不僅 有適合小朋友們的春游活動，有適合老年朋友的喝茶加棋牌， 還有書法大咖們的加盟，乃至電視真人秀節目的拍攝， 這可把桃花寶寶們忙壞了，不過沒關系，累并快樂著，桃花寶寶非常歡迎大家的到來……
</p>
</div>
<div class="news_right">
<span>05.25</span>
<time>2020</time>
</div>
</li>
</ul>
<a href="news.html" class="more">MORE</a>
</div>
</div>
<!--footer start-->
<footer class="footer">
<div class="footer_con">
<div class="con">
<div class="nei">
<div class="">
<ul class="di_nav clearfix">
<li><a href="scenic_overview.html">景區概況</a></li>
<li><a href="court_travel.html">文苑之旅</a></li>
<li><a href="comfortable.html">舒雅住宅</a></li>
<li><a href="news.html">新聞動態</a></li>
<li><a href="feedback.html">留言中心</a></li>
<li><a href="contact.html">聯系我們</a></li>
</ul>
<div class="links">友情鏈接
<ul>
<li><a href="">百度文化</a></li>
<li><a href="">新浪微博</a></li>
<li><a href="">百度知道</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="lian">
電話：<a href="tel:XXX">XXX</a><br /> 郵箱：
<a href="mailto:XXX">XXX</a><br /> 手機：
<a href="tel:XXX">XXX</a><br /> 地址：XXX
<br />
<a href="map.html">網站地圖</a><br />
<span>
<a href="http://www.71360.com/" target="_blank">
<img src="images/yu.png" alt="" />
</a>
<span class="er_a">
<img src="images/er.png" alt="" class="one_img"/>
珍島公眾號
<img src="images/erwei.png" alt="" class="er_img"/>
</span>
</span>
</div>
</div>
</div>
</div>
<div class="copy">Copyright? 2020 著作權所有：XXX</div>
</footer>
<!--footer end-->
<!--移動端 Mmenu-->
<nav id="mmenu">
<ul>
<li><a href="index.html" class="active">首頁</a></li>
<li><a href="scenic_overview.html">景區概況</a></li>
<li><a href="court_travel.html">文苑之旅</a>
<ul>
<li><a href="court_travel.html">茶藝中心</a></li>
<li><a href="court_travel.html">萬竹林海</a></li>
<li><a href="court_travel.html">創意中心</a></li>
<li><a href="court_travel.html">花草園藝</a></li>
</ul>
</li>
<li><a href="comfortable.html">舒雅住宅</a></li>
<li><a href="news.html">新聞動態</a>
<ul>
<li><a href="news.html">公司新聞</a></li>
<li><a href="news.html">行業新聞</a></li>
</ul>
</li>
<li><a href="feedback.html">留言中心</a></li>
<li><a href="contact.html">聯系我們</a></li>
</ul>
</nav>
</div>
<!--Include Js-->
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!--移動端導航-->
<script src="js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>
<!--slick-->
<script src="js/slick.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/wow.js" type="text/javascript" charset="utf-8"></script>
<!--placeholder-->
<script src="js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$('input, textarea').placeholder();
});
</script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
</body>
</html>style.css
img {
max-width: 100%;
outline: none;
}
.vcenter {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
display: block;
vertical-align: middle;
margin: auto;
}
.tHide {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
}
textarea {
-webkit-appearance: none;
}
.blockFull {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.relative {
position: relative;
}
a:hover {
color: #8c673e;
text-decoration: none;
}
* {
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;
}
.left {
float: left;
}作品來自于網路收集、侵權立刪
獲取完整原始碼：
大家點贊、收藏、關注、評論啦 、查看下方👇🏻👇🏻👇🏻微信公眾號獲取👇🏻👇🏻👇🏻
打卡 文章 更新 70/ 100天
專欄推薦閱讀：
Java畢設專案精品實戰案例《100套》
HTML5大作業實戰案例《100套》
Web大作業前端網頁實戰《100套》
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/304911.html
標籤：java
上一篇：Skywalking-12：Skywalking SPI機制
下一篇：七大排序演算法