-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·380 lines (344 loc) · 20.2 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>AI.Opensail - 扬帆启航</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NFV8V5VN');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N8F191DZP7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-N8F191DZP7');
</script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.loli.net/">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.loli.net/css2?family=Open+Sans:wght@400;600&family=Ubuntu:wght@500;700&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner"
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">加载中...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<div class="container-fluid sticky-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark p-0">
<a href="index.html" class="navbar-brand">
<h1 class="text-white">AI<span class="text-dark">.</span>UOpensail</h1>
</a>
<button type="button" class="navbar-toggler ms-auto me-0" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="index.html" class="nav-item nav-link active">主页</a>
<a href="about.html" class="nav-item nav-link">关于</a>
<a href="service.html" class="nav-item nav-link">我们的服务</a></a>
<a href="project.html" class="nav-item nav-link">项目</a></a>
<a href="contact.html" class="nav-item nav-link">联系我们</a>
</div>
</div>
</nav>
</div>
</div>
<!-- Navbar End -->
<!-- Hero Start -->
<div class="container-fluid pt-5 bg-primary hero-header mb-5">
<div class="container pt-5">
<div class="row g-5 pt-5">
<div class="col-lg-6 align-self-center text-center text-lg-start mb-lg-5">
<div class="btn btn-sm border rounded-pill text-white px-3 mb-3 animated slideInRight">AI.UOpensail</div>
<h1 class="display-4 text-white mb-4 animated slideInRight">我们提供全方位推荐系统解决方案</h1>
<p class="text-white mb-4 animated slideInRight"> 我们的解决方案用途广泛,适用于众多领域。我们定制算法以适应电子商务、媒体、求职门户、移动应用程序和许多其他领域的客户。</p>
</div>
<div class="col-lg-6 align-self-end text-center text-lg-end">
<img class="img-fluid" src="img/hero-img.webp" alt="">
</div>
</div>
</div>
</div>
<!-- Hero End -->
<!-- About Start -->
<div class="container-fluid py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="about-img">
<img class="img-fluid" src="img/about-img.webp">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">关于我们</div>
<h1 class="mb-4">我们提供的全方位推荐系统解决方案</h1>
<p class="mb-4">提供特征子系统,多路召回,高效去重,规则引擎,训练预估一体化解决方案</p>
<p class="mb-4">千人千面的个性化推荐系统</p></p>
<div class="row g-3">
<div class="col-sm-6">
<h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>易用</i></h6>
<h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>丰富推荐经验</h6>
</div>
<div class="col-sm-6">
<h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>一对一服务</h6>
<h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>低成本</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Service Start -->
<div class="container-fluid bg-light mt-5 py-5">
<div class="container py-5">
<div class="row g-5 align-items-center">
<div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
<div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">我们的服务 </div>
<h1 class="mb-4">我们提供一套完整的解决方案</h1>
<p class="mb-4">涵盖了数据收集、内容理解、用户特征以及AB测试、提供各种个性化推荐算法,包括基于内容的推荐、协同过滤、深度学习等,以适应不同场景和需求,针对不同行业特点进行深度优化,有效提升转化率、点击率、留存率等业务核心指标,以确保您的推荐系统在用户中获得最大程度的认可和成功。</p>
</div>
<div class="col-lg-7">
<div class="row g-4">
<div class="col-md-6">
<div class="row g-4">
<div class="col-12 wow fadeIn" data-wow-delay="0.1s">
<div class="service-item d-flex flex-column justify-content-center text-center rounded">
<div class="service-icon btn-square">
<i class="fa fa-robot fa-2x"></i>
</div>
<h5 class="mb-3">技术咨询</h5>
<p>
推荐策略咨询
数据分析
策略归因
产品运营建议
工程落地指导、优化
</p>
</div>
</div>
<div class="col-12 wow fadeIn" data-wow-delay="0.5s">
<div class="service-item d-flex flex-column justify-content-center text-center rounded">
<div class="service-icon btn-square">
<i class="fa fa-power-off fa-2x"></i>
</div>
<h5 class="mb-3">团队咨询</h5>
<p>我们将为客户提供人力架构咨询、面试咨询,人员培训</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 pt-md-4">
<div class="row g-4">
<div class="col-12 wow fadeIn" data-wow-delay="0.3s">
<div class="service-item d-flex flex-column justify-content-center text-center rounded">
<div class="service-icon btn-square">
<i class="fa fa-graduation-cap fa-2x"></i>
</div>
<h5 class="mb-3">源代码授权交付</h5>
<p>你可以放下安全的使用,无须担心数据安全、商业机密等问题</p>
</div>
</div>
<div class="col-12 wow fadeIn" data-wow-delay="0.7s">
<div class="service-item d-flex flex-column justify-content-center text-center rounded">
<div class="service-icon btn-square">
<i class="fa fa-brain fa-2x"></i>
</div>
<h5 class="mb-3">定制化开发和集成,全程跟进,持续优化</h5>
<p>根据客户需求提供定制化开发和系统集成服务,以满足特定的业务需求和场景要求。通过AB测试反馈和数据分析技术,持续优化策略调整,</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Feature Start -->
<div class="container-fluid bg-primary feature pt-5">
<div class="container pt-5">
<div class="row g-5">
<div class="col-lg-6 align-self-center mb-md-5 pb-md-5 wow fadeIn" data-wow-delay="0.3s">
<div class="btn btn-sm border rounded-pill text-white px-3 mb-3">为什么选择我们</div>
<h1 class="text-white mb-4">我们是拥有多年的经验</h1>
<!-- <p class="text-light mb-4">Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed
stet no labore lorem sit. Sanctus clita duo justo et tempor</p> -->
<div class="d-flex align-items-center text-white mb-3">
<div class="btn-sm-square bg-white text-primary rounded-circle me-3">
<i class="fa fa-check"></i>
</div>
<span>低成本资源部署方案</span>
</div>
<div class="d-flex align-items-center text-white mb-3">
<div class="btn-sm-square bg-white text-primary rounded-circle me-3">
<i class="fa fa-check"></i>
</div>
<span>更加实时、低延迟、高流量</span>
</div>
<div class="d-flex align-items-center text-white mb-3">
<div class="btn-sm-square bg-white text-primary rounded-circle me-3">
<i class="fa fa-check"></i>
</div>
<span>代码全交付,全程指导使用,让每个工程师成为一个推荐算法工程师</span>
</div>
<div class="d-flex align-items-center text-white mb-3">
<div class="btn-sm-square bg-white text-primary rounded-circle me-3">
<i class="fa fa-check"></i>
</div>
<span>灵活配置各阶段推荐策略,提升自主操作性</span>
</div>
</div>
<div class="col-lg-6 align-self-end text-center text-md-end wow fadeIn" data-wow-delay="0.5s">
<img class="img-fluid" src="img/feature.webp" alt="">
</div>
</div>
</div>
</div>
<!-- Feature End -->
<!-- Case Start -->
<div class="container-fluid bg-light py-5">
<div class="container py-5">
<div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
<div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Case Study</div>
<h1 class="mb-4">Explore Our Open Source Projects</h1>
</div>
<div class="row g-4">
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="case-item position-relative overflow-hidden rounded mb-2">
<img class="img-fluid" src="img/project-1.jpg" alt="">
<a class="case-overlay text-decoration-none" href="https://uopensail.github.io/damo-embedding/">
<small>damo-embedding</small>
<h5 class="lh-base text-white mb-3">About
python lib for sparse parameter server using rocksdb, written in c++
</h5>
<span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
</a>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="case-item position-relative overflow-hidden rounded mb-2">
<img class="img-fluid" src="img/project-2.jpg" alt="">
<a class="case-overlay text-decoration-none" href="https://github.com/uopensail/longmen/">
<small>longmen</small>
<h5 class="lh-base text-white mb-3">torch model inference
</h5>
<span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
</a>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.7s">
<div class="case-item position-relative overflow-hidden rounded mb-2">
<img class="img-fluid" src="img/project-3.webp" alt="">
<a class="case-overlay text-decoration-none" href="https://github.com/uopensail/magicdb/">
<small>magicdb</small>
<h5 class="lh-base text-white mb-3">Database (Read-Only) based on rocksdb and sqlite
</h5>
<span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Case End -->
<!-- Contact Start -->
<div class="container-fluid py-5">
<div class="container py-5">
<div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
<div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">联系我们</div>
<h1 class="mb-4">如果您有任何疑问,请联系我们</h1>
</div>
<div class="row justify-content-center">
<div class="col-lg-7">
<iframe src="contact-us-form.html" width="100%" height="600"></iframe>
<!-- <script type="text/javascript" src="https://www.jotform.com/jsform/241320669394460"></script> -->
<!-- <div style="width:100%;height:500px;" data-fillout-id="vMCq3bBf7Vus" data-fillout-embed-type="standard" data-fillout-inherit-parameters data-fillout-dynamic-resize></div><script src="https://server.fillout.com/embed/v1/"></script> -->
</div>
</div>
</div>
<!-- Contact End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5">
<div class="container py-5">
<div class="row g-5">
<div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.1s">
<a href="index.html" class="d-inline-block mb-3">
<h1 class="text-white">AI<span class="text-primary">.</span>UOpensail</h1>
</a>
<!-- <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam
amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus
clita duo justo et tempor</p> -->
</div>
<div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.3s">
<p><i class="fa fa-map-marker-alt me-3"></i>上海市崇明区三星镇北星公路1999号(上海玉海棠科技园区)</p>
<!-- <p><i class="fa fa-phone-alt me-3"></i>021-31261171</p> -->
<p><i class="fa fa-envelope me-3"></i>developer@uopensail.com</i></p>
</div>
<div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.5s">
<a class="btn btn-link" href="contact.html">联系我们</a>
<a class="btn btn-link" href="privacy-policy.html">隐私政策</a>
</div>
</div>
</div>
<div class="container wow fadeIn" data-wow-delay="0.1s">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">上海右耐信息科技有限责任公司</a>, All Right Reserved.
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top pt-2"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFV8V5VN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>