<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>온라인 프로필</title>
<style>
table{
width: 70%; /*표너비*/
border: 1px solid #222;
border-collapse : collapse; /*중복되는 표와 셀의 테두리를 한줄로 표시 */
}
thead{
background-color: #eee; /*제목행의 배경색*/
}
th, td{
border: 1px solid #ccc; /*1픽셀 짜리 셀 테두리*/
padding: 5px; /*셀 테두리와 셀 내용 사이의 여백(패딩)*/
font-size: 1em; /*글자 크기*/
}
</style>
</head>
<body>
<div id="container">
<!-- 사이드바-->
<!--<aside>
<div id="namecard">
</div>
<div id ="detail">
</div>
<div id = "sns">
<h2> SNS </h2>
</div>
</aside> -->
</div>
<div id="main">
<!-- 자기소개-->
<hr>
<section>
<h2 class ="subtitle"> Who am I?</h2>
<p><mark>프론트엔드 웹 기술(Front-end Web Tech)</mark>에 관심이 많습니다.</p>
<br>현재 제주의 한 시골 마을에서 코딩 중입니다.</p>
</section>
<!--경력-->
<hr>
<section>
<h2 class= "subtitle"> Experience </h2>
<ul>
<li> 프론트앤드 개발 </li>
<ul> <li> 업무내용 업무내용 업무내용</li>
<li>업무내용</li>
<li>업무내용 업무내용</li>
</ul>
</li>
<li> 웹디자인</li>
<ul><li>업무내용</li>
<li>업무내용 업무내용</li></ul>
</ul>
</section>
<!--숙련도-->
<hr>
<section>
<h2 id= "subtitle"> Skills</h2>
</section>
<!--학력-->
<hr>
<section>
<h2 id="subtitle"> Education</h2>
<table>
<caption>학력사항</caption><!--caption: 표제목-->
<thead>
<tr>
<th>출신학교</th> <th>전공</th><th>기간</th><th>구분</th>
</tr>
</thead>
<tbody>
<td>대학교</td><td>경영학</td><td>2013.3~2020.2</td><td>졸업</td>
</tbody>
<tbody>
<td>고등학교</td><td>-</td><td>2010.3~2013.2</td><td>졸업</td>
</tbody>
</table>
</section>
</div>
</body>
</html>
