<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
</head>
<body>
<nav class="navbar navbar-default header navbar-inverse">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">
LOGO
</a>
</div>
<ul class="nav navbar-nav header-nav">
<li><a href="#">首页</a></li>
<li><a href="#">成功案例</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
康复中心<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="active">
<a href="#">门诊部</a>
</li>
<li>
<a href="#">运动部</a>
</li>
<li>
<a href="#">手脚部</a>
</li>
</ul>
</li>
<li><a href="#">联系我们</a></li>
</ul>
<form action="" class="navbar-form navbar-right">
<div class="input-group">
<input type="text" class="form-control" placeholder="请输入关键词"> <span class="input-group-btn">
<button type="submit" class="btn btn-primary">搜索</button> </span>
</div>
</form>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="img/1.jpg" class="img-thumbnail"/>
<h4 class="text-muted">美丽的丽江</h4>
<p>丽江古城内的街道依山傍水修建，以红色角砾岩铺就，有四方街、木府、五凤楼等景点。 [2] 丽江为第二批被批准的中国历史文化名城之一，是中国以整座古城申报世界文化遗产获得成功的两座古城之一。</p>
<p>
<a href="#" class="btn btn-primary">了解更多</a>
<a href="#" class="btn btn-default">游客体验</a>
</p>
</div>
<div class="col-md-4">
<img src="img/2.jpg" class="img-thumbnail"/>
<h4 class="text-muted">美丽的大理</h4>
<p>地处低纬高原，四季温差不大，干湿季分明，以低纬高原季风气候为主，境内以蝴蝶泉、苍山、洱海、大理古城、崇圣寺三塔等景点最有代表性。是中国西南边疆开发较早的地区之一。</p>
<p>
<a href="#" class="btn btn-primary">了解更多</a>
<a href="#" class="btn btn-default">游客体验</a>
</p>
</div>
<div class="col-md-4">
<img src="img/3.jpg" class="img-thumbnail"/>
<h4 class="text-muted">美丽的三亚</h4>
<p>三亚是具有热带海滨风景特色的国际旅游城市 [4] ，又被称为“东方夏威夷”。 [5] 2016年6月14日，中国科学院对外发布《中国宜居城市研究报告》，三亚宜居指数在全国40个城市中位居第三。</p>
<p>
<a href="#" class="btn btn-primary">了解更多</a>
<a href="#" class="btn btn-default">游客体验</a>
</p>
</div>
</div>
</div>
<div class="container">
<h3 class="text-primary">
价格详情
<i class="glyphicon glyphicon-certificate text-primary"></i>
</h3>
<form>
<table class="table table-bordered">
<tr>
<td class="text-center">地点</td>
<td class="text-center">人数</td>
<td class="text-center">团购价格</td>
<td class="text-center">*行</td>
<td class="text-center">*行价格</td>
</tr>
<tr>
<td class="text-center">丽江</td>
<td class="text-center">5-10人</td>
<td class="text-center">200元/位</td>
<td class="text-center">1-2人</td>
<td class="text-center">300元/位</td>
</tr>
<tr>
<td class="text-center">丽江</td>
<td class="text-center">5-10人</td>
<td class="text-center">200元/位</td>
<td class="text-center">1-2人</td>
<td class="text-center">300元/位</td>
</tr>
<tr>
<td class="text-center">丽江</td>
<td class="text-center">5-10人</td>
<td class="text-center">200元/位</td>
<td class="text-center">1-2人</td>
<td class="text-center">300元/位</td>
</tr>
<tr>
<td class="text-center">丽江</td>
<td class="text-center">5-10人</td>
<td class="text-center">200元/位</td>
<td class="text-center">1-2人</td>
<td class="text-center">300元/位</td>
</tr>
<tr>
<td class="text-center">丽江</td>
<td class="text-center">5-10人</td>
<td class="text-center">200元/位</td>
<td class="text-center">1-2人</td>
<td class="text-center">300元/位</td>
</tr>
</table>
</form>
</div>
</body>
</html>