forked from accr/koudai
-
Notifications
You must be signed in to change notification settings - Fork 0
/
join.html
299 lines (294 loc) · 16.3 KB
/
join.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
<meta name="description" content="香港旅游购物第一资讯平台">
<meta name="keywords" content="口袋香港,香港购物,折扣,旅游,美食,攻略">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" href="images/icon/favicon.png">
<title>加入我们 - 口袋香港</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/join.css">
</head>
<body>
<!-- 1 -->
<header>
<div class="container">
<div class="hd">
<div class="logo">
<a href="index.html">
<img src="images/home/LOGO.png" title="口袋香港,香港购物,折扣,旅游,美食,攻略">
</a>
</div>
<div id="nav_wrapper">
<div id="nav_menu">
<a id="nav_home" href="index.html">首页</a>
<a class="nav_select" href="company.html">公司介绍</a>
<a class="nav_select" href="product.html">产品展示</a>
<a class="nav_select" href="cooperation.html">商务合作</a>
<a id="current_nav"" href="join.html">加入我们</a>
<a class="nav_select" href="contact.html">联系我们</a>
</div>
<div id="nav_animate_block"></div>
</div>
</div>
</div>
</header>
<!-- 2 -->
<section>
<div class="who">
<h2>WHO</h2>
<h3>口袋香港是谁</h3>
<div class="who-border"></div>
<div class="who-container">
<div class="who-container-1">
<span>香港旅游购物第一大互联网公司，<br>
特约小记遍布全港九。</span>
<img src="images/join/1.png">
</div>
<div class="who-container-2">
<img src="images/join/2.png">
<span>口袋香港日日爆料香港最新鲜、最<br>
有用的优惠资讯和好玩事儿，内容<br>
涵盖香港旅行、购物、各类独特产<br>
品、人文、生活方式等领域。</span>
</div>
<div class="who-container-3">
<span>想不想加入香港旅游最有影响力的<br>
互联网团队？要不要跟上百万的粉<br>
丝互动？敢不敢和我们一起玩转新<br>
媒体和互联网？只要是人才，我们<br>
都不会放过你！</span>
<img src="images/join/3.png">
</div>
</div>
</div>
</section>
<!-- 3 -->
<section>
<div class="reason">
<h2>REASON</h2>
<h3>选择我们的四大理由</h3>
<div class="reason-border"></div>
<div class="reason-container">
<div class="reason-left-1">
<img src="images/join/left-1.png">
<span>作为香港最具影响力的互联网公司之<br>
一，在这里，会得到全方位的锻炼，<br>
和广阔的发展空间！</span>
<div class="reason-right-1">
<img src="images/join/right-2.png">
<span>精英小团队，人际关系简单融洽，工<br>
作氛围轻松欢乐！在这里，你的意见<br>
和想法从来不会找不到表达机会！</span>
</div>
</div>
<div class="reason-middle">
<span>香港最受欢迎的应用<br>
每天近百万人在使用！</span>
</div>
<div class="reason-left-2">
<img src="images/join/left-2.png">
<span>美食美果不可少，还能近距离参<br>
与“各种高大上线上直播”！</span>
<div class="reason-right-2">
<img src="images/join/right-2.png">
<span>工作表现特别优异者有股权激励！</span>
</div>
</div>
</div>
</div>
</section>
<!-- 4 -->
<section>
<div class="recruitment">
<h2>RECRUITMENT</h2>
<h3>招聘岗位</h3>
<div class="recruitment-border"></div>
<div class="recruitment-container">
<div class="recruitment-list-1">
<h4>岗位1：市场策划助理</h4>
<span>工作地点：广州<br>
创作、脑洞够大、市场触觉,三大能力兼具的你，赶紧和我们一起投身互联网创业最前沿吧！</span>
<p>职责</p>
<span>1. 根据公司的营销战略参与制订营销组合策略和营销计划，并实施落地执行<br>
2. 粉丝社群运营，人物采访与直播；<br>
3. 参与公司部分项目管理与运营工作。</span>
<p>要求</p>
<span>1. 有高度市场嗅觉，平时喜欢泡网络社区、论坛、微博、微信等线上媒介<br>
2. 有极高的审美能力和丰富的知识量，对潮流有独特的认知与领悟，能够精准拿捏逼格与读者喜好的平衡；<br>
3.优秀的沟通表达能力，良好的团队合作能力，极强的责任感。</span>
<p>加分项</p>
<span>移动互联网重度用户，有传统媒体或新媒体运营经验者；<br>
项目管理小能手、PPT、Excel达人；<br>
具有一定的图片、视频编辑能力，会Photoshop；<br>
新闻、传媒、旅游、设计等相关专业；<br>
热爱海外事物，尤其对香港有深入了解的童鞋；<br>
爱生活、爱旅行、爱美食、段子手。</span>
</div>
<div class="recruitment-list-2">
<h4>岗位2：新媒体实习生</h4>
<span>工作地点：广州/香港<br>
如果你爱写稿爱运营，那就赶快开启快乐的带薪实习生活吧！如表现突出，这个岗位可转正的哦～</span>
<p>职责</p>
<span>1. 原创文章撰写、内容编辑、素材搜集；<br>
2. 部分图片、视频材料的制作与编辑，参与社群运营与直播。</span>
<p>要求</p>
<span>1. 对新媒体、原创内容有着持之以恒的热爱，具有一流的文字组织和图文排版能力，能呈现出令人眼前一亮的文案；<br>
2. 做事认真负责，热衷于学习新事物。<br>
3. 优秀的写作能力和新闻敏感度，较高的审美能力，能高效产出高质量文案作品；</span>
<p>加分项</p>
<span>新闻、传媒、设计等相关专业优先；<br>
掌握图片、视频编辑能力者（例如PhotoShop）；<br>
爱生活、爱旅行、爱美食、段子手。<br>
在香港读书的内地学生或在内地读书的香港学生。</span>
</div>
<div class="recruitment-list-3">
<h4>岗位3：Android安卓工程师</h4>
<span>工作地点：广州</span>
<p>职责</p>
<span>1、负责Android等平台手机上产品应用程序设计、开发、移植及扩展；<br>
2、负责Android app等智能终端领域的应用开发和技术支持；<br>
3、独立完成Android等平台软件开发、验证和修正测试中发现的问题；<br>
4、跟进Android的新技术发展，规范化编写设计开发及实现文档；</span>
<p>要求</p>
<span>1、熟悉Java编程、熟悉Android SDK；<br>
2、熟悉数据库编程<br>
3、熟悉面向对象思想，精通编程，调试,性能优化和相关技术.<br>
4、1年以上项目开发经验，有Android实际商业项目开发经验者优先.<br>
5、熟悉Android网络通信机制，有Android网络编程经验优先.<br>
6、能承受一定的工作压力，具有强烈的自主学习能力和意愿，对Android技术专研和应用具有激情.<br>
7、具备需求分析和系统设计能力，以及较强的逻辑分析和独立解决问题能力<br>
8、热爱移动互联网，对应用，技术创新有极大的热情。</span>
</div>
<div class="recruitment-list-4">
<h4>岗位4：前端工程师</h4>
<span>工作地点：广州</span>
<p>职责</p>
<span>1、熟练运用SpringMvc、myBatis、Hibernate等开源技术框架，精通RESTFul接口设计和实现；<br>
2、熟练掌握css、javascript、jquery等web前端技术；<br>
3、有良好的SQL设计编写能力，熟悉MySQL、SQL Server等常用数据库；<br>
4、精通apache、tomcat等服务器的安装配置及优化，精通Linux平台下的环境安装部署、性能优化；<br>
5、具备需求分析和系统设计能力，以及较强的逻辑分析和独立解决问题能力，具有良好的编程及开发能力、撰写技术文档能力；<br>
6、良好的沟通能力，责任心强，具备良好的团队合作精神和抗压能力。</span>
<p>要求</p>
<span>1、学历要求：本科以上。<br>
2、工作经验： 1—3年工作经验。<br>
3、沟通能力：具备主动思考，解决问题能力，有耐心，善于沟通。<br>
4、其他要求：能承受工作压力，乐观向上，思维敏捷，有团队合作精神。</span>
</div>
<div class="statement">
<span>假如你就是我们要找的人<br>
把你的简历（+求职信+作品）砸过来，<br>
邮件标题“姓名+所读学校+申请职位”！</span>
<span>这里有一群互联网实干者，我们的团队小而精，实现快捷高效的扁平化管理。我们希望给予每位成员迅速成长的机会，<br>
挖掘你的创造力来 完成项目并最终创造价值，并与你们分享我们的成果。我们没有IFC那样的写字楼，但我们有无限的<br>
激情和能量，我们每个人都身兼多职，每个人都是全能王，在 快速成长的同时，我们渴望更优秀的人加入，跟有能力的<br>
人一起将一起经历这个中国互联网崛起的时代。</span>
<span>邮箱：iris@koudaihk.com<br>
只有那些打动人心的候选人才能得到回复哦~</span>
</div>
</div>
</div>
</section>
<!-- 5 -->
<footer>
<div class="footer-container">
<div class="footer-about">
<h2>关于</h2>
<ul>
<li><a href="company.html">公司介绍</a></li>
<li><a href="product.html">产品介绍</a></li>
<li><a href="cooperation.html">商务合作</a></li>
<li><a href="join.html">加入我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="footer-download">
<h2>下载</h2>
<ul>
<li>
<img src="images/footer/apple.png">
<a class="ios-download" href="https://itunes.apple.com/cn/app/id882132634?mt=8" target="_blank">iPhone下载</a>
</li>
<li>
<img src="images/footer/android.png">
<a class="android-download" href="http://sj.qq.com/myapp/detail.htm?apkName=com.didaohk" target="_blank">Andorid下载</a>
</li>
</ul>
</div>
<div class="footer-contact">
<h2>联系</h2>
<ul>
<li class="weixin">
<img src="images/footer/weixin.png">
<span>koudaihk</span>
</li>
<li class="weibo">
<img src="images/footer/weibo.png">
<a href="http://weibo.com/koudaihk" target="_blank">weibo.com/koudaihk</a>
</li>
<li class="email">
<img src="images/footer/email.png">
<a class="email-position" href="">info@koudaihk.com</a>
</li>
</ul>
</div>
<div class="copyright">
<p>广州黑莓信息科技有限公司</p>
<p>Copyrights(C)2014-2015 粤IPC备15008828号-2</p>
</div>
</div>
</footer>
<!-- JavaScript -->
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function() {
var $current_nav = $("#current_nav"); //current元素（当前所在导航项)
var current_nav_width = 88;
var current_nav_left = 514;
var $nav_animate_block = $("#nav_animate_block"); //动画滑块
$nav_animate_block.css({width: 88, left: 514}); //初始状态下，动画滑块位置在current元素
// 鼠标进入a元素时触发动画事件
$("#nav_menu .nav_select").hover(function () {
var index = $(this).index();
var $a_cur = $("#nav_menu").find("a").eq(index);//鼠标移动到的a元素
// 利用触发的a元素索引获取其left位置和它的宽度
var width = 88;
var left = $a_cur.position().left + 21;
$current_nav.css({color: "rgb(255,255,255)", font: "PingFang Regular"});
//设置动画滑块位置
$nav_animate_block.stop().animate({
width: width,
left: left
}, 300)
}, function () {
//鼠标离开a元素时，动画滑块返回current元素位置
$nav_animate_block.stop().animate({
width: current_nav_width,
left: current_nav_left
})
$current_nav.css({color: "rgb(255,120,0)", font: "PingFang Regular"});
})
$("#nav_menu #nav_home").hover(function () {
var index = $(this).index();
var $a_cur = $("#nav_menu").find("a").eq(index);
var width = 88;
var left = $a_cur.position().left+3;
$current_nav.css({color: "rgb(255,255,255)", font: "PingFang Regular"});
$nav_animate_block.stop().animate({
width: width,
left: left
}, 300)
}, function () {
$nav_animate_block.stop().animate({
width: current_nav_width,
left: current_nav_left
})
$current_nav.css({color: "rgb(255,120,0)", font: "PingFang Regular"});
})
});
</script>
</body>
</html>