-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (202 loc) · 11.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>西安逍遥驴户外旅游</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/ripples.min.css" rel="stylesheet">
<link href="css/material-wfont.min.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]>
<script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link href="css/carousel.css" rel="stylesheet">
</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-default">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="res/logo.gif"></a>
</div>
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<li><a href="javascript:void(0)">活动</a></li>
<li><a href="javascript:void(0)">论坛</a></li>
</ul>
<form class="navbar-form navbar-left" role="form">
<input type="text" class="form-control" placeholder="搜索">
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">登录</a></li>
<li><a href="javascript:void(0)">注册</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="res/1.jpg"
alt="First slide">
<div class="container">
<div class="carousel-caption">
<p><a class="btn btn-lg btn-primary" href="#" role="button">查看更多</a></p>
</div>
</div>
</div>
<div class="item">
<img src="res/2.jpg"
alt="Second slide">
<div class="container">
<div class="carousel-caption">
<p><a class="btn btn-lg btn-primary" href="#" role="button">查看更多</a></p>
</div>
</div>
</div>
<div class="item">
<img src="res/3.jpg"
alt="Third slide">
<div class="container">
<div class="carousel-caption">
<p><a class="btn btn-lg btn-primary" href="#" role="button">查看更多</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span
class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span
class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle"
src="res/4.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>7.23大美青海湖，天境祁连山，门源油菜花5日游</h3>
<p>
油菜花遍野的青海湖游是夏季最经典的出游线路，而中国最大气的门源油菜花海更是摄影爱好者的一片乐土！7.23，逍遥驴户外带驴友再次走进大美青海，去领略独特的风土人情，去经历值得铭怀一生的精彩；洁白又神圣的哈达让你感受藏民的真情，淳朴的民风让你萌生万千的敬意，辽阔无际的草原给你无限的遐思！</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle"
src="res/5.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>2014全景甘南:拉卜楞寺-花湖-若尔盖草原-尕海-则岔石林5日</h3>
<p>季节里的容颜如格桑花开落...
拉卜楞寺的辩经声随着炊烟一同升起，草原上沁入心脾的酥油香久未散去，郎木寺如世外桃源般遗世独立，扎尕那峥嵘的石城在云雾中若隐若现……这里是圣境天堂般的甘南，光影中姑娘绯红的侧脸格外好看，转经廊外的老者默念着六字真言，充满信仰的人们匍匐在漫漫长路；
那一年，转山转水，升起风马，在落满皑皑白雪的藏族村落寻找那些尘封的故事，窗外白龙江源头正传来久远的召唤。</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle"
src="res/6.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>7.5华阳古镇、华阳秦岭第一漂盛大开业，特惠2日游</h3>
<p>今夏，陕西境内最新开发的激情漂流路线——华阳秦岭第一漂来了！
受够了人挤人的喧闹不安，厌倦了对连队的无休止等待，那就来华阳秦岭第一漂吧！华阳秦岭第一漂位于陕西华阳景区，全长8.9公里，全程落差189米，急弯16个，激流险滩8处。
在人潮大部队还未侵占这里之时，聪明如你可尽情享受这一方净土！漂流，一项勇敢者的运动。快时乘风破浪，你可以随漂流艇体验飞一般的感觉；慢时悠然自得，你可以静静领略峡谷两岸的迷人风光。如果你幸运，还可看见头顶有朱鹮飞过。</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle"
src="res/4.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>7.23大美青海湖，天境祁连山，门源油菜花5日游</h3>
<p>
油菜花遍野的青海湖游是夏季最经典的出游线路，而中国最大气的门源油菜花海更是摄影爱好者的一片乐土！7.23，逍遥驴户外带驴友再次走进大美青海，去领略独特的风土人情，去经历值得铭怀一生的精彩；洁白又神圣的哈达让你感受藏民的真情，淳朴的民风让你萌生万千的敬意，辽阔无际的草原给你无限的遐思！</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle"
src="res/5.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>2014全景甘南:拉卜楞寺-花湖-若尔盖草原-尕海-则岔石林5日</h3>
<p>季节里的容颜如格桑花开落...
拉卜楞寺的辩经声随着炊烟一同升起，草原上沁入心脾的酥油香久未散去，郎木寺如世外桃源般遗世独立，扎尕那峥嵘的石城在云雾中若隐若现……这里是圣境天堂般的甘南，光影中姑娘绯红的侧脸格外好看，转经廊外的老者默念着六字真言，充满信仰的人们匍匐在漫漫长路；
那一年，转山转水，升起风马，在落满皑皑白雪的藏族村落寻找那些尘封的故事，窗外白龙江源头正传来久远的召唤。</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle"
src="res/6.jpeg"
alt="Generic placeholder image" style="width: 200px; height: 200px;">
<h3>7.5华阳古镇、华阳秦岭第一漂盛大开业，特惠2日游</h3>
<p>今夏，陕西境内最新开发的激情漂流路线——华阳秦岭第一漂来了！
受够了人挤人的喧闹不安，厌倦了对连队的无休止等待，那就来华阳秦岭第一漂吧！华阳秦岭第一漂位于陕西华阳景区，全长8.9公里，全程落差189米，急弯16个，激流险滩8处。
在人潮大部队还未侵占这里之时，聪明如你可尽情享受这一方净土！漂流，一项勇敢者的运动。快时乘风破浪，你可以随漂流艇体验飞一般的感觉；慢时悠然自得，你可以静静领略峡谷两岸的迷人风光。如果你幸运，还可看见头顶有朱鹮飞过。</p>
<p><a class="btn btn-default" href="#" role="button">查看更多 »</a></p>
</div>
<!-- /.col-lg-4 -->
</div>
<div class="jumbotron jumbotron-material-deeporange">
<div class="row">
<div class="col-lg-5" align="center">
<img src="res/7.png" height="300" class="img-rounded"></div>
<div class="col-lg-6">
<p>联系手机： 13022933967 （豆豆）</p>
<p>官方QQ： 1836358113 （逍遥驴户外旅游）</p>
<p>腾讯QQ群 ①群75305900 ②群158589502 ③群37790620 欢迎大家加群分享旅行的故事。</p>
</div>
</div>
<div class="row">
<div class="col-lg-5">
<p> 公众微信平台：搜索微信号：wander-donkey或中文名称：逍遥驴户外旅游</p>
<p>豆瓣小组：逍遥驴户外旅游</p>
<p>新浪微博：<button class="btn btn-lg btn-material-deeporange" href="http://weibo.com/wonderdonkeytravel">逍遥驴户外旅游</button></p>
</div>
<img src="res/8.jpeg" height="300" class="img-rounded">
</div>
</div>
<!-- FOOTER -->
<footer style="padding-top: 20px">
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2014 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
</div>
<!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ripples.min.js"></script>
<script src="js/material.min.js"></script>
</body>
</html>