-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy patharticle-list.html
More file actions
259 lines (248 loc) · 9.36 KB
/
article-list.html
File metadata and controls
259 lines (248 loc) · 9.36 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
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
<!-- 列表页 -->
<!-- Edit by Mayunlong -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="renderer" content="webkit" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1" />
<title>青春在线 - 山东理工大学第一门户网站</title>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/bootstrap.min.css" />
<link rel="stylesheet" href="./css/swiper.min.css" />
<link rel="stylesheet" href="./css/main.css" />
<link rel="stylesheet" href="./css/nav.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/article-list.css">
<script src="./js/jquery-3.0.0.min.js"></script>
</head>
<body data-img="false" data-position="false">
<!-- 导航栏 -->
<header class="container-fluid">
<div class="home-top">
<a href="./home.html" id="logo">
<img src="./img/logo.png" alt="logo" class="home-top-logo">
</a>
<div class="home-top-right">
<input type="search" name="search" id="header-search" placeholder="请输入关键词">
<img src="./img/setting-gray.png" alt="扩展" class="home-top-setting">
</div>
</div>
<nav class="home-nav">
<ul class="nav" role="tablist">
<li class="home-nav-item">
<a href="https://www.sdut.edu.cn/">学校首页</a>
</li>
<li class="home-nav-item">
<a href="./single-column-show.html">学工频道</a>
<ul class="nav-down">
<li><a href="">部门介绍</a></li>
<li><a href="">机构设置</a></li>
<li><a href="">学工简报</a></li>
<li><a href="">学工动态</a></li>
</ul>
</li>
<li class="home-nav-item">
<a href="./title-list.html">思政园地</a>
<ul class="nav-down">
</ul>
</li>
<li class="home-nav-item">
<a href="">学生服务</a>
<ul class="nav-down">
<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>
</li>
<li class="home-nav-item">
<a href="">辅导员之家</a>
<ul class="nav-down">
<li><a href="">辅导员风采</a></li>
<li><a href="">导言导语</a></li>
<li><a href="">辅导员博客</a></li>
</ul>
</li>
<li class="home-nav-item">
<a href="./img-list.html">青春栏目</a>
<ul class="nav-down">
<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>
</li>
<li class="home-nav-item">
<a href="">易班</a>
<ul class="nav-down">
</ul>
</li>
<li class="home-nav-item">
<a href="./double-column-show.html">信息公开</a>
<ul class="nav-down">
</ul>
</li>
</ul>
</nav>
</header>
<!-- 主体内容 -->
<section class="main-frame">
<div class="main-container">
<!-- 以下为面包屑导航 -->
<div class="main-nav-container">
<nav class="breadcrumb main-nav">
<a class="breadcrumb-item" href="#">青春在线</a>
<a class="breadcrumb-item" href="#">新闻频道</a>
<a class="breadcrumb-item" href="#">新闻快讯</a>
<span class="active breadcrumb-item">列表</span>
</nav>
</div>
<div class="main-box">
<div class="main-box-tab">
<!-- 两个表头 -->
<div style="width:70%"><span>标题</span></div>
<div style="width:30%"><span>日期</span></div>
</div>
<hr class="main-tab-hr">
<div class="main-list-container">
<!-- 文章的标题 -->
<div class="main-list-left" style="width:70%">
<ul>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
<li><a href="#">疯狂快递盒 多方共治</a></li>
<hr>
</ul>
</div>
<!-- 文章的发布时间 -->
<div class="main-list-right" style="width:30%">
<ul>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
<li>2017-10-03</li>
<hr>
</ul>
</div>
</div>
<!-- BS4 分页栏 -->
<ul class="pagination justify-content-center">
<li class="page-item"><a href="#" class="page-link"><</a></li>
<li class="page-item active"><a href="#" class="page-link">1</a></li>
<li class="page-item"><a href="#" class="page-link">2</a></li>
<li class="page-item"><a href="#" class="page-link">3</a></li>
<li class="page-item"><a href="#" class="page-link">4</a></li>
<li class="page-item"><a href="#" class="page-link">5</a></li>
<li class="page-item"><a href="#" class="page-link">6</a></li>
<li class="page-item"><a href="#" class="page-link">7</a></li>
<li class="page-item"><a href="#" class="page-link">8</a></li>
<li class="page-item"><a href="#" class="page-link">9</a></li>
<li class="page-item"><a href="#" class="page-link">></a></li>
</ul>
</div>
</div>
</section>
<footer>
<ul class="home-footer-info">
<li class="home-footer-aboutSite">
<h5>关于本站</h5>
<ul>
<li class="home-footer-list"><a href="">管理登陆</a></li>
<li class="home-footer-list"><a href="">全站地图</a></li>
<li class="home-footer-list"><a href="">更新日志</a></li>
</ul>
</li>
<li class="home-footer-youthTeam">
<h5>青春团队</h5>
<ul>
<li class="home-footer-list"><a href="">加入我们</a></li>
<li class="home-footer-list"><a href="">关于我们</a></li>
</ul>
</li>
<li class="home-footer-aboutUs">
<h5>关注我们</h5>
<ul>
<li class="home-footer-account">
<img src="img/footer-weibo.png" alt="">
<img src="img/weibo.png" alt="" class="home-footer-weibo-QRcode">
</li>
<li class="home-footer-account">
<img src="img/footer-QQ.png" alt="">
<img src="img/QQzone.png" alt="" class="home-footer-QQ-QRcode">
</li>
<li class="home-footer-account">
<img src="img/footer-wechat.png" alt="">
<img src="img/wechat.png" alt="" class="home-footer-wechat-QRcode">
</li>
</ul>
</li>
<li class="home-footer-logo">
<a href="https://www.sdut.edu.cn/" target="_blank">
<img src="img/school-logo.png" alt="" class="home-footer-logo-school">
</a>
<img src="img/logo.png" alt="" class="home-footer-logo-youth">
</li>
</ul>
<div class="home-footer-friendLink">
<div class="home-footer-friendLink-title">友情链接</div>
<ul class="home-footer-friendLink-list">
<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>
<ul class="home-footer-copyright">
<li>山东省淄博市张店区新村西路266号</li>
<li>山东理工大学学生工作部（处）、武装部</li>
<li>邮编：255000</li>
<li>电话：0533-2786633</li>
<li>邮箱：youth@sdut.edu.cn</li>
</ul>
</footer>
<script src="./js/nav.js"></script>
</body>
</html>