-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_CN.html
371 lines (359 loc) · 18.7 KB
/
index_CN.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Introduce To Ziyi</title>
<link rel="stylesheet" href="resourse/css/main.css">
<link rel="stylesheet" href="resourse/css/bootstrap.min.css">
<link rel="stylesheet" href="resourse/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="icon" sizes="any" mask="" href="resourse/images/book.svg">
<style>
a:hover {
color: red;
}
#map {
width: 400px;
height: 240px;
border-radius: 20px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
<!-- nav -->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3 pt-lg-3 fixed-top">
<div class="container">
<a href="#" class="navbar-brand">Ziyi's CV</a>
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
<ul class="navbar-nav ">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Language
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="index.html">Engish</a></li>
<li><a class="dropdown-item" href="index_CN.html">Chinese</a></li>
</ul>
</li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menu">
<img src="resourse/images/button-nav.svg" alt="" style="width: 30px; height: 30px;">
</button>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ms-auto ">
<li class="nav-item ">
<a href="#st" class="nav-link text-light">个人介绍</a>
</li>
<li class="nav-item">
<a href="#projects" class="nav-link text-light">项目经历</a>
</li>
<li class="nav-item">
<a href="#certificate" class="nav-link text-light">证书/获奖</a>
</li>
<li class="nav-item">
<a href="#questions" class="nav-link text-light ">相关问题 </a>
</li>
<li class="nav-item">
<a href="https://github.com/ZiyiTsang">
<button type="button" class="btn btn-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-github" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
Github
</button>
</li>
</a>
</ul>
</div>
</div>
</nav>
<!-- showcase -->
<section id="st" class="bg-dark text-light p-5 mt-3 text-center text-sm-start">
<div class="container">
<div class="d-sm-flex align-items-center justify-content-between">
<div>
<h1>Just a <span class="text-warning"> Devloper </span></h1>
<p class="lead my-3 ">
"一个好的程序员应该是那种过单行线都要往两边看的人。"
</p>
<p class="my-2 ">
— 鲁迅
</p>
<br>
<a href="form.html">
<button type="button" class="btn btn-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-telephone-outbound" viewBox="0 0 16 16">
<path
d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM11 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-4.146 4.147a.5.5 0 0 1-.708-.708L14.293 1H11.5a.5.5 0 0 1-.5-.5z">
</path>
</svg>
联系我
</button>
</a>
</div>
<img class="img-fluid d-none d-sm-block" src="resourse/images/程序员 (1).svg" alt="" />
</div>
</div>
</section>
<!-- self-intro -->
<section class="p-3" id="projects">
<div class="container">
<h2 class="text-center mb-4 mt-3">个人介绍</h2>
<div class="row align-items-center justify-content-between">
<div class="col-md">
<h2>曾子懿(Ziyi ZENG)</h2>
<div>
<br>
<p class="lead">
年龄:21
<br>
<strong>常驻城市：</strong> 福建厦门，中国
<br>
<strong>单位：</strong>厦门大学（马来西亚分校）
<br>
<strong>身份：</strong>学生
<br>
<strong>学历：</strong>本科（在读）
<br>
<strong>预计毕业时间：</strong>2024-07
<br>
<strong>爱好：</strong>火锅，撸串，睡觉
<br>
<strong>编程语言：</strong>C++,Golang
<br>
<strong>格言：</strong>给时光以生命，而不是给生命以时光
</p>
</div>
<p class="lead">距离本科毕业</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
style="width: 50%">50%</div>
</div>
<br>
</div>
<div class="col-md">
<img src="resourse/images/me.jpg" id="self-image" class="border img-fluid rounded float-end " alt=""
srcset="">
</div>
</div>
</div>
</section>
<!-- Boxes -->
<section class="p-5 bg-primary text-light">
<div class="container">
<h2 class="text-center mb-4 ">项目经历</h2>
<!--firstbox-->
<div class="row text-center g-3">
<div class="col-md">
<div class="card bg-dark text-light">
<div class="card-body text-center">
<div class="h3 ">
<i class="bi bi-display"></i>
</div>
<h5 class="card-title">
AI图片分类
</h5>
<p class="card-text">
使用Tensorflow2框架，基于使用不同深度卷积层实现图像分类，目前在猫狗分类任务上实现约78%的准确度。并可在其他数据集上兼容运行。
</p>
<a href="https://github.com/ZiyiTsang/AIclassification" class="btn btn-primary">Read
more</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card bg-dark text-light">
<div class="card-body text-center">
<div class="h3 ">
<i class="bi bi-laptop"></i>
</div>
<h5 class="card-title">
博客系统
</h5>
<p class="card-text">
前端采用bootstrap框架。后端使用Go语言及其他标准库构建。数据库方面使用Mysql实现数据查询和修改。使用MVC架构方式确保代码组织高效可靠。
</p>
<a href="https://github.com/ZiyiTsang/Go_blog" class="btn btn-primary">Read more</a>
</div>
</div>
</div>
<div class="col-sm">
<div class="card bg-dark text-light">
<div class="card-body text-center">
<div class="h3 ">
<i class="bi bi-pc-display"></i>
</div>
<h5 class="card-title">
待补充
</h5>
<p class="card-text">
这是一个待补充的项目，我也不知道该写什么，总而言之，言而总之，反正就先放在这吧。
</p>
<a href="https://github.com/ZiyiTsang" class="btn btn-primary">Read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- certificate -->
<section class="p-5">
<div class="container " id="certificate">
<h3 class="text-center">证书/获奖</h3>
<div class="row align-items-center justify-content-between">
<div class="col-md">
<img src="https://xuecdn2.aliyunedu.net/img_61e169aed1a4e4542d600b2d271ae42b.png"
class="img-fluid d-none d-sm-block img-thumbnail" alt="" srcset="">
</div>
<div class="col-md p-5">
<h2>阿里云云计算助理工程师认证(ACA)</h2>
<p class="lead">
<strong>主办单位：</strong>阿里云
<br>
<strong>相关介绍：</strong>阿里云基础认证(ACA - Alibaba Cloud Certified
Associate)是面向使用阿里云基础产品的专业技术认证，主要涉及阿里云的计算、存储、网络、安全类的核心产品，是对学员掌握阿里云主要产品技术技能水平的全面检验和能力认证，
主要面向学生群体及开发者，也可以做为运维人员的入门证书。
<br>
<strong></strong>成绩:88(通过)
</p>
<p>证书编号:ACA01210800329990L</p>
<a href="https://edu.aliyun.com/certification/aca01" class="btn btn-light mt-3">
<i class="bi bi-chevron-right"></i> Read More
</a>
</div>
</div>
<div class="row align-items-center justify-content-between ">
<div class="col-md p-5">
<h2>PAT计算机程序设计能力测试</h2>
<p class="lead">
<strong>主办单位：</strong>浙江大学
<br>
<strong>相关介绍：</strong>浙江大学计算机程序设计能力考试(Programming Ability
Test,简称PAT)是由浙江大学计算机科学与技术学院组织的统一考试，旨在培养和展现学生分析问题、解决问题和计算机程序设计的能力，科学评价计算机程序设计人才，并为企业选拔人才提供参考标准。
<br>
<strong>成绩：</strong>排名25%
</p>
<p>证书编号:B210911061520997215</p>
<a href="https://www.patest.cn/" class="btn btn-light mt-3">
<i class="bi bi-chevron-right"></i> Read More
</a>
</div>
<div class="col-md">
<img src="resourse/images/PAT.jpg" class="img-thumbnail img-fluid d-none d-sm-block" alt=""
srcset="">
</div>
</div>
</div>
</section>
<!-- question area-->
<section id="questions " class="p-5 bg-primary">
<div class="container">
<h2 class="text-center mb-4 text-light " id="questions">相关问题</h2>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
是否接受异地就职
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>接受的！</strong>
其实我对上班地点并不敏感。如果本地那自然最好，但我认为我感兴趣的工作，工作地点并无太大关系。<br>相对来说，只要收到我的简历，您方公司的工作地点便是能被我所接受的。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
如果被录用，你希望工作多久
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
这需要视学校公布的时间安排而定。
但我会尽可能争取在公司工作可能久的时间。
</div>
</div>
</div>
</div>
</div>
</section>
<!-- contact&map -->
<section class="p-5 position-relative">
<div class="container ">
<h2 class="text-center mb-4">联系方式</h2>
<div class="row g-5">
<div class="col-md-7">
<ul class="list-group list-group-flush lead py-3 p-3">
<li class="list-group-item">
<span class="fw-bold">Location:</span> Siming,Xiamen,Fujian,China
</li>
<li class="list-group-item">
<span class="fw-bold">Phone:</span> (+86)12345678
</li>
<li class="list-group-item">
<span class="fw-bold">Email:</span> [email protected]
</li>
<li class="list-group-item">
<span class="fw-bold">QQ:</span>1034337098
</li>
</ul>
</div>
<div class="col-md-5 d-none d-md-block">
<div id="map"></div>
</div>
</div>
<a href="#" class="position-absolute bottom-0 end-0 p-1">
<i class="bi bi-arrow-up-circle h1"></i>
</a>
</div>
</section>
<!-- footer -->
<footer class=" p-1 bg-warning text-dark text-center justify-content-between position-relative ">
<div class="container">
<div>
<p>Copyright © 2022<br> Ziyi-CME1909120</p>
</div>
</div>
</footer>
<!-- js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: '1097f7db0854239131bbae7f26f81e93',
}
</script>
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=16d0439070769f06e98f979cc8811b93"></script>
<script>
var map = new AMap.Map('map', {
resizeEnable: true,
zoom: 17,
center: [118.117428, 24.48923],
pitch: 55,
viewMode: '3D'
});
var marker = new AMap.Marker({
position: new AMap.LngLat(118.117428, 24.48923),
title: 'location'
});
map.add(marker);
</script>
</body>
</html>