-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.htm
151 lines (150 loc) · 8.88 KB
/
index.htm
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Perpetual Homepage</title>
<link rel="stylesheet" href="/assets/lib/bootstrap-3.1.1-dist/css/bootstrap.min.css">
<link href="/assets/perpetual/css/perpetual.css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="/assets/css/bootstrap-ie7.css" rel="stylesheet">
<![endif]-->
<!--[if lt IE 9]>
<script src="/assets/js/html5.js"></script>
<![endif]-->
<script src="/assets/lib/jquery/jquery-1.11.0.min.js"></script>
</head>
<body>
<header id="header">
<div class="container clearfix">
<div class="logo pull-left"> <a href="#" title="博柏特科技"><img src="/assets/perpetual/images/logo-perpetual-transparent.png" width="170" alt="博柏特科技"></a>
</div>
<div class="nav-bar pull-right">
<ul class="nav nav-pills">
<li><a href="#index"><span class="glyphicon glyphicon-home"></span> 主页</a></li>
<li><a href="#service"><span class="glyphicon glyphicon-heart"></span> 服务</a></li>
<li><a href="#case"><span class="glyphicon glyphicon-th-list"></span> 案例</a></li>
<li><a href="#customer"><span class="glyphicon glyphicon-user"></span> 客户</a></li>
<li><a href="#about"><span class="glyphicon glyphicon-cloud"></span> 关于我们</a></li>
</ul>
</div>
</div>
</header>
<div class="focus-banner">
<div class="jumbotron container">
<h2>海纳百川，有容乃大。</h2>
<p>给我一个支点，我们可以撬起地球。</p>
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>
</div>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">服务 <small>Service</small></h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZWVlIj48L3JlY3Q+PHRleHQgdGV4dC1hbmNob3I9Im1pZGRsZSIgeD0iMzIiIHk9IjMyIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjEycHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NjR4NjQ8L3RleHQ+PC9zdmc+" style="width: 150px; height: 150px;">
</a>
<div class="media-body">
<h4 class="media-heading"><a href="#">高管驾驶舱</a></h4>
高管驾驶舱介绍
</div>
</div>
</div>
<div class="col-md-6">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZWVlIj48L3JlY3Q+PHRleHQgdGV4dC1hbmNob3I9Im1pZGRsZSIgeD0iMzIiIHk9IjMyIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjEycHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NjR4NjQ8L3RleHQ+PC9zdmc+" style="width: 150px; height: 150px;">
</a>
<div class="media-body">
<h4 class="media-heading"><a href="#">技术档案管理系统</a></h4>
高管驾驶舱介绍
</div>
</div>
</div>
<div class="col-md-12"><hr></div>
<div class="col-md-6">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZWVlIj48L3JlY3Q+PHRleHQgdGV4dC1hbmNob3I9Im1pZGRsZSIgeD0iMzIiIHk9IjMyIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjEycHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NjR4NjQ8L3RleHQ+PC9zdmc+" style="width: 150px; height: 150px;">
</a>
<div class="media-body">
<h4 class="media-heading"><a href="#">企业绩效考核管理系统</a></h4>
高管驾驶舱介绍
</div>
</div>
</div>
<div class="col-md-6">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZWVlIj48L3JlY3Q+PHRleHQgdGV4dC1hbmNob3I9Im1pZGRsZSIgeD0iMzIiIHk9IjMyIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjEycHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NjR4NjQ8L3RleHQ+PC9zdmc+" style="width: 150px; height: 150px;">
</a>
<div class="media-body">
<h4 class="media-heading"><a href="#">企业应用网盘</a></h4>
高管驾驶舱介绍
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-header">
<h3 class="panel-title">客户 & 合作伙伴 <small>Customer & Partner</small></h3>
</div>
<div class="row customer">
<div class="col-md-6">
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="/assets/perpetual/images/icon-petrochina.jpg" style="width: 64px; height: 64px;">
</a>
<div class="media-body">
<h4 class="media-heading">中石油大庆油田</h4>
中国石油天然气集团公司是以油气业务､工程技术服务､石油工程建设､石油装备制造､金融服务､新能源开发等为主营业务的综合性国际能源公司｡
</div>
</li>
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="/assets/perpetual/images/icon-ibm.jpg" style="width: 64px; height: 64px;">
</a>
<div class="media-body">
<h4 class="media-heading">IBM</h4>
IBM 在新中国的发展之旅起始于 1979年。作为全球信息产业的领袖企业,IBM 在中国改革开放的每一个阶段都以前瞻的思想、创新的技术、深刻的商业理解和诚信的服务积极地支持了中国各行各业的飞速成长。
</div>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="/assets/perpetual/images/icon-sap.jpg" style="width: 64px; height: 64px;">
</a>
<div class="media-body">
<h4 class="media-heading">SAP</h4>
SAP 软件与解决方案。全球领先的企业商务应用、IT 服务、商务分析、云、移动商务和数据库技术提供商。
</div>
</li>
</ul>
</div>
</div>
</div>
<footer id="footer">
<div class="container clearfix">
<div class="copyright pull-left">Copyright © 2012-2014 by Perpetual Inc. <br> 博柏特科技（北京）有限公司 <a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备12046634号-1</a></div>
<div class="menu pull-right">
<ul class="list-inline">
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">企业文化</a></li>
<li><a href="#">公司动态</a></li>
</ul>
</div>
<div class="sns pull-right"></div>
</div>
</footer>
</body>
</html>