-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathmain.html
257 lines (257 loc) · 8.16 KB
/
main.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>
达摩院
</title>
<script src="https://cdn.tailwindcss.com">
</script>
</head>
<body class="font-sans antialiased">
<header class="bg-gray-200 p-6 flex justify-between items-center">
<div class="text-xl font-bold text-gray-800">
达摩院
</div>
<nav>
<ul class="flex space-x-4">
<li>
<a class="text-gray-700" href="about_us.html">
关于我们
</a>
</li>
<li>
<a class="text-gray-700" href="research_areas.html">
研究领域
</a>
</li>
<li>
<a class="text-gray-700" href="collaboration.html">
合作生态
</a>
</li>
<li>
<a class="text-gray-700" href="social_responsibility.html">
社会责任
</a>
</li>
<li>
<a class="text-gray-700" href="language.html">
语言
</a>
</li>
<li>
<a class="text-gray-700" href="contact_us.html">
联系我们
</a>
</li>
<li>
<a class="text-gray-700" href="#">
登录
</a>
</li>
<li>
<a class="text-gray-700" href="#">
EN
</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="bg-white text-center py-32">
<h1 class="text-5xl font-bold text-gray-800">
以科技 达未来
</h1>
<p class="text-gray-600 mt-4">
达摩院是一家致力于发现未来科技的实验室，以人类更美好的生活为使命，...
</p>
<a class="mt-8 inline-block bg-blue-600 text-white py-3 px-6 rounded" href="explore_more.html">
探索更多
</a>
</section>
<section class="grid grid-cols-1 md:grid-cols-3 gap-4 p-8 bg-gray-100">
<div class="bg-white p-4 shadow-md">
<img alt="阿里巴巴全球数学竞赛" class="w-full h-48 object-cover" height="200" src="img_56.png" width="400"/>
<h2 class="text-xl font-bold mt-4">
阿里巴巴全球数学竞赛
</h2>
<p class="text-gray-600">
2024阿里巴巴全球数学竞赛决赛入围名单
</p>
<p class="text-gray-600">
2024-06-15
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="AI多项黑科技将亮相国家舞台" class="w-full h-48 object-cover" height="200" src="img_49.png" width="400"/>
<h2 class="text-xl font-bold mt-4">
达摩院登陆国家舞台，AI多项黑科技将亮相国家舞台
</h2>
<p class="text-gray-600">
2024-05-31
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="达摩院青橙奖" class="w-full h-48 object-cover" height="200" src="img_48.png" width="400"/>
<h2 class="text-xl font-bold mt-4">
达摩院青橙奖
</h2>
<p class="text-gray-600">
2024达摩院青橙奖报名开启，百万大奖寻找中国科研新星
</p>
<p class="text-gray-600">
2024-04-28
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="全球数学竞赛" class="w-full h-48 object-cover" height="200" src="img_53.png" width="400"/>
<h2 class="text-xl font-bold mt-4">
2024阿里巴巴全球数学竞赛开赛
</h2>
<p class="text-gray-600">
563支AI队伍与人类选手一争高下
</p>
<p class="text-gray-600">
2024-04-15
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="智能农业加速器" class="w-full h-48 object-cover" height="200" src="img_52.png" width="400"/>
<h2 class="text-xl font-bold mt-4">
达摩院智能农业加速器推出新品种培育平台
</h2>
<p class="text-gray-600">
全球23家科研机构联手
</p>
<p class="text-gray-600">
2024-03-01
</p>
</div>
</section>
<section class="p-8 bg-white">
<h2 class="text-2xl font-bold">
研究布局
</h2>
<p class="text-gray-600 mt-4">
达摩院研究布局包括“机器智能”和“计算科学”两大方向，涵盖自然语言处理...
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8">
<div class="bg-gray-100 p-4">
<img alt="视觉技术" class="w-full h-48 object-cover" height="200" src="img_54.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
视觉技术
</h3>
<p class="text-gray-600 mt-2">
致力于多模态信息的智能感知及其技术研究
</p>
</div>
<div class="bg-gray-100 p-4">
<img alt="语言技术" class="w-full h-48 object-cover" height="200" src="img_55.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
语言技术
</h3>
<p class="text-gray-600 mt-2">
致力于多模态信息的智能感知及其技术研究
</p>
</div>
<div class="bg-gray-100 p-4">
<img alt="决策智能" class="w-full h-48 object-cover" height="200" src="img_57.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
决策智能
</h3>
<p class="text-gray-600 mt-2">
致力于大规模机器智能系统的理论与技术研究
</p>
</div>
</div>
</section>
<section class="p-8 bg-gray-200">
<h2 class="text-2xl font-bold">
合作生态
</h2>
<p class="text-gray-600 mt-4">
携手顶尖科研机构，通过学术合作项目及共建联合实验室，一起探索、定义、...
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8">
<div class="bg-white p-4 shadow-md">
<img alt="合作项目" class="w-full h-48 object-cover" height="200" src="img_59.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
合作项目
</h3>
<p class="text-gray-600 mt-2">
阿里巴巴创新研究计划（AIR）和阿里巴巴创新开发者计划（APD）是达摩院与顶级高校...
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="联合实验室" class="w-full h-48 object-cover" height="200" src="img_60.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
联合实验室
</h3>
<p class="text-gray-600 mt-2">
联合各个领域的顶尖高校，通过联合实验室的建设，设计并进行创新性研究
</p>
</div>
<div class="bg-white p-4 shadow-md">
<img alt="博士后工作站" class="w-full h-48 object-cover" height="200" src="img_51.png" width="400"/>
<h3 class="text-xl font-bold mt-4">
博士后工作站
</h3>
<p class="text-gray-600 mt-2">
阿里巴巴博士后工作站是新兴科学家与引领技术的桥梁，推动产学研结合...
</p>
</div>
</div>
</section>
<section class="p-8 bg-white">
<h2 class="text-2xl font-bold">
社会责任
</h2>
<p class="text-gray-600 mt-4">
“青橙计划”，达摩院通过“青橙计划”，帮助年轻学者提升科研能力。
</p>
<p class="text-gray-600 mt-2">
发起“思源”奖学金，帮助困难学生，阿里巴巴思源奖学金在全球范围内评选...
</p>
</section>
<section class="bg-purple-800 text-white p-8 text-center">
<h2 class="text-2xl font-bold">
诚邀您的加入
</h2>
<p class="mt-4">
加入我们，与一流的科学家、工程师们共同探索未知的世界
</p>
<a class="mt-8 inline-block bg-white text-purple-800 py-3 px-6 rounded" href="#">
查看职位
</a>
</section>
</main>
<footer class="bg-gray-100 p-4 text-center">
<ul class="flex justify-center space-x-4">
<li>
<a class="text-gray-700" href="privacy_policy.html">
隐私政策
</a>
</li>
</ul>
<p class="text-gray-700 mt-4">
关注我们
</p>
<div class="flex justify-center space-x-4 mt-4">
<a href="#">
<img alt="Wechat Icon" class="w-6 h-6" height="30" src="img_50.png" width="30"/>
</a>
<a href="#">
<img alt="QQ Icon" class="w-6 h-6" height="30" src="img_58.png" width="30"/>
</a>
<a href="#">
<img alt="Weibo Icon" class="w-6 h-6" height="30" src="img_61.png" width="30"/>
</a>
</div>
<a class="inline-block mt-4 text-gray-700" href="#">
Top
</a>
</footer>
</body>
</html>