-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
80 lines (75 loc) · 3.75 KB
/
aboutme.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/aboutme.css">
</head>
<body>
<div id="container">
<div id="sideBarContainer">
<img id="profilePic" src="assets/profile.jpg" alt="프로필사진">
<ul id="menuContainer">
<li><a href="/index.html"><img src="assets/icons/home/home.png" alt=""></a></li>
<li><a href="/aboutme.html"><img src="assets/icons/resume/free-icon-font-resume (1).png" alt=""></a></li>
<li><a href="/project.html"><img src="assets/icons/project/apps.png" alt=""></a></li>
</ul>
<div id="line"></div>
<p id="updateLog">last update 2024.06.20</p>
</div>
<div id="contentContainer">
<h1 id="title">About me</h1>
<div id="introCard">
<img id="cardProfilePic" src="assets/profile.jpg" alt="프로필사진">
<div id="introContainer">
<p id="introName">김윤현</p>
<p>⌚ 2005.11.18</p>
<p>🏫 한남대학교</p>
<p>💻 CEO&Problem Solver</p>
<p>🪪 정보처리산업기사</p>
</div>
</div>
<h1 id="title">Skill</h1>
<div id="skillContainer">
<div class="plCard">
<h3 id="subTitle">Programming Languages</h3>
<p><img src="assets/skills/html5.png">HTML</p>
<p><img src="assets/skills/css3.png">CSS</p>
<p><img src="assets/skills/js.png">JavaScript</p>
<p><img src="assets/skills/ts.png">TypeScript</p>
<p><img src="assets/skills/c.png">C</p>
<p><img src="assets/skills/java.png">Java</p>
<p><img src="assets/skills/dart.png">Dart</p>
<p><img src="assets/skills/python.png">Python</p>
</div>
<div class="flCard">
<h3 id="subTitle">Frameworks & Libraries</h3>
<p><img src="assets/skills/reactjs.png">React.js</p>
<p><img src="assets/skills/flutter.png">Flutter</p>
<p><img src="assets/skills/jsp.png">JSP</p>
</div>
<div class="ttCard">
<h3 id="subTitle">Tool & Technologies</h3>
<p><img src="/assets/skills/visual_studio.png">Visual Studio</p>
<p><img src="/assets/skills/visual_studio_code.png">Visual Studio Code</p>
<p><img src="/assets/skills/xd.png">Adobe XD</p>
<p><img src="/assets/skills/figma.png">Figma</p>
<p><img src="/assets/skills/jetbarin.png">JetBrain</p>
<p><img src="assets/skills/IntelliJ_IDEA.png">IntelliJ IDEA</p>
<p><img src="assets/skills/android_studio.png">Android Studio</p>
<p><img src="assets/skills/mysql.png">MySQL</p>
<p><img src="assets/skills/oracle.png">Oracel</p>
<p><img src="assets/skills/mariadb.png">MariaDB</p>
<p><img src="assets/skills/appwrite.png">Appwrite</p>
</div>
<div class="osCard">
<h3 id="subTitle">Other Skills</h3>
<p><img src="assets/skills/powerpoint.png">PowerPoint</p>
</div>
</div>
</div>
</div>
</body>
</html>