195 lines
5.1 KiB
HTML
195 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>张梦南 - 简历</title>
|
||
<style>
|
||
@font-face {
|
||
font-family: 'Pacifico';
|
||
src: url('Pacifico.ttf') format('truetype');
|
||
}
|
||
* {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
}
|
||
body {
|
||
display: flex;
|
||
width: 210mm;
|
||
height: 297mm;
|
||
margin: auto;
|
||
background-color: #ffffff;
|
||
color: #333;
|
||
}
|
||
.left, .right {
|
||
padding: 80px 50px;
|
||
}
|
||
.left {
|
||
width: 61.8%;
|
||
background-color: #ffffff;
|
||
}
|
||
.right {
|
||
width: 38.2%;
|
||
background-color: #f1f3f5;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
h1 {
|
||
font-size: 32px;
|
||
margin-bottom: 10px;
|
||
}
|
||
h2 {
|
||
font-size: 20px;
|
||
margin-top: 30px;
|
||
margin-bottom: 10px;
|
||
color: #1f3a93;
|
||
}
|
||
p {
|
||
margin-bottom: 10px;
|
||
line-height: 1.6;
|
||
}
|
||
ul {
|
||
margin-left: 20px;
|
||
list-style-type: disc;
|
||
}
|
||
.section {
|
||
margin-bottom: 20px;
|
||
}
|
||
.contact-info {
|
||
margin-top: 20px;
|
||
text-align: center;
|
||
}
|
||
.contact-info h2 {
|
||
color: #000000;
|
||
}
|
||
.contact-info p {
|
||
margin-bottom: 6px;
|
||
}
|
||
.skills {
|
||
margin-top: 50px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.skills h3 {
|
||
font-size: 18px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.skill-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
}
|
||
.skill-tags span {
|
||
background-color: #d0d8e0;
|
||
color: #1f3a93;
|
||
padding: 4px 10px;
|
||
border-radius: 12px;
|
||
font-size: 14px;
|
||
}
|
||
.qr {
|
||
text-align: center;
|
||
padding-top: 50px;
|
||
}
|
||
.qr img {
|
||
width: 150px;
|
||
height: 150px;
|
||
object-fit: contain;
|
||
}
|
||
.avatar {
|
||
width: 180px;
|
||
height: 180px;
|
||
margin-bottom: 20px;
|
||
object-fit: cover;
|
||
border-radius: 10px;
|
||
}
|
||
.logo {
|
||
position: absolute;
|
||
bottom: 20mm;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
font-family: 'Pacifico', cursive;
|
||
font-size: 40px;
|
||
color: #010101;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="left">
|
||
<h1>张梦南</h1>
|
||
<p>浙江科技大学 · 自动化专业 · 22岁</p>
|
||
|
||
<div class="section">
|
||
<h2>专业能力</h2>
|
||
<ul>
|
||
<li>熟悉自动控制原理，掌握基本PID控制，能用 MATLAB/Simulink 进行建模分析。</li>
|
||
<li>掌握西门子 PLC 控制系统梯形图程序编写。</li>
|
||
<li>可以使用 Keil、Proteus 进行单片机程序设计与仿真。</li>
|
||
<li>能使用 C/C++ 及 Python 语言进行程序设计。</li>
|
||
<li>实验操作能力强，顺利完成多项课程设计。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>课外技能</h2>
|
||
<ul>
|
||
<li>熟练使用 Ubuntu/Debian 系统，拥有多台服务器，能部署 Nginx、Docker、MySQL。</li>
|
||
<li>能够使用 HTML、CSS、JavaScript 进行网页界面开发。</li>
|
||
<li>自建 Gitea 代码仓库与 WordPress 博客系统。</li>
|
||
<li>了解 TCP/UDP 网络传输协议，使用 FRP 搭建内网穿透，Headscale 搭建异地组网服务。</li>
|
||
<li>使用立创 EDA 进行简单 PCB 设计，具备使用热风枪、电烙铁焊接电子元件能力。</li>
|
||
<li>可以设计简单3D模型，并使用3D打印机进行制作。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>志愿经历</h2>
|
||
<ul>
|
||
<li>热爱志愿服务，累计志愿服务时长 380+ 小时。</li>
|
||
<li>杭州亚运会、亚残运会“小青荷”志愿者一枚。</li>
|
||
<li>曾担任女排世俱杯市场开发领域负责人。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>期望工作</h2>
|
||
<u1>
|
||
<li>希望找到一份短期实习工作（8月10日前）。</li>
|
||
<li>期望薪资 3000+ RMB，上不封顶 ヾ(^▽^*)ノ。</li>
|
||
</u1>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="right">
|
||
<img src="zmn.jpg" alt="头像" class="avatar">
|
||
<div class="contact-info">
|
||
<h2>联系方式</h2>
|
||
<p><img src="email.svg" alt="邮箱" style="width:16px; vertical-align:middle; margin-right:8px;">1487537121@qq.com</p>
|
||
<p><img src="phone.svg" alt="电话" style="width:16px; vertical-align:middle; margin-right:8px;">18526485303</p>
|
||
<p><img src="web.svg" alt="网站" style="width:16px; vertical-align:middle; margin-right:8px;">dreamlife.top</p>
|
||
</div>
|
||
|
||
<div class="skills">
|
||
<h3>技能分类</h3>
|
||
<div class="skill-tags">
|
||
<span>控制</span>
|
||
<span>嵌入式</span>
|
||
<span>编程</span>
|
||
<span>运维</span>
|
||
<span>网络</span>
|
||
</div>
|
||
<div class="qr">
|
||
<h3>门户网站</h3>
|
||
<img src="m.png" alt="网站二维码">
|
||
<h4>扫描二维码</h4>
|
||
<h4>碰一碰二维码</h4>
|
||
</div>
|
||
</div>
|
||
<div class="logo">DreamLife</div>
|
||
</div>
|
||
</body>
|
||
</html>
|