forked from qufei1993/Examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
video_article.html
125 lines (124 loc) · 6.08 KB
/
video_article.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
<!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 article video_article">
<div class="list_title">
<div class="list_item">
<a href="" target="_blank" class="title" title="">南昌市人民政府关于废止部分政府规章的决定</a>
<div class="info">
<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="content">
<video src="video/1.mp4" controls="controls" preload="auto" autoplay="autoplay">
</video>
</div>
<div class="attachment">
<p>附件</p>
<ul>
<li>
<a href="#" target="_blank">郑州市政务服务网在线办事操作指南.doc</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<span class="hidden-xs">建议使用：IE8及以上浏览器 邮编：450007</span><small>主办单位: 中共***街道党委会</small>
<p class="hidden-xs">版权所有: 南昌***科技有限公司 豫ICP备05012610号</p>
</div>
<script src="js/base.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<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>