-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
217 lines (205 loc) · 11.4 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>aboutMe</title>
<link rel="stylesheet" type="text/css" href="css/nav.css" />
<link rel="stylesheet" type="text/css" href="css/about.css" />
<link rel="stylesheet" type="text/css" href="css/animation.css" />
<script src="js/jquery-3.5.0.js"></script>
<script src="js/about.js"></script>
<!-- <script src="js/about_move.js"></script> -->
</head>
<body>
<div class=wrap>
<div class="header">
<a href="index.html" style="text-decoration: none;">
<span class="bloger">Han lax</span>
<span class="sub_bloger">的个人网站</span>
</a>
</div>
<div class="topnav">
<ul class="menu">
<li><a class="home" href="index.html">首页</a></li>
<li><a class="note" href="note.html">笔记</a></li>
<li><a class="about" href="about.html">关于</a></li>
</ul>
<div class="move"></div>
</div>
</div>
<div class="clouds">
<div class="cloud" id="cloud1"></div>
<div class="cloud" id="cloud2"></div>
<div class="cloud" id="cloud3"></div>
</div>
<div class="sun"></div>
<div class="title_about"></div>
<img class="mountain" id="mountain1" src="img/mountain1.png" />
<img class="mountain" id="mountain2" src="img/mountain2.png" />
<img class="mountain" id="mountain3" src="img/mountain3.png" />
<img class="mountain" id="mountain4" src="img/mountain4.png" />
<img class="mountain" id="mountain5" src="img/mountain3.png" />
<img class="mountain" id="mountain6" src="img/mountains.png" />
<img class="mountain" id="mountain7" src="img/mountains.png" />
<img class="mountain" id="mountain8" src="img/mountains1.png" >
<img class="mountain" id="mountain9" src="img/mountain2.png" />
<img class="mountain" id="mountain10" src="img/mountain3.png" />
<img class="mountain" id="mountain11" src="img/mountains2.png" />
<img class="mountain" id="mountain12" src="img/mountains1.png" >
<img class="mountain" id="mountain13" src="img/mountains2.png" />
<img class="mountain" id="mountain14" src="img/mountains2.png" />
<img class="mountain" id="mountain15" src="img/mountains1.png" />
<img class="balloon" src="img/balloon1.png" />
<div class="title">
<h1>学习经历</h1>
</div>
<div class="birthplace">
<div class="border1">
<a class="taihe" href="https://j.17qq.com/article/qqphwqswy.html"><img src="img/taihe.jpg"/></a>
</div>
<div class="border2">
<h1>出生地</h1>
<p>安徽省太和县</p>
</div>
</div>
<div class="primarySchool">
<div class="banner-a">
<div class="banner-top-a"></div>
<div class="banner-middle-a">
<div class="text-a" id="banner">June, 2011</div>
<div class="banner-line" id="banner"></div>
<div class="text-b" id="banner">从太和县第一小学毕业</div>
<div class="banner-line" id="banner"></div>
<div class="text-c" id="bannern">小学6年换了3个学校<br/>有趣</div>
</div>
<div class="banner-bottom-a"></div>
</div>
<img class="grass" src="img/grass.png"/>
</div>
<div class="middleSchool">
<div class="banner-b">
<div class="banner-top-b"></div>
<div class="banner-middle-b">
<div class="text-a" id="banner">July, 2014</div>
<div class="banner-line" id="banner"></div>
<div class="text-b" id="banner">从太和县第九中学毕业</div>
<div class="banner-line" id="banner"></div>
<div class="text-c" id="bannern">别了,别了，这个小学校<br/>轻松又波折的初中生活</div>
</div>
<div class="banner-bottom-b"></div>
</div>
<img class="grass" src="img/grass.png"/>
</div>
<div class="highSchool">
<div class="banner-c">
<div class="banner-top-a"></div>
<div class="banner-middle-c">
<div class="text-a" id="banner">June, 2017</div>
<div class="banner-line" id="banner"></div>
<div class="text-b" id="banner">从太和中学<br/>毕业</div>
<div class="banner-line" id="banner"></div>
<div class="text-c" id="bannern">紧张刺激的高中生活过得过于舒服了<br/>高考就一般了</div>
</div>
<div class="banner-bottom-a"></div>
</div>
<img class="grass" src="img/grass.png"/>
</div>
<div class="college">
<div class="banner-d">
<div class="banner-top-b"></div>
<div class="banner-middle-d">
<div class="text-a" id="banner">Sep, 2017</div>
<div class="banner-line" id="banner"></div>
<div class="text-b" id="banner">入学<br />金陵科技学院</div>
<div class="banner-line" id="banner"></div>
<div class="text-c" id="bannern">慢慢地，慢慢地<br />就到了大三下学期，前两年的生活似乎都是一个样的</div>
</div>
<div class="banner-bottom-b"></div>
</div>
<img class="grass" src="img/grass.png"/>
</div>
<div class="title" id="title-interests">
<h1>兴趣爱好</h1>
</div>
<div class="interests-a">
<img class="interests-note-a" src="img/notepaper-a.png" />
<iframe class="xsvideo" src="https://player.bilibili.com/player.html?aid=83014811&bvid=BV18J411p7mY&cid=142017386&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<h1 class="xs">相声</h1>
<audio id="gm" src="img/gm.flac"></audio>
<img class="gy" onmouseover="gmplay()" onmouseout="gmpause()" src="img/gy.jpg" />
<img class="interests-bottom" src="img/bythesea.png" />
</div>
<div class="interests-b">
<img class="interests-note-b" src="img/notepaper-c.png" />
<img class="interests-note-bn" src="img/notepaper-c.png" />
<img class="cat-dog" src="img/cat-dog.jpg" />
<img class="cat-fox" src="img/cat-fox.jpg" />
<div class="interests-text-box-a">
<div class="interests-text-a" id="interests-a">猫是哲学家，它可以一整天对着天空冥想和发呆</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-b">猫是探险家，常在衣橱深处找到它和那条消失很久的围巾和袜子</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-c">猫是小孩子，揉个纸球给它就可以玩到疯癫</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-d">猫是安慰剂，它懂人们的敏感和脆弱。</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-e">猫是艺术品，天天换姿势让你欣赏，光看着就不容自主的傻笑。</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-f">猫是守护神，不离开家一步，是守候的家人</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-g">猫是治疗师，有时会忍耐你随性的掌控欲。</div>
<div class="interests-line"></div>
<div class="interests-text-a" id="interests-h">猫是万用的朋友，猫是你多重愿望的化身。</div>
<div class="interests-line"></div>
</div>
<img class="interests-bottom-b" src="img/bythesea.png" />
</div>
<div class="interests-c">
<img class="interests-note-c" src="img/notepaper-b.png" />
<img title="Minecraft Earth" class="gamemc" src="img/gamemc.png" />
<img title="红石计算机" class="mcCom" src="img/mcCom.jpg" />
<div class="interests-text-box-b">
<div class="interests-text-b" id="interests-a">你可以用方块建造建筑模型 ，建造雕塑，设计物品，甚至1：1还原现实建筑</div>
<div class="interests-text-b" id="interests-b">你可以在生存模式下探索这个世界，改造这个世界，或者添加mod，发现更多乐趣</div>
<div class="interests-text-b" id="interests-c">你可以研究红石机械，实现自动化、机械化、甚至信息化</div>
<div class="interests-text-b" id="interests-d">你还可以钻研指令，用mc制作自己的游戏</div>
<!-- <div class="interests-text-b" id="interests-e">...</div>
<div class="interests-text-b" id="interests-f">...</div>
<div class="interests-text-b" id="interests-g">...</div>
<div class="interests-text-b" id="interests-h">...</div> -->
</div>
<img class="interests-bottom" src="img/bythesea.png" />
</div>
<div class="contact-box">
<div class="contact-title"></div>
<!-- <form action="MAILTO:woodenhorsevirus@gmail.com" method="post" enctype="text/plain">
<div class="contact-main">
<div class="contact-message">
<textarea class="email-message" name="message" type="text"></textarea>
</div>
</div>
<div class="contact-button">
<input class="send-email" src="img/contact-button.png" type="image" value="submit">
</div>
</form> -->
<div class="contact-main"></div>
<div class="contact-message"></div>
<form action="MAILTO:woodenhorsevirus@gmail.com" method="post" enctype="text/plain">
<textarea class="email-message" name="massage" type="text/plain" placeholder="please input English."></textarea>
<input class="send-email" src="img/contact-button.png" type="image" value="submit" />
</form>
</div>
<div class="main">
<div class="bg"> </div>
<div class="boat" id="boat"></div>
<div class="sea">
<div class="sea_wave"></div>
</div>
</div>
<!-- 遮罩 -->
<div class="main-shade" id="main-shade"></div>
<div class="shade-button" id="shade-button">
<a href="#"><h1 onclick="removeShade()">Start Sailing！</h1></a>
</div>
</body>
</html>