-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
304 lines (300 loc) · 12.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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>天南地北天水人</title>
<meta name="copyright" content="www.lifeweek.com.cn,版权所有">
<meta name="keywords" content="天南地北天水人, ">
<meta name="description" content="一本杂志和他倡导的生活——作为中国最受尊敬的周刊品牌之">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header class="header">
<div class="w1000 container">
<div class="header-left">
<div>
<img src="http://img.lifeweek.com.cn/templates/lifeweekV2/images/default/logo.png" alt="">
</div>
</div>
<!-- <div class="header-right">
<input type="text"><button></button>
</div> -->
</div>
</header>
<div id="container" class="clearfix w1000 container">
<div class="face">
<img src="index/adv.png" alt="">
</div>
<nav class="nav">
<ul>
<li><a href="#">文化动态</a></li>
<li><a href="#">大家风范</a></li>
<li><a href="#">作家剪影</a></li>
<li><a href="#">大医精诚</a></li>
<li><a href="#">书情画意</a></li>
<li><a href="#">创业之道</a></li>
<li><a href="#">乐在其中</a></li>
<li><a href="#">影坛视界</a></li>
<li><a href="#">海外游子</a></li>
<li><a href="#">丽人倩影</a></li>
<li><a href="#">军旅如歌</a></li>
<li><a href="#">民间记忆</a></li>
<li><a href="#">人在异乡</a></li>
<li><a href="#">记住乡愁</a></li>
<li><a href="#">行游天水</a></li>
<li><a href="#">名家题辞</a></li>
<li><a href="#">诗意天水</a></li>
<li><a href="#">天水作家</a></li>
<li><a href="#">天水诗画</a></li>
<li><a href="#">戏剧人生</a></li>
</ul>
</nav>
<div class="news">
<div class="content">
<div class="mod mod-news">
<div class="mod-title">
<h2 class="mod-name">动态</h2>
</div>
<div class="mod-list">
<div class="news-list">
<ul >
<li><a href="#">新闻 | 习近平和彭丽媛凭吊在我南联盟使馆被炸英勇烈士</a></li>
<li><a href="#">游记 | 法国让人脑洞大开的机械岛(图)</a></li>
<li><a href="#">八卦 | 黄渤和刘德华是如何弄垮班尼路的</a></li>
<li><a href="#">影评 | 《女不强大天不容》直面职场悲欢</a></li>
<li><a href="#">情感 | 撒娇受宠？90%女人会犯的4个恋爱错误</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">全世界最会穿衣服的男人都去佛罗伦萨了</a></li>
<li><a href="#">全世界最会穿衣服的男人都去佛sdfgsdfg sdg罗伦萨了</a></li>
</ul>
</div>
<div style="flex:1"><img src="index/news.png" alt=""></div>
</div>
</div>
<div class="mod mod-famous">
<div class="mod-title">
<h2 class="mod-name">大家</h2>
</div>
<div class="mod-list">
<div class="famous-list">
<ul>
<div class="captain"><span>大家风范</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
<div class="famous-list">
<ul>
<div class="captain"><span>名家题词</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
<div class="famous-list">
<ul>
<div class="captain"><span>大医精诚</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
</div>
</div>
<div class="mod mod-beauty">
<div class="mod-title">
<h2 class="mod-name">丽人倩影</h2>
</div>
<div class="mod-list">
<div>
<div style="display: -webkit-inline-box; display: inline-box;">
<img src="index/beauty01.png" alt="" style="height:300px;">
<img src="index/beauty03.png" alt="" style="height:300px;">
</div>
<div style=" color: #fff; background: rgba(10, 8, 16, 0.55); position: relative;margin-top: -46px;padding-left:10px">
<span><a href="beauty/machunrui.html">最难走的路，藏着最珍贵的人生体验</a></span>
<a href="beauty/machunrui.html"><span style="font-size:14px">--第25届环球比基尼大赛环球比基尼小姐中国赛区总冠军马春瑞 </span></a>
</div>
</div>
<div>
<div>
<img src="index/beauty02.png" alt="" style="height:150px;">
</div>
<div>
<img src="index/beauty02.png" alt="" style="height:150px;">
</div>
</div>
</div>
</div>
<div class="mod mod-nostalgia">
<div class="mod-title">
<h2 class="mod-name">乡愁</h2>
</div>
<div class="mod-list">
<div class="nostalgia-list">
<ul>
<div class="captain"><span>海外游子</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
<div class="nostalgia-list">
<ul>
<div class="captain"><span>人在异乡</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
<div class="nostalgia-list">
<ul>
<div class="captain"><span>记住乡愁</span></div>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
<li><a href="#">李克强致信中东欧国家领导人 会见捷克总理</a></li>
</ul>
</div>
</div>
</div>
<div class="mod mod-travel">
<div class="mod-title">
<h2 class="mod-name">行游天水</h2>
</div>
<div class="mod-list">
<div>
<img src="index/travel.png" alt="" style="width:100%;">
</div>
</div>
</div>
</div>
<div class="mod mod-military">
<div class="mod-title">
<h2 class="mod-name">军旅如歌</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod mod-military">
<div class="mod-title">
<h2 class="mod-name">书情画意</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod mod-military">
<div class="mod-title">
<h2 class="mod-name">作家剪影</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod mod-military">
<div class="mod-title">
<h2 class="mod-name">乐在其中</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod ">
<div class="mod-title">
<h2 class="mod-name">民间记忆</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod ">
<div class="mod-title">
<h2 class="mod-name">作家剪影</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod ">
<div class="mod-title">
<h2 class="mod-name">创业之道</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod ">
<div class="mod-title">
<h2 class="mod-name">诗意天水</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod ">
<div class="mod-title">
<h2 class="mod-name">戏剧人生</h2>
</div>
<div class="mod-list">
</div>
</div>
<div class="mod mod-tspoetry">
<div class="mod-title">
<h2 class="mod-name">天水诗画</h2>
</div>
<div class="mod-list">
<div class="tspoetry-list" style="padding-right:20px;border-right:1px solid #ccc;padding-top: 15px;">
<ul>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
<li><a class="left" href="#">日元为何成为当前国际市场的明星避险货币？</a> <a href="#" class="right">易宪容</a></li>
</ul>
</div>
<div style="display: -webkit-inline-box;display: inline-box;padding-left: 20px;padding-top: 20px;">
<img src="index/tsprint01.png" alt="" style="height:300px;">
<img src="index/tsprint02.png" alt="" style="height:300px;">
<img src="index/tsprint03.png" alt="" style="height:300px;">
</div>
</div>
</div>
<div class="mod mod-tswriter">
<div class="mod-title">
<h2 class="mod-name">天水作家</h2>
</div>
<div class="mod-list">
<div class="tswriter-list">
<ul>
<li>马建勋</li><li>秦岭</li><li>严肃</li><li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li><li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li>
<li>马建勋</li><li>秦岭</li><li>严肃</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer"></footer>
</body>
<!-- <script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="path/to/jquery.edslider.js"></script> -->
<script type="text/javascript" href="scripts/main.js"></script>
</html>