Web網站模板-回應式旅游旅行團酒店預訂展示網站模板(HTML+CSS+JavaScript前端大作業)

主頁：前端picker

簡介：前端領域優質創作者，掃碼或搜索添加文末公眾號「半夏話前端」：🍗 回復 ”網站模板“，免費送網站模板！

歡迎點贊 👍 收藏 ?留言 📝 私信📄

你還在未HTML網頁設計作業頭大嗎？

你還在為自學前端，沒有專案練手苦惱嗎？

你還在為外包專案沒有模板難受嗎?

關注專欄《前端網站模板》，自用，作業，外包，你想要的全都有，持續更新，勵志更新1000套模板！！

模塊設計-文末獲取原始碼

首頁

關于

我們的服務

聯系我們

展示

首頁輪播圖

	<section class="tm-banner">
		<!-- Flexslider -->
		<div class="flexslider flexslider-banner">
		  <ul class="slides">
		    <li>
			    <div class="tm-banner-inner">
					<h1 class="tm-banner-title">為您挑選 <span class="tm-yellow-text">最好的</span> 景點</h1>
					<p class="tm-banner-subtitle">假日旅游</p>
					<a href="#more" class="tm-banner-link">了解更多</a>	
				</div>
				<img src="img/banner-1.jpg" alt="Image" />	
		    </li>
		    <li>
			    <div class="tm-banner-inner">
					<h1 class="tm-banner-title">多彩 <span class="tm-yellow-text">旅游</span> </h1>
					<p class="tm-banner-subtitle">精彩的目的地</p>
					<a href="#more" class="tm-banner-link">了解更多</a>	
				</div>
		      <img src="img/banner-2.jpg" alt="Image" />
		    </li>
		    <li>
			    <div class="tm-banner-inner">
					<h1 class="tm-banner-title">酒店 <span class="tm-yellow-text">預訂</span> </h1>
					<p class="tm-banner-subtitle">一步到位</p>
					<a href="#more" class="tm-banner-link">了解更多</a>	
				</div>
		      <img src="img/banner-3.jpg" alt="Image" />
		    </li>
		  </ul>
		</div>	
	</section>

酒店預訂

<div class="form-group">
    <select class="form-control">
    <option value="">-- 選擇酒店 -- </option>
    <option value="shangrila">酒店1</option>
    <option value="chatrium">酒店2</option>
    <option value="fourseasons">酒店3</option>
    <option value="hilton">酒店4</option>
    </select> 
    </div>
    <div class="form-group">
    <div class='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" placeholder="入住時間" />
    <span class="input-group-addon">
    <span class="fa fa-calendar"></span>
    </span>
    </div>
    </div>
    <div class="form-group">
    <div class='input-group date' id='datetimepicker2'>
    <input type='text' class="form-control" placeholder="退房時間" />
    <span class="input-group-addon">
    <span class="fa fa-calendar"></span>
    </span>
    </div>
</div>

更多套餐

更多套餐

	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-xxs-12">
					<div class="tm-home-box-2 tm-home-box-2-right">						
					    <img src="img/gzh二維碼.jpg" alt="image" class="img-responsive">
						<h3>大中國的人類聚居地</h3>
						<p class="tm-date">22 March 2016</p>
						<div class="tm-home-box-2-container">
							<a href="#" class="tm-home-box-2-link"><i class="fa fa-heart tm-home-box-2-icon border-right"></i></a>
							<a href="#" class="tm-home-box-2-link"><span class="tm-home-box-2-description">去旅游</span></a>
							<a href="#" class="tm-home-box-2-link"><i class="fa fa-edit tm-home-box-2-icon border-left"></i></a>
						</div>
					</div>
				</div>

回應式

完整代碼

獲取完整原始碼：關注公眾號【半夏話前端】回復[旅游]，免費獲取原始碼，回復[網站模板],免費獲取50+套模板
大家點贊、收藏、關注、評論啦 、查看👇🏻👇🏻👇🏻微信公眾號獲取👇🏻👇🏻👇🏻