-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathself.html
137 lines (135 loc) · 4.41 KB
/
self.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자기소개</title>
<style>
*{
color: white;
}
body{
background-image: url(./44.jpg);
}
table{
width: 70%;
border: 1px solid #222;
border-collapse: collapse;
}
thead{
background: black;
}
th,td{
border: 1px solid #ccc;
padding: 5px;
font-size: 0.8em;
}
#grid{
display: grid;
grid-template-columns: 150px 1fr;
margin: 150px;
}
#grid #main{
padding-left: 100px;
}
mark{
color: black;
background-color: rgb(108, 160, 222);
}
</style>
</head>
<body>
<div id="grid">
<aside>
<div id="namecard">
<img src="./me.jpg" alt="이미지" width="200" height="250">
<h1>Seunghyun</h1>
<p><strong>희망직군<mark>프론트엔드</mark></p>
<p🌱</p>
</div>
<div id="detail">
<p>📝</p>
<a href="" class="fab fa-email"><span class="blind">EMAIL</span></a><br>
<a href="" class="fab fa-github"><span class="blind">GITHUB<br>(bbensemble)</span></a>
</div>
<div id="sns">
<h2>SNS</h2>
<a href="" class="fab fa-instagram"><span class="blind">INSTAGRAM</span></a><br>
<a href="" class="fab fa-twitter"><span class="blind">TWITTER</span></a>
</div>
<br>
<div>
📲<br>
+82 10-7604-6780
</div>
<br>
<div>
<strong>💿프리스타일 - Y</strong>
</div>
</aside>
<div id="main">
<h1 class="subtitle"><mark>HEY, I'M Seunghyun!</mark>👋</h1>
<p><strong>21학번 / 컴퓨터 공학과 </strong></p>
<hr>
</section>
<section>
<h2 class="subtitle">SELF - INTRODUCTION</h2>
<ul>
<li>WHO AM I? 👩
<ul>
<li>자라나는 새싹🌱</li>
<li>무뚝뚝해 보이지만 내면은 따듯함(ISTJ)</li>
<li><MARK>미래를 위해 성장하는 개발자</MARK>🤟</li>
</ul>
</li>
<br>
<li>WHAT I LOVE! ❤️
<ul>
<li>파랑, 검정색</li>
<li>멍 때리기</li>
<li>영화, 노래, 대화</li>
</ul>
</li>
</ul>
<hr>
</section>
<section>
<h2 class="subtitle">ING-🆗</h2>
<table>
<thead>
<tr>
<th>출신학교</th>
<th>전공</th>
<th>기간</th>
<th>구분</th>
</tr>
</thead>
<tbody>
<tr>
<td>부산외국어대학교</td>
<td>컴퓨터공학과</td>
<td>2021-03-02</td>
<td>재학중</td>
</tr>
<tr>
<td>-</td>
<td>프랑스어과</td>
<td>2022-03-02</td>
<td>재학중</td>
</tr>
<tr>
<td>멋쟁이 사자처럼</td>
<td>-</td>
<td>2023-03</td>
<td>진행중</td>
</tr>
</tbody>
</table>
</section>
<hr>
<h2><mark>BE ADDICTED TO BETTERING YOURSELF</mark></h2>
</div>
</div>
</body>
</html>