-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
594 lines (589 loc) · 24.5 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
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Facto - 全面的数字解决方案提供商</title>
<meta name="description" content="全面的数字解决方案提供商。">
<link rel="canonical" href="https://www.facto.hk">
<meta http-equiv="Content-Type" content="text/html">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<link rel="manifest" href="/static/favicon/site.webmanifest">
<link rel="mask-icon" href="/static/favicon/safari-pinned-tab.svg" color="#fc1c46">
<meta name="msapplication-TileColor" content="#fc1c46">
<meta name="theme-color" content="#fc1c46">
<link rel="stylesheet" href="/assets/app.css">
<link rel="modulepreload" href="/assets/vendor.js">
</head>
<body class="bg-black is-loading">
<div class="sh z20 fix top left x pt30">
<div class="sh__inner row row--l gutter aic">
<div class="logo">
<img src="/static/logo-icon.svg" width="405 " height="80" alt="Facto logo" class="db x">
</div>
</div>
</div>
<!-- common -->
<header class="sh fix top left x pt30">
<div class="sh__inner row row--l gutter aic">
<a href="/" id="link_home" class="logo"><img src="/static/logo-text.svg" width="405 " height="80" alt="Facto logo" class="db x">
</a>
<!-- lang -->
<div id="lang">
<ul class="lang clearfix">
<li class="on tra10">
<span>中文</span>
</li>
<li class="tra10">
<a class="lang_link" href="http://facto.hk/en">EN</a>
</li>
</ul>
</div>
<div class="dn s:db sh-desc abs f12 pen js-sh-usp js-sh-item">
<div data-smooth-item-o>全面的数字解决方案提供商 <sup>/ 始于2015</sup>
</div>
</div>
<button type="button" class="mt mla | js-menu-toggle" title="menu">
<div class="mt-burger df fc aie">
<div class="mt-line"></div>
<div class="mt-line"></div>
</div>
</button>
</div>
</header>
<aside class="menu fix top left x y c-black oh | js-menu">
<div class="menu__inner abs top left x y oh z2 df aic">
<div class="row fw gutter rel">
<ul class="menu__list df fc ais s:w50 mb60 s:mb0">
<li class="menu__item">
<a href="/projects/" id="link_projects" class="oh db f50 s:f75 ls1" data-transition="menu">
<div class="df ais | js-m-reveal">项目<sup>13</sup></div>
</a>
</li>
<li class="menu__item">
<a href="/about/" id="link_about" class="oh db f50 s:f75 ls1" data-transition="menu">
<div class="df ais | js-m-reveal">关于我们</div>
</a>
</li>
<li class="menu__item">
<a href="/careers/" class="oh db f50 s:f75 ls1" data-transition="menu">
<div class="df ais | js-m-reveal">加入我们<sup>1</sup>
</div>
</a>
</li>
<li class="menu__item">
<a href="/blog/" class="oh db f50 s:f75 ls1" data-transition="menu">
<div class="df ais | js-m-reveal">实验室<sup>BLOG</sup>
</div>
</a>
</li>
<li class="menu__item">
<a href="/contact/" class="oh db f50 s:f75 ls1" data-transition="menu">
<div class="df ais | js-m-reveal">联系我们
</div>
</a>
</li>
</ul>
<div class="menu__content x s:w30 s:mra s:on1 js-m-fade">
<figure class="x dn s:db">
<a href="/">
<img src="/static/logo-mark.svg" width="143" height="181" alt="Facto logo" class="db x s:w70">
</a>
</figure>
<!-- common
<div class="f18 s:nowrap mt30 oh">Comprehensive digital solutions provider
</div>
-->
<!-- common -->
<div class="df ais f14px mt30 x">
<div class="w50">
<strong class="f14px db oh mb15">与我们共事</strong>
<ul>
<li><a href="mailto:[email protected]?subject=Hi!" class="f14px db oh link">[email protected]</a></li>
<li><a href="/contact/" class="f14px db oh link">联系我们</a>
</li>
</ul>
</div>
<div class="w50">
<strong class="f14px db oh mb15">关注我们</strong>
<ul>
<li><a href="https://www.instagram.com/facto.hk" class="f14px db oh link" target="_blank" rel="noreferrer">Instagram</a>
</li>
<li><a href="https://twitter.com/facto_hk" class="f14px db oh link" target="_blank" rel="noreferrer">Twitter</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="dn s:db fix top left x y pen z10 | js-pe"></div>
<div class="mask fix top left x y mask bg-black | js-mask"></div>
<div id="gl" style="opacity: 0"></div>
<div class="gl-blob"></div>
<div data-gl-case></div>
<main class="scroll js-site-wrap" role="main" itemscope itemprop="mainContentOfPage" data-router-wrapper data-smooth style="visibility: hidden;">
<article data-router-view="home" id="home">
<section class="hero rel x">
<div class="hero__front x y df aic jcc z2" data-smooth-item>
<div class="row s:jcc s:gutter">
<div class="hero__inner">
<div>
<div class="hero__subtitle text-anim mb50" style="opacity:0" data-gl-opacity>
<div class="text-anim-inner">通过数字解决方案，我们助力企业实现</div>
</div>
<div class="sel-item__title" style="opacity:0; pointer-events: none;">
<div class="fh1 font-2 lh100 lhfix3-offset | js-sel-item-title">
<span class="db">
<div>987650</div>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="sel-scroll f14px abs ttu dn s:db mha mta | js-sel-scroll" data-gl-opacity>(下滑浏览更多)</div>
</div>
<div class="x y df aic jcc z0 | js-sel-item" data-smooth-item>
<div class="row s:jcc s:gutter">
<div class="hero__inner df ais">
<div>
<span class="hero__subtitle" style="opacity:0; pointer-events: none;">通过数字解决方案，我们助力企业实现</span>
<h1 class="sel-item__title hero__title" style="opacity:0; pointer-events: none;">
<div class="fh1 font-2 lh100 lhfix3-offset | js-sel-item-title">
<span class="db text-anim" data-gl-text>
<div data-gl-text-inner class="text-anim-inner">987650</div>
</span>
</div>
</h1>
</div>
</div>
</div>
</div>
</section>
<section class="js-sel mb30 s:mb150">
<a data-transition="case" href="/projects/aqara/" id="link_aqara" class="sel-item top left x y df aic jcc | js-sel-item" data-smooth-item data-gl-snap data-gl-hover-img="/static/images/projects/aqara/header.jpg?auto=compress,format">
<div class="row gutter sel-item__row">
<div data-gl-snap-point></div>
<div class="sel-item__inner df ais">
<h1 class="sel-item__title">
<div class="fh1 font-2 lh100 lhfix2 | js-sel-item-title">
<span class="db lhfix3 txt--uc">Aqara</span>
</div>
</h1>
</div>
</div>
<div class="abs bottom left x pb40 s:pb25 js-sel-bottom">
<div class="row aie jcb">
<div class="col12 df aie rel">
<div class="sel-item-link nowrap oh">
<div class="js-sel-link">
<div>网站 / 2022</div>
<span href="/projects/aqara/" class="db link">了解更多</span>
</div>
</div>
</div>
<div class="col12 df jce">
<div class="sel-bullets df mla">
<div class="sel-bullet ml15 js-sel-bullet is-active" data-index="01">
</div>
<div class="sel-bullet ml15 js-sel-bullet" data-index="02">
</div>
<div class="sel-bullet ml15 js-sel-bullet" data-index="03">
</div>
</div>
</div>
</div>
</div>
</a>
<a data-transition="case" href="/projects/setshoot/" id="link_setshoot" class="sel-item top left x y df aic jcc | js-sel-item" data-smooth-item data-gl-snap data-gl-hover-img="/static/images/projects/setshoot/header.jpg?auto=compress,format">
<div class="row gutter sel-item__row">
<div data-gl-snap-point></div>
<div class="sel-item__inner df ais">
<h1 class="sel-item__title">
<div class="fh1 font-2 lh100 lhfix2 | js-sel-item-title">
<span class="db lhfix3 txt--uc">Set Shoot</span>
</div>
</h1>
</div>
</div>
<div class="abs bottom left x pb40 s:pb25 js-sel-bottom">
<div class="row aie jcb">
<div class="col12 df aie rel">
<div class="sel-item-link nowrap oh">
<div class="js-sel-link">
<div>品牌 & 网站 / 2022</div>
<span href="/projects/setshoot/" class="db link">了解更多</span>
</div>
</div>
</div>
<div class="col12 df jce">
<div class="sel-bullets df mla">
<div class="sel-bullet ml15 js-sel-bullet" data-index="01">
</div>
<div class="sel-bullet ml15 js-sel-bullet is-active" data-index="02">
</div>
<div class="sel-bullet ml15 js-sel-bullet" data-index="03">
</div>
</div>
</div>
</div>
</div>
</a>
<a data-transition="case" href="/projects/jiuchensiji/" id="link_jiuchensiji" class="sel-item top left x y df aic jcc | js-sel-item" data-smooth-item data-gl-snap data-gl-hover-img="/static/images/projects/jiuchensiji/header.jpg?auto=compress,format">
<div class="row gutter sel-item__row">
<div data-gl-snap-point></div>
<div class="sel-item__inner df ais">
<h1 class="sel-item__title">
<div class="fh1 font-2 lh100 lhfix2 | js-sel-item-title">
<span class="db lhfix3 txt--uc">Jiuchen Siji</span>
</div>
</h1>
</div>
</div>
<div class="abs bottom left x pb40 s:pb25 js-sel-bottom">
<div class="row aie jcb">
<div class="col12 df aie rel">
<div class="sel-item-link nowrap oh">
<div class="js-sel-link">
<div>网站 / 2022</div>
<span href="/projects/jiuchensiji/" class="db link">了解更多</span>
</div>
</div>
</div>
<div class="col12 df jce">
<div class="sel-bullets df mla">
<div class="sel-bullet ml15 js-sel-bullet" data-index="01">
</div>
<div class="sel-bullet ml15 js-sel-bullet" data-index="02">
</div>
<div class="sel-bullet ml15 js-sel-bullet is-active" data-index="03">
</div>
</div>
</div>
</div>
</div>
</a>
</section>
<div class="h-about">
<div class="row z2" data-smooth-item>
<div class="h-about__arrow col rel">
<span class="arrow">
<span class="arrow__line"></span>
</span>
</div>
</div>
<div class="z0 row" data-smooth-item data-gl-size="2.3">
<div class="col rel">
<div class="h-about__text rel mb30 s:mb75" id="zh">
<p class="">我们专注于为企业提供数字化解决方案，提高业务效率、降低成本、提升用户体验。</p>
</div>
</div>
</div>
<div class="row mb60 s:mb150 z2" data-smooth-item>
<div class="col rel h-about-link">
<a href="/about/" id="link_homeabout" class="link f12 z2 h-about-link-inner">关于我们</a>
</div>
</div>
</div>
<section class="caps mb60 s:mb150 rel">
<div class="mb30 s:mb60 rel row gutter df jcb z2" data-smooth-item>
<h1 class="f18 rel">
<span class="caps-arrow">
<span class="arrow">
<span class="arrow__line"></span>
</span>
</span>
<span class="caps-title">
<span class="caps-title-inner">服务能力</span>
</span>
</h1>
</div>
<div class="z0 caps__gl" data-smooth-item>
<div class="caps__row df x mha">
<article class="caps-item s:col6">
<div class="db caps-item__inner">
<figure data-gl-opacity data-gl-img="/static/numbers/1-light.webp" class="aspect img-fill rel oh" data-lazy-src="/static/numbers/1-light.webp" style="--aspect: 100%"></figure>
</div>
</article>
<article class="caps-item s:col6">
<div class="db caps-item__inner">
<figure data-gl-opacity data-gl-img="/static/numbers/2-light.webp" class="aspect img-fill rel oh" data-lazy-src="/static/numbers/2-light.webp" style="--aspect: 100%"></figure>
</div>
</article>
<article class="caps-item s:col6">
<div class="db caps-item__inner">
<figure data-gl-opacity data-gl-img="/static/numbers/3-light.webp" class="aspect img-fill rel oh" data-lazy-src="/static/numbers/3-light.webp" style="--aspect: 100%"></figure>
</div>
</article>
<article class="caps-item s:col6">
<div class="db caps-item__inner">
<figure data-gl-opacity data-gl-img="/static/numbers/4-light.webp" class="aspect img-fill rel oh" data-lazy-src="/static/numbers/4-light.webp" style="--aspect: 100%"></figure>
</div>
</article>
</div>
</div>
<div class="caps__row caps__view df x mha z2" data-smooth-item>
<article class="caps-item s:col6 pb30 s:pb0 js-trigger">
<div class="db caps-item__inner br s:pt30">
<div class="caps-item__content">
<div class="gl-text">1</div>
<div class="f18 mb20">品牌塑造</div>
<div class="caps-item__content-inner">
<p class="">创造与受众和客户之间的情感联系，需要制定品牌战略，将身份、视觉、信息传递和体验结合在一起，并在所有媒介上保持一致。提升品牌是我们工作的核心。</p>
<p class=""><a class="link" id="link_branding" href="/capabilities/branding/">了解更多</a></p>
</div>
</div>
</div>
</article>
<article class="caps-item s:col6 pb30 s:pb0 js-trigger">
<div class="db caps-item__inner br s:pt30">
<div class="caps-item__content">
<div class="gl-text">2</div>
<div class="f18 mb20">网站设计和开发</div>
<div class="caps-item__content-inner">
<p class="">从全面的数字化战略到卓越的设计、用户体验和开发，我们创造能够提升品牌并取得成果的优质网站。</p>
<p class=""><a class="link" id="link_webdesign" href="/capabilities/web-design/">了解更多</a>
</p>
</div>
</div>
</div>
</article>
<article class="caps-item s:col6 pb30 s:pb0 js-trigger">
<div class="db caps-item__inner br s:pt30">
<div class="caps-item__content">
<div class="gl-text">3</div>
<div class="f18 mb20">内容制作</div>
<div class="caps-item__content-inner">
<p class="">无论是文案、设计、摄影、音频还是视频，内容都是王道。我们的团队致力于创造能够在各个渠道中持续提升品牌，在情感上吸引受众，并建立忠诚的品牌追随者的内容。</p>
<p class=""><a class="link" id="link_content" href="/capabilities/content/">了解更多</a></p>
</div>
</div>
</div>
</article>
<article class="caps-item s:col6 pb30 s:pb0 js-trigger">
<div class="db caps-item__inner br s:pt30">
<div class="caps-item__content">
<div class="gl-text">4</div>
<div class="f18 mb20">数字化战略与转型</div>
<div class="caps-item__content-inner">
<p class="">数字化战略与转型能够帮助企业更好地适应数字时代，提高企业的业务效率、客户满意度和竞争力。</p>
<p class=""><a class="link" id="link_digitalstrategy" href="/capabilities/digital-strategy/">了解更多</a></p>
</div>
</div>
</div>
</article>
</div>
</section>
<section class="news-list" data-smooth-item>
<div class="mb30 rel row gutter df jcb ais news-header">
<h2 class="f18 rel">
<span class="arrow">
<span class="arrow__line"></span>
</span>
<span class="news-header-title">
<span class="news-header-title-inner">最新消息</span>
</span>
</h2>
<span class="news-header-link">
<a href="/blog" class="link f12 news-header-link-inner">查看全部</a>
</span>
</div>
<article class="news-item row">
<div class="news-item-b"></div>
<a data-transition="zoom" data-gl-snap data-gl-hover-img="/static/images/blog/mj-generated-images-vol-1/header.jpg?auto=compress,format" href="/blog/mj-generated-images-vol-1/" class="db x rel">
<figure data-gl-snap-point class="news-item__blob col s:col10 abs left" data-gl-id="news_1" data-src="/static/images/blog/mj-generated-images-vol-1/header.jpg?auto=compress,format" data-nm>
<div class="aspect" style="--aspect: 100%"></div>
</figure>
<div class="rel x">
<div class="x pv60 df fw">
<div class="f14px s:f10 col s:col6 s:mcoll1 mb20 s:mb0 news-item__inner">2023年6月30日
</div>
<h1 class="f30 s:f37 lh100 ls1 col24 s:col10 mb20 s:mb0 news-item__inner">Midjourney AI 图像生成应用及提示词合集 Vol.1
</h1>
<div class="col24 s:col3 mla s:mcolr1 df fc ais news-item__inner">
<div class="14px s:f10 mb45">作者<br>Facto</div>
<div class="mb45 dn s:db">免费分享 80 张 Midjourney AI 生成画作，供你在项目中使用或启发灵感。
</div>
<div class="link f12">浏览更多</div>
</div>
</div>
</div>
</a>
</article>
<article class="news-item row">
<div class="news-item-b"></div>
<a data-transition="zoom" data-gl-snap data-gl-hover-img="/static/images/blog/five-problems-facing-digital-marketers-in-2023/header.jpg?auto=compress,format" href="/blog/five-problems-facing-digital-marketers-in-2023/" class="db x rel">
<figure data-gl-snap-point class="news-item__blob col s:col10 abs left" data-gl-id="news_1" data-src="/static/images/blog/five-problems-facing-digital-marketers-in-2023/header.jpg?auto=compress,format" data-nm>
<div class="aspect" style="--aspect: 100%"></div>
</figure>
<div class="rel x">
<div class="x pv60 df fw">
<div class="f14px s:f10 col s:col6 s:mcoll1 mb20 s:mb0 news-item__inner">2022年12月7日
</div>
<h1 class="f30 s:f37 lh100 ls1 col24 s:col10 mb20 s:mb0 news-item__inner">2023年数字营销者面临的五个问题
</h1>
<div class="col24 s:col3 mla s:mcolr1 df fc ais news-item__inner">
<div class="14px s:f10 mb45">作者<br>Paul Kiernan</div>
<div class="mb45 dn s:db">让我们面对现实吧，2020年真是一场噩梦。我们都不得不应对被关在家里的生活，看到货架上没有酵母，所以我们的"我会通过烘焙度过这段时间"的计划被搁浅了。
</div>
<div class="link f12">浏览更多</div>
</div>
</div>
</div>
</a>
</article>
<article class="news-item row">
<div class="news-item-b"></div>
<a data-transition="zoom" data-gl-snap data-gl-hover-img="/static/images/blog/web3-is-the-buzz-the-new-biz/header.jpg?auto=compress,format" href="/blog/web3-is-the-buzz-the-new-biz/" class="db x rel">
<figure data-gl-snap-point class="news-item__blob col s:col10 abs left" data-gl-id="news_2" data-src="/static/images/blog/web3-is-the-buzz-the-new-biz/header.jpg?auto=compress,format" data-nm>
<div class="aspect" style="--aspect: 100%"></div>
</figure>
<div class="rel x">
<div class="x pv60 df fw">
<div class="f14px s:f10 col s:col6 s:mcoll1 mb20 s:mb0 news-item__inner">2022年12月6日
</div>
<h1 class="f30 s:f37 lh100 ls1 col24 s:col10 mb20 s:mb0 news-item__inner">Web3是新商业模式的热点话题
</h1>
<div class="col24 s:col3 mla s:mcolr1 df fc ais news-item__inner">
<div class="14px s:f10 mb45">作者<br>Paul Kiernan</div>
<div class="mb45 dn s:db">让我们直截了当地说，Web3的目标是把权力从少数几个人或组织手中转移回普通人民手中，并摆脱互联网的统治者的控制。
</div>
<div class="link f12">浏览更多</div>
</div>
</div>
</div>
</a>
</article>
<article class="news-item row">
<div class="news-item-b"></div>
<a data-transition="zoom" data-gl-snap data-gl-hover-img="/static/images/blog/professional-website-design-matters/header.jpg?auto=compress,format" href="/blog/professional-website-design-matters/" class="db x rel">
<figure data-gl-snap-point class="news-item__blob col s:col10 abs left" data-gl-id="news_Y3uaQxAAACAACW53" data-src="/static/images/blog/professional-website-design-matters/header.jpg?auto=compress,format" data-nm>
<div class="aspect" style="--aspect: 100%"></div>
</figure>
<div class="rel x">
<div class="x pv60 df fw">
<div class="f14px s:f10 col s:col6 s:mcoll1 mb20 s:mb0 news-item__inner">2022年11月19日
</div>
<h1 class="f30 s:f37 lh100 ls1 col24 s:col10 mb20 s:mb0 news-item__inner">专业的网站设计很重要
</h1>
<div class="col24 s:col3 mla s:mcolr1 df fc ais news-item__inner">
<div class="14px s:f10 mb45">作者<br>Paul Kiernan</div>
<div class="mb45 dn s:db">你希望把你的品牌呈现在一个精心策划的环境中，并通过发布吸引客户的信息来增强品牌的影响力和吸引力，并建立客户的忠诚度。
</div>
<div class="link f12">浏览更多</div>
</div>
</div>
</div>
</a>
</article>
</section>
<!-- common -->
<section class="h-contact">
<div class="rel">
<div class="row fc bordt gutter pt125 z0 h-contact-viewer" data-smooth-item>
<div class="df fw jcb x mt30">
<div class="fh1 font-2 lh100 lhfix2 text-anim" data-gl-text>
<div class="text-anim-inner" data-gl-text-inner>HONG</div>
</div>
<div class="fh1 font-2 lh100 lhfix2 text-anim" data-gl-text>
<div class="text-anim-inner" data-gl-text-inner>KONG</div>
</div>
<div class="fh1 font-2 lh100 lhfix2 rel">
<div data-gl-text class="text-anim">
<div class="text-anim-inner" data-gl-text-inner data-gl-debug>CHINA</div>
</div>
<div class="h-contact__upper abs font-1 f18 ttu fw300 text-anim" data-gl-text>
<div data-gl-text-inner data-gl-text-y-fix="20" class="text-anim-inner">/ Since 2015</div>
</div>
</div>
</div>
</div>
<div class="abs top left x" data-smooth-item>
<div class="row fc gutter pt125">
<div class="f12 h-contact-label">总部</div>
</div>
</div>
</div>
<div class="mb100 mt75 rel row fw ais" data-smooth-item>
<h2 class="h-contact-title f18 rel col s:col7 mb30 s:mb0">
<span class="arrow">
<span class="arrow__line"></span>
</span>
<span class="col-outer">
<span class="col-inner">联系我们</span>
</span>
</h2>
<div class="col7 s:col4 col-outer">
<div class="col-inner">
<div class="f12">与我们共事</div>
<ul class="mt30">
<li><a href="mailto:[email protected]?subject=Hi!" class="link f12">[email protected]</a></li>
<li><a href="/contact/" class="link f12">联系我们</a></li>
</ul>
</div>
</div>
<div class="col8 s:col4 col-outer">
<div class="col-inner">
<div class="f12">关注我们</div>
<ul class="mt30">
<li><a href="https://instagram.com/facto.hk" class="link f12" target="_blank" rel="noreferrer">Instagram</a></li>
<li><a href="https://www.twitter.com/facto_hk" class="link f12" target="_blank" rel="noreferrer">Twitter</a></li>
</ul>
</div>
</div>
<div class="col7 s:col6 s:mla col-outer">
<div class="col-inner">
<div class="f12">加入我们</div>
<ul class="mt30">
<li><a href="/careers/" class="link f12" target="_blank" rel="noreferrer">立即申请</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- common -->
<footer class="sf pb45 c-white" data-smooth-item>
<div class="row row--s rel gutter bordt bordt--ng pt45"></div>
<div class="row row--s fw sumo_footer">
<ul class="dn s:db s:col4">
<li><a href="/projects/" class="lh120 f12">项目<sup>13</sup></a></li>
<li><a href="/about/" class="lh120 f12">关于我们</a></li>
<li><a href="/careers/" class="lh120 f12">加入我们<sup>1</sup></a></li>
<li><a href="/contact/" class="lh120 f12">联系我们</a></li>
</ul>
<ul class="dn s:db gutter">
<li><a href="/blog/" class="lh120 f12">实验室<sup>BLOG</sup></a></li>
<li><a href="/privacy-policy/" class="lh120 f12">隐私政策</a></li>
</ul>
<form id="footer-newsletter-form" action="/php/newsletter.php" method="post" class="nl mla df fc">
<input type="hidden" name="returnUrl" value="/thank-you/">
<label class="nl-label f12 mb15">加入我们的社区</label>
<div class="nl-input input-wrap input-wrap--s rel">
<input type="email" name="email" placeholder="邮箱地址">
<button type="submit" class="nl__arrow abs top right df aic jce y pr15" aria-label="Submit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.11 12.14"><path d="M11.92 5.62c-.01 0-.01 0 0 0-.01 0-.01 0 0 0L6.49.19a.664.664 0 10-.94.94l4.95 4.95L5.58 11a.664.664 0 10.94.94l5.39-5.39c.27-.25.27-.67.01-.93zm-4.14.55c0-.36-.3-.66-.66-.66L.66 5.49a.66.66 0 100 1.32l6.45.02c.37 0 .67-.29.67-.66z"/></svg>
</button>
</div>
</form>
</div>
<div class="row row--s gutter jcb mt60 footer_copyright">
<div class="sf-cr c-grey-2 footer_copyright_year">
<p class="f10px s:f14px" style="white-space: pre-wrap">© 2024 / 深圳发途网络科技有限公司</p>
</div>
<div class="sf-locs c-grey-2 mla footer_copyright_cities">
<p class="f10px s:f14px">香港<sup>HQ</sup> / 深圳 / 新加坡</p>
</div>
</div>
</footer>
</article>
</main>
<script type="module" src="/assets/app.js"></script>
<script type="module" src="/assets/facto.js"></script>
</body>
</html>