This repository has been archived by the owner on Mar 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
brief.html
117 lines (104 loc) · 5.7 KB
/
brief.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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width">
<link rel="icon" href="img\favicon.png" type="image/x-icon" />
<title>简介</title>
<link rel="stylesheet" type="text/css" href="css\style.css">
</head>
<body onload="init()">
<header>
<div class="container" style="z-index: 5">
<nav>
<div class="nav-all">
<div class="nav-left">
<ul>
<li><a href="index.html" class="one">首页</a></li>
<li><a href="brief.html" class="current">简介</a></li>
<li><a href="interests.html" class="three">兴趣</a></li>
<li><a href="exp.html" class="four">经历</a></li>
<hr class="second" />
</ul>
</div>
<div class="nav-sep"></div>
<div class="nav-right">
<button class="redbutton1" onclick="window.location.href='contact.html'">联系我</button>
</div>
</div>
</nav>
</div>
</header>
<div>
<div class="intro-container" style="z-index: 1;">
<div class="intro">
<div class="intro-holder" style="height: 52.5vh; width: 52.5vh;">
<img src="img\avatar512.png" class="avatar512" style="z-index: 1;">
</div>
<div class="intro-holder" style="z-index: 1;">
<h2>关于我</h2>
</div>
</div>
<object data="img\arrow-down-circle.svg" type="image/svg+xml" class="icon-big" style="z-index: 1;"></object>
</div>
<div class="round-container" style="z-index: 0;">
<div class="br-round-1"></div>
</div>
<div class="br-content">
<div class="br-content-up">
<div class="br-holder">
<div class="holder-text-only">
<h2>我是刘国傲。</h2>
<p>你好！我是一名来自东北大学机械工程专业的大学生，对计算机领域充满热爱。虽然我主修机械工程，但我一直对计算机科学和编程充满兴趣，并在大学期间积极学习相关知识。</p>
</div>
</div>
<div class="br-holder">
<img src="img\programming.png" class="br-img" />
<div class="holder-text">
<h2>计算机与编程</h2>
<p>我深入了解了计算机的工作原理和编程技术，并参与了一些与计算机相关的项目。我喜欢探索不同的编程语言和算法，同时也热衷于解决问题和设计创新解决方案。这种对计算机的热情和机械工程的知识相结合，使我能够在跨学科的项目中发挥重要作用。</p>
</div>
</div>
<div class="br-holder">
<object data="img\arrow_1.svg" type="image/svg+xml" class="arrow-h"></object>
</div>
<div class="br-holder">
<div class="holder-text">
<h2>实践与应用</h2>
<p>我在大学期间参与了一些机械工程和计算机科学的实践项目，例如设计和制造自动化装配线，并为其开发了控制系统。我也积极参加编程竞赛和黑客马拉松活动，不断提升自己的技能和知识。</p>
</div>
<img src="img\application.png" class="br-img" />
</div>
<div class="br-holder">
<object data="img\arrow_2.svg" type="image/svg+xml" class="arrow-h"></object>
</div>
<div class="br-holder">
<img src="img\robot_combat.png" class="br-img" />
<div class="holder-text">
<h2>俱乐部与比赛</h2>
<p>除了学术方面，我也注重综合素质的培养。我是学校机器人俱乐部的成员，参与了多个机器人设计和比赛项目。我还担任过学生会的职位，组织过各种活动，培养了团队合作和领导能力。</p>
<button class="glass-button" onclick="window.location.href='https://www.robomaster.com/zh-CN'" style="margin-top: 32px;">进入比赛官网<object data="img\arrow-right-circle.svg" type="image/svg+xml" class="icon"></object></button>
</div>
</div>
</div>
<div class="br-content-down">
<div class="br-holder2" style="z-index: 1;">
<h2>未来</h2>
</div>
<div class="br-holder2" style="z-index: 1;">
<object data="img\arrow_down.svg" type="image/svg+xml" class="arrow-v"></object>
</div>
<div class="br-holder2" style="z-index: 1;">
<div class="future">
<p>未来，我希望将我的机械工程和计算机科学知识结合起来，在智能制造、自动化领域或者机器人技术方面发展自己的职业。我相信，通过不断学习和实践，我将能够在这个融合了机械工程和计算机科学的领域中做出卓越的贡献。</p>
</div>
</div>
</div>
</div>
</div>
<div class="round-container" style="z-index: 0;">
<div class="br-round-2"></div>
</div>
<script type="text/javascript" src="js\better_scroll.js"></script>
</body>
</html>