-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
230 lines (218 loc) · 9.84 KB
/
index.html
File metadata and controls
230 lines (218 loc) · 9.84 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="WPS Mail">
<title>WPS Mail</title>
<link rel="stylesheet" type="text/css" href="style/css/wps.css">
<script type="text/javascript" src="javascript/jquery.min.js"></script>
</head>
<body>
<div class="wps_container">
<!-- page 1 -->
<div class="wps_page wps_page_1 wps_page_multiple wps_page-current" page="1">
<!-- nav -->
<div class="wps_nav wps_nav_hidden">
<div class="wps_nav_container">
<div class="wps_nav_box">
<ul class="wps_nav_list">
<li class="wps_nav_item wps_nav_item_logo">
<a href="/" class="wps_nav_link wps_nav_link_logo"><i class="wps_icon wps_icon_logo"></i></a>
</li>
<li class="wps_nav_item wps_nav_item_office"><a href="#" class="wps_nav_link">WPS Office</a></li>
<li class="wps_nav_item wps_nav_item_mail"><a href="#" class="wps_nav_link">WPS邮件</a></li>
<li class="wps_nav_item wps_nav_item_ciba"><a href="#" class="wps_nav_link">词霸</a></li>
<li class="wps_nav_item wps_nav_item_moffice"><a href="#" class="wps_nav_link">Office移动专业版</a></li>
<li class="wps_nav_item wps_nav_item_cop"><a href="#" class="wps_nav_link">合作与服务</a></li>
</ul>
</div>
</div>
</div>
<div class="wps_foreground">
<div class="wps_foreground_bak"></div>
<video id="wps_v" preload="auto" src="res/video/bg.mp4" style="width: 1894px; height: 981px;">
<!-- <source src="res/video/bg.mp4" type='video/mp4'></source> -->
</video>
<!-- 第一页首屏 -->
<div class="wps_foreground_pager wps_foreground_pager_1 wps_foreground_pager_1_hidden">
<div class="wps_page_1_content">
<p class="wps_p wps_p_description">WPS Mail for Windows</p>
<p class="wps_p wps_p_slogen">有信必达</p>
<div class="wps_act"><button class="wps_btn wps_btn_ellipse">立即下载</button></div>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down"></i>
</div>
</div>
<!-- 第一页第二屏 -->
<div class="wps_foreground_pager wps_foreground_pager_2 wps_foreground_pager_2_hidden">
<!-- <div class="wps_foreground_cover"></div> -->
<div class="wps_page_1_content">
<p class="wps_p wps_p_title">这些都是我们给你们的爱</p>
<p class="wps_p wps_p_entry">我们从不认为WPS Mail是一个优秀的邮件收发软件，并且始终认为即使迭代了多个</p>
<p class="wps_p wps_p_entry">版本仍旧不尽如人意。但是我们可以保证，每一个即使看上去「糟糕」的版本</p>
<p class="wps_p wps_p_entry">仍然是我们最用心的作品。</p>
<p class="wps_p wps_p_entry">WPS Mail是一个新鲜的团队，它的每位成员都和我们的产品一样，需要时间成长。</p>
<p class="wps_p wps_p_entry">但是我们坚信，每位成员都会把自己最诚挚的爱投入到每个版本当中，</p>
<p class="wps_p wps_p_entry">也希望每一个使用它的人，都能够感受得到。</p>
<p class="wps_p wps_p_entry">同样，也希望每一个WPS Mail的用户，都能够如春天般美好。</p>
<p class="wps_p wps_p_entry"></p>
<p class="wps_p wps_p_entry">以上都是，来自开发团队勇刚、Surou、Gavin、路人甲、陈龙、吉祥、欢欢和成进</p>
<p class="wps_p wps_p_entry">测试团队静静和作帅，设计师午后桑和产品团队萌萌、加一最美好的祝愿。</p>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down"></i>
</div>
</div>
</div>
</div>
<!-- page 2 -->
<div class="wps_page wps_page_2" page="2">
<div class="wps_foreground">
<div class="wps_page_2_content">
<div class="wps_page_2_content_part1">
<p class="wps_p wps_p_title">为崇尚简单的你设计</p>
<p class="wps_p wps_p_entry">我们不想靠堆砌复杂的功能来显示自己的强大，真正有挑战性的是用简单</p>
<p class="wps_p wps_p_entry">的方法解决复杂的问题。美学的奥秘在于化繁为简，你一定会感到吃惊：</p>
<p class="wps_p wps_p_entry">原来一款桌面邮件客户端也可以这么好看。</p>
</div>
<div class="wps_page_2_content_part2">
<div class="frame">
<div class="cube">
<div class="line line_left"></div>
<div class="line line_bottom"></div>
<div class="line line_right"></div>
<div class="line line_top"></div>
</div>
<div class="wireframe"></div>
<div class="mac">
<div class="macdesk"></div>
</div>
</div>
</div>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down-grey"></i>
</div>
</div>
</div>
<!-- page 3 -->
<div class="wps_page wps_page_3 " page="3">
<div class="wps_foreground">
<div class="wps_page_3_content">
<div class="wps_page_3_content_part1">
<p class="wps_p wps_p_title">最适合桌面系统的</p>
<p class="wps_p wps_p_title wps_p_title-bottom">邮件会话展开方式</p>
<p class="wps_p wps_p_entry">深度邮件用户都知道将同一主题的往来邮件整合成对话列表的重要性</p>
<p class="wps_p wps_p_entry">，我们在设计这个功能时探索了无数种可能的呈现方式，充分考虑视</p>
<p class="wps_p wps_p_entry">觉、交互、屏幕空间等诸多因素的互相影响，最后制定了这套专门为</p>
<p class="wps_p wps_p_entry">桌面电脑显示器和操作方式打造的方案。</p>
</div>
<div class="wps_page_3_content_part2">
<ul class="mail_list">
<li class="mail_item mail_item_1"></li>
<li class="mail_item mail_item_2"></li>
<li class="mail_item mail_item_3"></li>
<li class="mail_item mail_item_4"></li>
</ul>
</div>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down"></i>
</div>
</div>
</div>
<!-- page 4 -->
<div class="wps_page wps_page_4" page="4">
<div class="wps_foreground">
<div class="wps_page_4_content">
<div class="wps_page_4_content_part1">
<p class="wps_p wps_p_title">邮件配置从未如此轻松</p>
<div class="wps_entry_panel">
<p class="wps_p wps_p_entry">大部分时候只要输入邮箱地址和密码就可以一键登录邮箱，不需要进行各种复杂的服</p>
<p class="wps_p wps_p_entry">务器配置。这不是什么神奇的高科技，我们耗费大量时间默默准备了数以万计的常用</p>
<p class="wps_p wps_p_entry">邮件服务器配置数据，只为登陆的时候可以轻松一点</p>
</div>
</div>
<div class="wps_page_4_content_part2">
<ul class="maclist">
<li class="macitem macitem_large"></li>
<li class="macitem macitem_min macitem_min_1"></li>
<li class="macitem macitem_min macitem_min_2"></li>
<li class="macitem macitem_min macitem_min_3"></li>
<li class="macitem macitem_min macitem_min_4"></li>
</ul>
<div class="loading">
<div class="count">0%</div>
<div class="wps_icon wps_icon_checked"></div>
</div>
</div>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down-grey"></i>
</div>
</div>
</div>
<!-- page 5 -->
<div class="wps_page wps_page_5 " page="5">
<div class="wps_background">
<div class="wps_background_drama">
<img class="wps_background_img" src="res/img/bak_page_5.jpg">
</div>
<ul class="camera_list">
<li class="camera_item camera_item_1"></li>
<li class="camera_item camera_item_2"></li>
<li class="camera_item camera_item_3"></li>
<li class="camera_item camera_item_4"></li>
</ul>
</div>
<div class="wps_foreground">
<div class="cover"></div>
<div class="wps_page_4_content">
<div class="content_drama"><img src="res/img/rside.png" alt="竟可以给邮件设头像" class="content_img"></div>
<div class="content_entry">
<p class="wps_p wps_p_title">竟可以给邮件设头像</p>
<p class="wps_p wps_p_entry">为什么其他类型的个人通讯工具都可以随意更改个性化的头像，唯独邮件不</p>
<p class="wps_p wps_p_entry">可以？我们诧异于那么多的邮件客户端厂商对这种明显不合理的现象视若无</p>
<p class="wps_p wps_p_entry">睹。在WPS邮箱里不但可以修改自己的头像，我们还给常见的电商、广告</p>
<p class="wps_p wps_p_entry">邮件自动匹配了合适的头像</p>
</div>
</div>
</div>
<div class="wps_pager_arrow_down">
<i class="wps_icon wps_icon_arrow_down-grey"></i>
</div>
</div>
<!-- page 6 -->
<div class="wps_page wps_page_6" page="6">
<div class="wps_foreground">
<div class="wps_page_6_content">
<div class="wps_page_6_content_part1">
<div class="contentbox">
<p class="wps_p wps_p_title">支持Micsoft<i class="wps_icon wps_icon_msmail"></i>服务器</p>
<p class="wps_p wps_p_hint">使用Microsoft Exchange Web Services协议，</p>
<p class="wps_p wps_p_hint">可以畅通无阻地登录市面上绝大部分版本的Exchang服务器</p>
</div>
</div>
<div class="wps_page_6_content_part2">
<div class="content_part2_left">
<div class="thumb"><i class="wps_icon wps_icon_mail"></i></div>
<div class="entry">
<p class="wps_p wps_p_mid">WPS邮箱 <span>Windows版（Beta）</span></p>
<p class="wps_p wps_p_hint">轻点右侧按钮，下载最新windows版WPS邮箱</p>
</div>
</div>
<div class="content_part2_right"><button class="wps_btn wps_btn_red">下载最新版WPS邮箱</button></div>
</div>
</div>
</div>
<div class="wps_page_6_footer">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="javascript/main.js"></script>
</body>
</html>