-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews-list.html
162 lines (159 loc) · 9.52 KB
/
news-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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>博蓝-新闻列表</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.min.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/swiper.min.css" media="all">
<link rel="stylesheet" type="text/css" href="css/animate.css" media="all">
<link rel="stylesheet" type="text/css" href="css/common.css" media="all">
<link rel="stylesheet" type="text/css" href="css/page.css" media="all">
</head>
<body>
<div class="container bl-container index-container">
<div class="nav-block"></div>
<nav class="navbar navbar-default bl-left-tag navDown">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">博蓝设计</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav pull-right">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于博蓝</a></li>
<li><a href="list.html">博蓝案例</a></li>
<li><a href="server.html">服务流程</a></li>
<li class="active"><a href="news-list.html">新闻观点</a></li>
<li><a href="#">联系我们</a></li>
<li class="phone-li">
<p class="p1">咨询热线</p>
<p class="tel">010-855 83882</p>
<p class="share">
<a href="" class="qq"></a>
<a href="" class="wx"></a>
<a href="" class="sina"></a>
</p>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<!-- /.container-fluid -->
</nav>
<div class="news-list-tab">
<ul class="clearfix list-unstyled">
<li class="active"><a href="">博蓝新闻</a></li>
<li><a href="">博蓝观点</a></li>
<li><a href="">行业动态</a></li>
</ul>
</div>
<div class="news-list">
<ul class="list-unstyled">
<li>
<a href="" class="clearfix">
<img src="images/i-img02.jpg" width="640" height="320" alt="">
<div class="text">
<h3>［观点］中国有色集团-可持续发展报告设计 </h3>
<div class="date"><b>Feb.</b> | <b>02</b></div>
<p class="con">画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚，通过画笔来展现创意通过画笔来展现创意画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚......</p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<img src="images/i-img02.jpg" width="640" height="320" alt="">
<div class="text">
<h3>［观点］中国有色集团-可持续发展报告设计 </h3>
<div class="date"><b>Feb.</b> | <b>02</b></div>
<p class="con">画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚，通过画笔来展现创意通过画笔来展现创意画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚......</p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<img src="images/i-img02.jpg" width="640" height="320" alt="">
<div class="text">
<h3>［观点］中国有色集团-可持续发展报告设计 </h3>
<div class="date"><b>Feb.</b> | <b>02</b></div>
<p class="con">画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚，通过画笔来展现创意通过画笔来展现创意画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚......</p>
</div>
</a>
</li>
<li>
<a href="" class="clearfix">
<img src="images/i-img02.jpg" width="640" height="320" alt="">
<div class="text">
<h3>［观点］中国有色集团-可持续发展报告设计 </h3>
<div class="date"><b>Feb.</b> | <b>02</b></div>
<p class="con">画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚，通过画笔来展现创意通过画笔来展现创意画笔是实现脑海中天马行空的想法的最直接的工具，草图的手绘阶段是创意表达的必不可少的核心阶段之一，让设计师可以脱离软件的束缚......</p>
</div>
</a>
</li>
</ul>
<a href="" class="more more-ani">了解更多</a>
</div>
</div>
<div class="footer">
<div class="footer-wrap">
<div class="footer-content">
<div class="left pull-left">
<h3>博蓝设计<br>智造品牌革新者</h3>
<div class="share">
<a href="" class="qq"></a>
<a href="" class="wx"></a>
<a href="" class="sina"></a>
</div>
</div>
<div class="right pull-right">
<p class="p1"><b>体验从沟通开始<br>让我们聆听您的需求！</b></p>
<p class="tel">010-855 83882 </p>
<p class="links"><a href="">品牌设计</a>+<a href=""> 宣传册设计</a>+<a href="">网站建设</a></p>
<p class="name">博蓝（北京）品牌设计有限公司</p>
<p class="email">info@bobrand.com.cn</p>
<p class="addr">北京市朝阳区高碑店村一区53排2栋</p>
<p class="copy">CopyRight © 2015-2016 Bo Brand Co.Ltd.
<br>All Rights Reserved
<br>京ICP备12049393号</p>
</div>
</div>
</div>
<div class="footer-friends">
<span>北京VI设计公司</span>
<span>北京标志设计</span>
<span>北京LOGO设计</span>
<span>VI设计公司</span>
<span>北京画册设计</span>
<span>北京商标设计</span>
<span>品牌策划</span>
<span>包装设计</span>
<span>展示设计</span>
<span>专卖店设计</span>
<span>广告设计</span>
<span>平面设计</span>
<span>企业形象设计</span>
<span>网站设计</span>
<span>北京网站设计公司</span>
<span>网站建设</span>
<span>导视设计</span>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/page.js"></script>
</body>
</html>