-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnew_file.html
More file actions
235 lines (227 loc) · 8.54 KB
/
new_file.html
File metadata and controls
235 lines (227 loc) · 8.54 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>易企签官网</title>
<link rel="stylesheet" href="css/new_file.css" type="text/css"/>
</head>
<body>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：整合整个页面，设置宽度以及页面宽度，将整个页面分为三个部分顶部，中间和底部
-->
<div id="wrapper">
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：顶部,logo图片和易企签的介绍链接
-->
<div id="header">
<img src="image/logo.jpg" />
<span class="H_reset">2.0版本更新了，立即升级你的服务吧！</span>
<a class="H_instruct" href="#"> 关于易企签</a>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：中间内容板块，介绍易企签
-->
<div id="content">
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块一，设置下载软件、登陆试用框,如已有账号则转到登录页面
-->
<div class="c1">
<div class="c1_txt">
<h1 class="c1_head">易企签</h1>
<h2 class="c1_head_ins">安全、快捷、好用的随时随地签约系统</h2>
<div class="download_btn">立即下载</div>
<div class="download_btn">免费试用</div>
<p class="c1_link">已有账号></p>
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块二，易企签详细介绍；使用三个div用table进行排版，将三张图片和文字介绍加入div中
-->
<div class="c2">
<h2 class="head_styfirst">易企签给企业带来的价值</h2>
<h3 class="head-ins_first">易企签专注提供安全高效的电子签字，为您做好数字化业务流程管理。</h3>
<table><tr>
<td>
<div class="pic-box">
<img src="image/left-first.png" />
</div>
<h5 class="subtitle">-管理人员-</h5>
<div class="subtitle-illus">办公何须拘泥于场所，随时随地，实现安全签署。
</div>
</td>
<td>
<div class="pic-box">
<img src="image/left-second.png" /></div>
<h5 class="subtitle">-业务员-</h5>
<div class="subtitle-illus">快速将签署意向转化为合同签订，无需打印，只需要带上手机或平板即可实现合同签署。
</div>
</td>
<td>
<div class="pic-box">
<img src="image/left-third.png" /></div>
<h5 class="subtitle">-员工或个人-</h5>
<div class="subtitle-illus">易企签减少出行成本，随时随地签署协议。
</div>
</td>
</tr>
</table>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块三，合同在线管理；图片作为div的背景图对在线签进行形象化展示
-->
<div class="c3">
<h2 class="head_stysecond">合同在线管理</h2>
<h3 class="head-ins_second">只需一个账号，减少异地合同签署成本，随时跟踪合同签署状态。</h3>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块四，拍照签；文字加div，在div里面放图片展示拍照签
-->
<div class="c4">
<h2 class="head_styfirst">拍照签</h2>
<h3 class="head-ins_first">还原真实书写笔记，只需拍你所签。</h3>
<div class="c4-pic-box">
<img src="image/four.png" />
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块五，跨屏签名；多终端同步也是采用文字标题加图片展示的方式
-->
<div class="c5">
<h2 class="head_stysecond">跨屏签名</h2>
<h3 class="head-ins_second">多屏幕互动，签章不受“线”制，手机签字，电脑同步签署效果。</h3>
<div class="c5-pic-box">
<img src="image/five.png"/>
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块六，用户案例；案例的描述采用ul li排列，每个li标签里面存放一个div，再在div里面存放图片加文字描述
-->
<div class="c6">
<h2 class="head_styfirst">用户案例</h2>
<div id="example">
<div class="ex-box">
<div class="ex-pic">
<img src="image/haier.jpg"/>
</div>
<div class="ex-txt">
<h5>海尔电子合同案例</h5>
<p>电子化解决方案，实现了海尔中国区终端共享平台全程无纸化，分公司/经销商登录系统后，填写并确认合同协议，点击发送即可实现版式合同生成。电子签章生成具备与纸质文档具备同等法律效益。</p>
</div>
</div>
<div class="ex-box">
<div class="ex-txt">
<h5>普惠经融业务数字化</h5>
<p>实现移动化办公，面对面签章，依靠电子签名技术，改造过时的纸质文档业务流程，构建快速、简单、方便、安全、成本更低的企业数字化业务管理平台。</p>
</div>
<div class="ex-pic">
<img src="image/puhui.jpg" />
</div>
</div>
<div class="ex-box">
<div class="ex-pic">
<img src="image/intelligence service.jpg" />
</div>
<div class="ex-txt">
<h5>绵阳市智慧政务案例</h5>
<p>智慧政务，方便公民，无需出行，任意时间任意地点，签署无需排队。消除纸张处理成本、提升业务处理效率、降低法律风险、加快政务智慧化进程。</p>
</div>
</div>
<div class="ex-box">
<div class="ex-txt">
<h5>绵阳市中心医院医疗数字化</h5>
<p>实现全流程数字化管理病例报告单，降低纸质打印签章的成本，实现电子处方全程数字化管理，提升业务处理效率，集成简单，独立应用。</p>
</div>
<div class="ex-pic">
<img src="image/hospital.jpg" />
</div>
</div>
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块七，安全保障；用ul li进行排版，内容为图片加文字
-->
<div class="c7">
<h2 class="head_styfirst">安全保障</h2>
<div class="c7-mainbox">
<div class="c7-subbox">
<img src="image/digital.png" />
<h5>国家级数字认证</h5>
<hr />
<p>上海数字认证受理中心可信授权，保障安全</p>
</div>
<div class="c7-subbox">
<img src="image/legel protection.png" />
<h5>法律保障</h5>
<hr />
<p>电子合同签署《电子签名法》保驾护航</p>
</div>
<div class="c7-subbox">
<img src="image/storage.png" />
<h5>安全存储</h5>
<hr />
<p>实时存证让在线签约更放心电子合同更可信</p>
</div>
<div class="c7-subbox">
<img src="image/more.png" />
<h5>更多安全技术</h5>
<hr />
<p>身份信息认证、文档完整性检验、数字签名加密、签名时间源可靠、签名日志记录</p>
</div>
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：模块八，公司简介以及外部链接；分为三个列，每列中有标题和其他链接
-->
<div class="c8">
<h2 class="head_stysecond">思安特——最专业的电子签章解决方案服务商</h2>
<div class="c8-mainbox">
<div class="c8-subbox-link">
<h5>联系我们</h5>
<p><a>服务条款</a></p>
<p><a>400-168-1111</a></p>
<p><a>service@sing.cn</a></p>
</div>
<div class="c8-subbox-link">
<h5>友情链接</h5>
<p><a>推事本</a> <a>坚果云</a></p>
<p><a>内行网</a> <a>四川CA</a></p>
<p><a>天天投</a> <a>山东CA</a></p>
</div>
<div class="c8-subbox-link">
<h5>扫码关注</h5>
<img src="image/qr code.jpg" />
</div>
</div>
</div>
</div>
<!--
作者：836948415@qq.com
时间：2016-05-14
描述：底部，备案编号
-->
<div id="footer">蜀ICP备140233337号</div>
</div>
</body>
</html>