<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
<meta charset="utf-8" />
<title>达旅网——资讯</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<style type="text/css">
body{
font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"\5B8B\4F53",simsun,sans-serif;
color: #666;
}
#footer{
background-color: #eee;
border-top: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.logo{
padding: 13px 0;
}
#navbar-collapse{
margin-top: 0;
}
.jumbotron{
background: url(img/banner1.jpg) no-repeat left top;
margin: 50px 0 0 0;
color: #eee;
}
.jumbotron h1{
font-size: 26px;
padding-left: 20px;
}
.jumbotron h4{
font-size: 15px;
padding-left: 20px;
}
.jumbotron p{
margin-top: -10px;
padding-left: 20px;
}
#information{
background-color: #F5F5F5;
padding: 50px 0;
}
.hotel .hotel_num {
display: inline-block;
width: 24px;
height: 28px;
background: url(img/un_map_spot.png) 0 -254px;
font-family: tahoma;
font-weight: bold;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
cursor: pointer;
}
.hotel_num:hover{
background: url(img/un_map_spot.png) 0 -284px;
}
.hotel_diamond04{
display: inline-block;
width: 47px;
height: 12px;
background: url(img/icon_hotel.png) no-repeat 0 4px;
overflow: hidden;
}
.hotel_class{
height: 24px;
width: 60px;
line-height: 24px;
text-align: center;
display: inline-block;
vertical-align: bottom;
font-size: 13px;
font-family: "微软雅黑";
background: #89BDEF;
color: #FFFFFF;
}
.hotel_td{
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-family: "微软雅黑";
color: #ff9a14;
border: solid 1px #fba62c;
}
.adress{
font-size: 13px;
font-family: "微软雅黑";
}
.icons{
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 21px;
height: 21px;
background-image: url(img/icon_facility.png);
background-repeat: no-repeat;
}
.facility1{
background-position: -30px -150px
}
.facility2{
background-position: -60px 0px
}
.facility3{
background-position: 0px -60px
}
.facility4{
background-position: -90px -120px
}
.facility5{
background-position: -90px -60px
}
.facility6{
background-position: -60px -60px;
}
.facility7{
background-position: -30px -60px;
}
.result_info_judge .hotel_level{
height: 85px;
text-align: left;
font-family: "微软雅黑";
}
.result_info_judge .total .judgement{
font-size: 16px;
color: #0066CC;
}
.result_info_judge .total .score{
font-size: 20px;
color: #0066CC;
}
.result_info_judge .total .allscore{
font-size: 14px;
color: #444;
}
.result_info_judge .value{
margin: 7px;
font-size: 13px;
color: #555;
}
.result_info_judge .dction{
font-size: 14px;
color: #0066CC;
}
.result_info_judge > p{
font-size: 13px;
text-align: left;
margin-top: 5px;
color: #10a200;
}
.result_info_icon{
position: relative;
width: 105px;
height: 110px;
text-align: right;
}
.result_info_icon .much{
font-size: 13px;
color: #F74800;
cursor: pointer;
}
.result_info_icon .money{
font-size: 38px;
}
.result_info_icon .much:hover {
color: #E67444;
}
.result_info_icon .none{
color: #900;
font-size: 13px;
}
.result_info_icon .ticket_available{
display: block;
height: 0;
width: 19px;
padding-top: 16px;
overflow: hidden;
background: url(img/icon_hotel.png) no-repeat 0 -54px;
color: #989898;
}
.result_info_icon a:hover{
text-decoration: none;
}
.result_info_icon .btnto{
height: 22px;
line-height: 22px;
width: 60px;
text-decoration: none;
border: solid 1px #e77c00;
border-radius: 3px;
text-align: center;
color: #FFFFFF;
background-color: #ffb000;
font-size: 12px;
font-family: "微软雅黑";
line-height: 22px;
font-family: SimSun,Tahoma,Verdana,Arial,sans-serif;
box-shadow: 0 1px 0 rgba(95,50,0,0.7);
text-shadow: 1px 1px 0 #cf7000;
outline: none;
letter-spacing: 1px;
}
.result_info_icon .btnto:hover{
background: #e77c00;
}
.rhotel{
border-bottom: solid 1px #ccc;
padding: 10px 0;
}
.title{
text-align: center;
font-size: 16px;
font-family: "微软雅黑";
padding-bottom: 10px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand logo"><img src="img/logo.png" /></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-list"></span> 资讯 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="message.html"> 餐饮资讯 </a></li>
<li role="separator" class="divider"></li>
<li class="active"><a href="#"> 住宿资讯 </a></li>
<li role="separator" class="divider"></li>
<li><a href="driving.html"> 交通资讯 </a></li>
</ul>
</li>
<li><a href="case.html"><span class="glyphicon glyphicon-fire"></span> 案例</a></li>
<li><a href="about.html"><span class="glyphicon glyphicon-question-sign"></span> 关于</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron">
<div class="container">
<hgroup>
<h1>住宿资讯</h1>
<h4>TRAVEL INFORMATION</h4>
<p>————————————</p>
</hgroup>
</div>
</div>
<div id="information">
<div class="container-fluid">
<p class="title">达州旅游——住宿盘点</p>
<div class="row rhotel">
<div class="col-lg-6 col-md-8 col-sm-10 col-xs-12">
<div class="container-fluid">
<div class="row hotel">
<div class="col-md-3 col-sm-3 col-xs-3">
<img src="img/sleep1.jpg" alt="达州银杏柏栎酒店" class="img-responsive" />
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<p class="hotel_top">
<span class="hotel_num">1</span>
<span class="hotel_name">达州银杏柏栎酒店</span>
</p>
<p>
<span title="高档型（携程用户评定为4钻）" class="hotel_diamond04"></span>
<span class="hotel_class">商务出行</span>
<span class="hotel_td">设施齐全</span>
</p>
<p class="adress">
地址：达川区通达西路487号（达川区，近三叉路�
bootstrap自适应版旅游前端网页
需积分: 46 62 浏览量
2017-09-06
10:47:49
上传
评论 5
收藏 1.96MB ZIP 举报
DZ.zip （62个子文件） 
DZ 
case.html 7KB
.project 964B index.html 10KB hotel.html 27KB message.html 15KB about.html 8KB detail.html 20KB img 
sleep6.jpg 8KB tracff2.jpg 36KB banner1.jpg 138KB eat9.jpg 28KB banner5.jpg 150KB 2.jpg 29KB
icon_hotel.png 15KB tracff7.jpg 60KB tracff5.jpg 64KB sleep3.jpg 7KB 6.jpg 28KB sleep9.jpg 7KB tracff6.jpg 80KB tracff4.jpg 36KB eat2.jpg 31KB 1.jpg 43KB sleep5.jpg 7KB un_map_spot.png 2KB sleep2.jpg 7KB eat1.jpg 31KB banner6.jpg 84KB sleep8.jpg 7KB eat5.jpg 36KB 4.jpg 37KB banner7.jpg 196KB 5.jpg 38KB icon_facility.png 9KB eat10.jpg 47KB tracff3.jpg 36KB banner2.jpg 194KB eat8.jpg 23KB tracff.png 491B logo.png 48KB tracff8.jpg 60KB place1.png 47KB eat6.jpg 29KB sleep10.jpg 6KB eat7.jpg 29KB 7.jpg 79KB sleep1.jpg 5KB sleep7.jpg 7KB eat3.jpg 49KB 3.jpg 68KB eat4.jpg 40KB js bootstrap.min.js 35KB api.js 313B jquery-3.2.1.min.js 85KB driving.html 13KB fonts glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.woff 23KB css bootstrap.min.css 198KB bootstrap-theme.min.css 23KB资源评论
