forked from qufei1993/Examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
article_list.html
172 lines (172 loc) · 10.2 KB
/
article_list.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
<!DOCTYPE html>
<html lang="zh-cn">
<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/base.css" rel="stylesheet">
</head>
<body>
<!-- head-top -->
<div class="container-fluid topbar hidden-xs">
<div class="container sm_container">
<div class="col-sm-6 col-md-6 top_bar_fl">欢迎来到<a href="index.html">党员故事坊!</a></div>
<div class="col-sm-6 col-md-6 top_bar_fr text-right"><a href="login.html" class="login_btn">[登录]</a> <a href="register.html" class="login_btn">[注册]</a><span>|</span><a href="#" >设为首页</a><span>|</span><a href="#">加为收藏</a></div>
</div>
</div>
<!-- logo -->
<div class="container-fluid logo_bar">
<div class="container sm_container phone_container">
<div class="logo col-md-5 col-sm-5 col-xs-7">
<a href="index.html" class="logo_img"><img src="images/logo.png"/></a><h1>党员故事坊</h1>
<span class="logo_line hidden-xs"></span>
<span class="city hidden-xs">南昌市<i class="glyphicon glyphicon-map-marker"></i></span>
</div>
<div class="search hidden-xs col-md-4 col-sm-4">
<form class="navbar-form search_form navbar-left" role="search">
<div class="form-group search_div">
<input type="text" class="form-control search_input" placeholder="请输入搜索内容...">
<a href="#" class="sear_btn glyphicon glyphicon-search"></a>
</div>
</form>
</div>
<ul class="hidden-xs nav nav-tabs col-md-3 col-sm-3 col-xs-5" role="tablist">
<li role="presentation" class="dropdown">
<a class="dropdown-toggle nav_a" data-toggle="dropdown" href="#" aria-expanded="false">
<i class="glyphicon glyphicon-book nav_i01 hidden-xs"></i> 信息宣传 <span class="caret"></span>
</a>
<ul class="dropdown-menu nav_ul" role="menu">
<li><a href="#"><i class="glyphicon glyphicon-play"></i>党建动态</a></li>
<li class="divider"></li>
<li><a href="#"><i class="glyphicon glyphicon-play"></i>走进组织</a></li>
<li class="divider"></li>
<li><a href="#"><i class="glyphicon glyphicon-play"></i>党员故事</a></li>
<li class="divider"></li>
<li><a href="#"><i class="glyphicon glyphicon-play"></i>专题展示</a></li>
</ul>
</li>
</ul>
<div class="hidden-lg hidden-md hidden-sm col-xs-5 phone_head_btn">
<button class="btn-nav" id="btn-nav"><i class="glyphicon glyphicon-align-justify"></i></button>
<button class="btn-nav" id="btn-search"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
<div class="l-40 visible-xs"></div>
<!-- 左侧导航开始 -->
<ul class="nav-main" id="iphone-nav">
<h2 class="nav-main-li nav-main-h2"><a href="#">
<img src="images/logo2.png"/>
<span class="nav_span01">党员故事坊</span>
<span class="nav_span02">信息宣传</span>
</a>
</h2>
<li class="nav-main-li"><a href="">首页</a></li>
<li class="nav-main-li"><a href="#">党建动态</a></li>
<li class="nav-main-li"><a href="#">走进组织</a></li>
<li class="nav-main-li"><a href="#">党员故事</a></li>
<li class="nav-main-li"><a href="#">专题展示</a></li>
</ul>
<!-- 左侧导航结束 -->
<!-- 移动端搜索 start -->
<div id="phone-sea-bg" class="search-inp phone-search-inp hidden-lg hidden-md hidden-sm">
<i class="glyphicon glyphicon-remove-sign fa-times-circle" id="phone-close"></i>
<div class="sea-center">
<form class="navbar-form search_form navbar-left" role="search">
<div class="form-group search_div row">
<div class="col-xs-10">
<input type="text" class="form-control search_input01" placeholder="请输入..."></div>
<div class="col-xs-2">
<input type="submit" name="btn" class="search_submit01" value="搜索"></div>
</div>
</form>
<i class="fa fa-search fa-1x"></i>
</div>
</div>
<!-- 移动端搜索 end -->
<div class="list_container row">
<ul class="list_nav_title hidden-xs col-lg-3 col-md-3 col-sm-3">
<li class="active"><span class="sj"></span><a href="#"><i class="glyphicon glyphicon-bookmark"><br/><br/>党建动态</i></a></li>
<li><a href="#"><i class="glyphicon glyphicon-bookmark"><br/><br/>走进组织</i></a></li>
<li><a href="#"><i class="glyphicon glyphicon-bookmark"><br/><br/>党员故事</i></a></li>
<li><a href="#"><i class="glyphicon glyphicon-bookmark"><br/><br/>专题展示</i></a></li>
</ul>
<div class="list_title video_item col-lg-9 col-md-9 col-sm-9">
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
<div class="list_item">
<a href="article_article.html" target="_blank" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<small>发布日期: </small><span>2016-03-24</span>
<small class="hidden-xs">栏目: </small><span class="hidden-xs">党建动态</span>
<small>发布者: </small><span class="simsun">南昌市政府</span>
<small class="hidden-xs">浏览次数: </small><span class="simsun hidden-xs">36</span>
</div>
</div>
</div>
<div class="footer">
<span class="hidden-xs">建议使用：IE8及以上浏览器 邮编：450007</span><small>主办单位: 中共***街道党委会</small>
<p class="hidden-xs">版权所有: 南昌***科技有限公司 豫ICP备05012610号</p>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/base.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>