-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
384 lines (379 loc) · 17.3 KB
/
index.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
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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>LeanDoc++</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-target=".navbar-collapse">
<!-- start navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="row">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand">
<!--<h3>LeanDoc++</h3>-->
<img src="images/Logo_leandoc_noword.png" style="width: 55px">
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="smoothScroll">LeanDoc++</a></li>
<li><a href="#about" class="smoothScroll">功能介绍</a></li>
<li><a href="#workstep" class="smoothScroll">开发流程</a></li>
<li><a href="#service" class="smoothScroll">文档模板</a></li>
<li><a href="#contact" class="smoothScroll">联系方式</a></li>
<li><a href="http://10.42.43.191:8080/LeanDoc/#/login" class="smoothScroll">立刻使用</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- end navigation -->
<!-- start home -->
<section id="home" class="text-center">
<div class="templatemo_headerimage">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/1.jpg" alt="Slide 1">
<div class="slider-caption">
<div class="templatemo_homewrapper">
<h1 class="wow fadeInDown" data-wow-delay="2000">业界领先的文档开发平台</h1>
<h2 class="wow fadeInDown" data-wow-delay="2000">
<span class="rotate">文档,从未如此简单</span>
</h2>
<p>集开发、校验、审核、发布、管理于一体</p>
<a href="#workstep" class="smoothScroll btn btn-default wow fadeInDown"
data-wow-delay="2000">Our
Work</a>
</div>
</div>
</li>
<!--<li>-->
<!--<img src="images/slider/2.jpg" alt="Slide 2">-->
<!--<div class="slider-caption">-->
<!--<div class="templatemo_homewrapper">-->
<!--<h1 class="wow fadeInDown" data-wow-delay="2000">业界领先的文档开发平台</h1>-->
<!--<h2 class="wow fadeInDown" data-wow-delay="2000">-->
<!--<span class="rotate">集开发,校验,审核,发布,管理于一体</span>-->
<!--</h2>-->
<!--<p>see caniuse.com for browser compatibility information</p>-->
<!--<a href="#about" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">See-->
<!--about us</a>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
<li>
<img src="images/slider/3.jpg" alt="Slide 3">
<div class="slider-caption">
<div class="templatemo_homewrapper">
<h1 class="wow fadeInDown" data-wow-delay="2000">海量文档模板</h1>
<h2 class="wow fadeInDown" data-wow-delay="2000">
<span class="rotate">随时随地,享受文档开发的乐趣</span>
</h2>
<p>内置各类文档模板、模板可个性化定制</p>
<a href="#service" class="smoothScroll btn btn-default wow fadeInDown"
data-wow-delay="2000">Our Services</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- end home -->
<!-- start about -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/LeanDoc.jpg">
</div>
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>什么是LeanDoc++</h2>
<h3>专业的文档集成开发平台</h3>
<p>从文档任务立项至开发、自检、评审、修订，再到多格式发布，全流程为开发者提供服务。</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>简单易上手</h2>
<h3>无需安装，点击即用</h3>
<p>零等待、零配置、零投入的即用体验，让开发者事半功倍</p>
</div>
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/简单易上手.png">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/结构化写作.png">
</div>
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>结构化写作</h2>
<h3>基于XML的结构化写作</h3>
<p>底层存储基于XML结构，屏蔽复杂的样式标签，使开发者专注于文档内容</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>所见即所得</h2>
<h3>比Word更专业的可视化编辑</h3>
<p>开发者在视图中所看到的文档与该文档的最终输出产品具有相同的样式。</p>
</div>
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/所见即所得.png">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/协作开发.png">
</div>
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>协作开发</h2>
<h3>文档、任务、沟通合一</h3>
<p>沉淀集体智慧，分享知识，降低沟通成本，显著提升团队协作效率。</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>支持离线编辑</h2>
<h3>在线/离线，一键切换</h3>
<p>导入文档，可在线编辑；导出文档，可二次开发。开发者任选开发模式。</p>
</div>
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/支持离线编辑.png">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
<img src="images/introduction/智慧文档.png">
</div>
<div class="col-sm-6 col-md-7 wow fadeInLeft intro_border" data-wow-delay="2000">
<h2>智慧文档</h2>
<h3>智能校验，动态发布</h3>
<p>平台提供对文档写作规范的智能化校验，可提前发现文档缺陷，保障开发质量；支持PDF、HTML、文档包等多格式发布，按需交付。</p>
</div>
</div>
</div>
</section>
<!-- end about -->
<!-- start team -->
<section id="team" class="text-center">
<div class="container">
<div class="row">
<p style="font-size: 44px;font-weight: 500;line-height: 60px;margin: 70px 0;">随时随地<br>享受文档开发的乐趣</p>
</div>
</div>
</section>
<!-- end team -->
<!-- start workstep -->
<section id="workstep">
<div class="container">
<div class="row">
<div class="text-center col-md-12 wow fadeInDown" data-wow-delay="2000">
<h3>文档开发流程</h3>
</div>
<div class="">
<img src="images/workstep.PNG">
</div>
</div>
</div>
</section>
<!-- end workstep -->
<!-- start service -->
<section id="service">
<div class="container">
<div class="row">
<div class="text-center col-md-12 wow fadeInDown" data-wow-delay="2000">
<h3>海量文档模板</h3>
</div>
<div class="col-md-2"></div>
<div class="col-md-8 text-center">
<p>内置各类文档模板、模板可个性化定制</p>
</div>
<div class="col-md-2"></div>
<div class="col-sm-6 col-md-4 wow fadeInLeft" data-wow-delay="2000">
<div class="media">
<i class="fa fa-cog pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">安全预防类</h4>
<img src="images/service/安全预防类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInDown" data-wow-delay="2000">
<div class="media">
<i class="fa fa-globe pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">描述类</h4>
<img src="images/service/描述类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
<div class="media">
<i class="fa fa-desktop pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">安装调测类</h4>
<img src="images/service/安装调测类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInLeft" data-wow-delay="2000">
<div class="media">
<i class="fa fa-heart pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">操作维护类</h4>
<img src="images/service/操作维护类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInDown" data-wow-delay="2000">
<div class="media">
<i class="fa fa-laptop pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">故障管理类</h4>
<img src="images/service/故障管理类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
<div class="media">
<i class="fa fa-envelope pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">参考类</h4>
<img src="images/service/参考类.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
<div class="media">
<i class="fa fa-gears pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">其他类型</h4>
<img src="images/service/其他类型.jpg">
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
<div class="media">
<i class="fa fa-cloud pull-left media-object"></i>
<div class="media-body">
<h4 class="media-heading">个性化定制</h4>
<img src="images/service/个性化定制.jpg">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end service -->
<!-- start contact -->
<section id="contact" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
<h3>联系我们</h3>
</div>
<div class="col-md-2"></div>
<div class="col-md-8">
<p>无论你有什么问题，都可与我们取得联系， 我们将在第一时间为你解答</p>
</div>
<div class="col-md-2"></div>
<div class="col-md-3"></div>
<div class="col-md-3">
<a href="mailto:doc@zte.com.cn" target="_blank">
<img src="images/email-icon.png">
</a>
<p style="padding: 20px 0 0 0;">邮箱</p>
<p style="padding: 0px;">610249080@qq.com</p>
</div>
<div class="col-md-3">
<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MjM5MTQ0MTQ2Mg==&scene=124#wechat_redirect">
<img src="images/wechat-icon.png">
</a>
<p style="padding: 20px 0 0 0;">公众号</p>
<p style="padding: 0px;">gentlecoder</p>
</div>
<div class="col-md-3"></div>
<!--<form action="#" method="post">-->
<!--<div class="col-md-4 wow fadeInLeft" data-wow-delay="2000">-->
<!--<input type="text" placeholder="Name" class="form-control">-->
<!--</div>-->
<!--<div class="col-md-4 wow fadeInDown" data-wow-delay="2000">-->
<!--<input type="email" placeholder="Email" class="form-control" required>-->
<!--</div>-->
<!--<div class="col-md-4 wow fadeInRight" data-wow-delay="2000">-->
<!--<input type="text" placeholder="Subject" class="form-control">-->
<!--</div>-->
<!--<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">-->
<!--<textarea placeholder="Message" class="form-control"></textarea>-->
<!--</div>-->
<!--<div class="col-md-3"></div>-->
<!--<div class="col-md-6 wow fadeInUp" data-wow-delay="2000">-->
<!--<input type="submit" value="SHOOT MESSAGE" class="form-control">-->
<!--</div>-->
<!--<div class="col-md-3"></div>-->
<!--</form>-->
</div>
</div>
<!--<div class="google_map">-->
<!--<div id="map-canvas"></div>-->
<!--</div>-->
<footer class="container">
<div class="col-md-12 wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.4s">
<span>
Copyright © 2017 gentlecoder
</span>
<ul class="social_icon">
<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-apple"></a></li>
<li><a href="#" class="fa fa-pinterest"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-wordpress"></a></li>
</ul>
</div>
</footer>
</section>
<!-- end contact -->
<!-- start javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.simple-text-rotator.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/templatemo-script.js"></script>
<!-- end javascript -->
</body>
</html>