-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
119 lines (110 loc) · 3.65 KB
/
about.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于 - 个人空间</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/animations.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet">
</head>
<body>
<!-- 自定义光标 -->
<div id="cursor"></div>
<div id="cursor-follower"></div>
<!-- 背景 -->
<div class="bg-container">
<div class="bg-overlay"></div>
<div class="bg-slides">
<img src="https://api.dujin.org/bing/1920.php" alt="背景图片">
</div>
</div>
<!-- 导航栏 -->
<nav class="main-nav">
<div class="nav-content">
<a href="index.html" class="nav-logo">首页</a>
<div class="nav-links">
<a href="index.html">首页</a>
<a href="about.html" class="active">关于</a>
<a href="projects.html">项目</a>
<a href="blog.html">博客</a>
<a href="contact.html">联系</a>
</div>
</div>
</nav>
<!-- 主要内容 -->
<main class="main-content">
<div class="about-container">
<div class="profile-section">
<div class="profile-image">
<img src="assets/profile.jpg" alt="个人照片">
</div>
<div class="profile-info">
<h1 class="animate__fadeIn">关于我</h1>
<div class="info-card">
<h2>个人简介</h2>
<p>你好，我是冯锡航，一名全栈开发工程师</p>
<p>毕业于某某大学计算机科学与技术专业</p>
<p>热爱编程，对新技术充满热情</p>
<p>喜欢分享技术，热衷于开源社区</p>
</div>
<div class="skills-card">
<h2>技能特长</h2>
<div class="skill-tags">
<span>HTML5/CSS3</span>
<span>JavaScript</span>
<span>React</span>
<span>Vue</span>
<span>Node.js</span>
<span>Python</span>
<span>MySQL</span>
<span>MongoDB</span>
<span>UI/UX</span>
<span>Git</span>
</div>
</div>
</div>
</div>
<div class="timeline-section">
<h2>成长历程</h2>
<div class="timeline">
<div class="timeline-item">
<div class="time">2024</div>
<div class="content">
<h3>全栈开发工程师</h3>
<p>负责公司核心项目的前后端开发</p>
</div>
</div>
<div class="timeline-item">
<div class="time">2023</div>
<div class="content">
<h3>前端开发工程师</h3>
<p>参与多个大型Web应用的开发</p>
</div>
</div>
<div class="timeline-item">
<div class="time">2022</div>
<div class="content">
<h3>实习经历</h3>
<p>在某知名互联网公司实习</p>
</div>
</div>
<div class="timeline-item">
<div class="time">2021</div>
<div class="content">
<h3>开始编程之旅</h3>
<p>接触编程，爱上开发</p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<p>Copyright © 2024 冯锡航 & Made by <span>FengXihang</span></p>
</footer>
<script src="js/cursor.js"></script>
<script src="js/main.js"></script>
<script src="js/hearts.js"></script>
</body>
</html>