-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
174 lines (128 loc) · 4.69 KB
/
Copy pathindex.html
File metadata and controls
174 lines (128 loc) · 4.69 KB
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-Type" content="text/html" charset="utf-8"/>
<meta name="viewpoint" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>lianxi2-固定布局</title>
<link rel="stylesheet" href="css/style1.css" charset="utf-8">
<link rel="stylesheet" href="css/basic.css" charset="utf-8">
</head>
<body>
<header id="header">
<div class="center">
<h1 class="logo">旅行社</h1>
<nav class="link">
<h2 class="none">网站导航</h2>
<ul >
<li><a class="active" href="index.html">首页</a></li>
<li><a class="avtive" href="information.html">旅游咨询</a></li>
<li><a class="active" href="ticket.html">机票订购</a></li>
<li><a class="active" href="view.html">风景欣赏</a></li>
<li><a class="active" href="company.html">公司简介</a></li>
</ul>
</nav>
</div>
</header>
<div class="search"><!--在search大背景下添加图片-->
<div class="center1"> </div>
<input type="text" class="search1" placeholder="请输入景点或城市"></input>
<button type="submit" class="button">搜索</button>
</div>
<div id="tour">
<section class="center">
<h2>热门旅游</h2>
<p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮签证、主题旅游等各种最新热门旅游推荐</p>
</section>
<figure>
<img src="img/tour2.jpg" alt="热门旅游">
<figcaption>
<strong class="title">
<水龙湾6日游> </strong>
报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券500元
<div class="info">
<em class="sat">满意度 77%</em>
<span class="price">¥ <strong>2864</strong> 起</span>
</div>
<div class="tab">国内长线</div>
</figcaption>
</figure>
<figure>
<img src="img/tour5.jpg" alt="热门旅游">
<figcaption>
<strong class="title">
<清迈7日游> </strong>
报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
<div class="info">
<em class="sat">满意度 87%</em>
<span class="price">¥ <strong>5864</strong> 起</span>
</div>
<div class="tab">国外长线</div>
</figcaption>
</figure>
<figure>
<img src="img/tour4.jpg" alt="热门旅游">
<figcaption>
<strong class="title">
<海岸7日游> </strong>
报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
<div class="info">
<em class="sat">满意度 97%</em>
<span class="price">¥ <strong>9964</strong> 起</span>
</div>
<div class="tab">国外长线</div>
</figcaption>
<!-- <div id="set">1国内长线</div> -->
</figure>
<figure>
<img src="img/tour3.jpg" alt="热门旅游">
<figcaption>
<strong class="title">
<风景区3日游> </strong>
报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
<div class="info">
<em class="sat">满意度 97%</em>
<span class="price">¥ <strong>7864</strong> 起</span>
</div>
<div class="tab">国内长线</div>
</figcaption>
<!-- <div id="set">1国内长线</div> -->
</figure>
<footer class="footer">
<div id="top">
<!--采用2个class，公共部分修改和独有修改维护方便 -->
<div class="block left">
<h3>合作伙伴</h3>
<hr><!--加一个横线-->
<ul>
<li><a href="http://www.tuniu.com/" target="_blank">途牛旅游网</a></li>
<li><a href="http://www.lvmama.com/" target="_blank">驴妈妈旅游网</a></li>
<li><a href="http://www.ctrip.com/" target="_blank">携程旅游网</a></li>
<li>中国青年旅行社</li>
</ul>
</div>
<div class="block center11">
<h3>旅游FAQ</h3>
<hr>
<ul>
<li>旅游合同签订方式</li>
<li>儿童价是基于什么制定的?</li>
<li>旅游的线路品质怎么界定的？</li>
<li>单房差是什么?</li>
<li>旅游保险有那些种类?</li>
</ul>
</div>
<div class="block right">
<h3>联系方式</h3>
<hr>
<ul>
<li>微博:weibo.com/ycku</li>
<li>邮件:252189983@qq.com</li>
<li>地址:辽宁省xxx路</li>
</ul>
</div>
</div>
<div class="bottom">Copyright@YCUC 旅行社 | 中IUP程1516481号 | 旅行社经营许可证：ad-079797</div>
</footer>
</div>
</body>
</html>