<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>나의 프로필</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
max-width: 800px;
margin: auto;
padding: 20px;
}
h1 {
text-align: center;
}
.profile-img {
display: block;
margin: 0 auto;
width: 200px;
height: auto;
border-radius: 50%;
border: 2px solid #333;
}
.section {
margin-bottom: 20px;
}
.section h2 {
border-bottom: 2px solid #333;
padding-bottom: 5px;
}
.contact-list {
list-style-type: none;
padding-left: 0;
}
.contact-list li {
margin-bottom: 5px;
}
.contact-list li a {
text-decoration: none;
color: #333;
}
</style>
</head>
<body>
<header>
<h1>나의 프로필</h1>
</header>
<main>
<section class="section">
<h2>내 사진</h2>
<img class="profile-img" src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FeyZ9LQ%2FbtsGlS07eQW%2FVaR04S8w8BQiDwpqIigw8K%2Fimg.jpg" alt="내 사진">
</section>
<section class="section">
<h2>이름</h2>
<p>서주영</p>
</section>
<section class="section">
<h2>학력</h2>
<p>2015. 03. 서울가원초등학교 입학</p>
<p>2021. 01. 서울가원초등학교 졸업</p>
<p>2021. 03. 가원중학교 입학</p>
<p>2022. 11. 가원중학교 방송부 GBS 합격</p>
<p>2022. 12. 가원중학교 전교 부회장 당선</p>
<p>2023. 03. 가원중학교 신문부 「가원일보」 신설</p>
<p>2024. 01. 가원중학교 졸업</p>
<p>2024. 03. 보인고등학교 입학</p>
<p>2024. 03. 보인고등학교 방송부 BBS 합격</p>
<p>2024. 03. 보인고등학교 1학년 1반 부회장 당선</p>
</section>
<section class="section">
<h2>연락처</h2>
<ul class="contact-list">
<li><a href="mailto:project@sitebygpt.space
">Email : project@sitebygpt.space
</a></li>
<li><a href="tel:+82-10-7919-8019">전화번호 : 010-7919-8019</a></li>
<li>주소 : 서울특별시 송파구 중대로24</li>
</ul>
</section>
<!-- 추가적으로 원하는 정보 섹션을 더 추가할 수 있습니다 -->
</main>
</body>
</html>