seull1.github.io/ttt.html at main · Seull1/seull1.github.io · GitHub

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
138
139
140
141
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>김민성 - 웹 개발자 이력서</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  <style>
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin: 20px;
      padding: 20px;
      background-color: #f8f9fa;
    }

    header {
      text-align: center;
      margin-bottom: 30px;
    }

    h1 {
      color: #007bff;
      margin-bottom: 5px;
    }

    p {
      color: #6c757d;
      margin: 0;
    }

    section {
      margin-top: 20px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      margin-bottom: 30px;
    }

    h2 {
      color: #007bff;
      margin-bottom: 20px;
    }

    ul {
      list-style-type: none;
      padding: 0;
    }

    li {
      margin-bottom: 8px;
    }

    .skills ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
    }

    .skills li {
      margin: 0 10px 10px 0;
      background-color: #007bff;
      color: #ffffff;
      padding: 8px;
      border-radius: 4px;
    }

    .contact {
      display: flex;
      flex-wrap: wrap;
    }

    .contact p {
      flex: 1 1 300px;
      margin-right: 20px;
    }

    .contact a {
      color: #007bff;
      text-decoration: none;
    }

    @media (max-width: 600px) {
      .contact p {
        flex: 1 1 100%;
        margin-right: 0;
        margin-bottom: 10px;
      }
    }
  </style>
</head>
<body>
  <header>
    <h1>김민성</h1>
    <p>열정적인 웹 개발자</p>
  </header>

  <section class="main">
    <h2>소개</h2>
    <div>
      <p>안녕하세요! 저는 Java, Spring, HTML, DB, 리눅스 등의 백엔드 기술을 주로 공부하는 개발자입니다. IT융합 학부에서 다양한 IT 분야를 경험하며 넓은 시야를 키웠습니다. 현재 한화시스템 BETOND SW캠프에서 백엔드 개발을 공부하고 있습니다. 프로젝트를 통해 팀 협업과 책임감을 기르고 있습니다.</p>
    </div>
  </section>

  <section class="education">
    <h2>학력</h2>
    <div>
      <ul>
        <li><strong>나사렛대학교</strong></li>
        <li>IT융합학부</li>
        <li>2017.03 - 현재 재학 중</li>
      </ul>
    </div>
  </section>

  <section class="skills">
    <h2>기술 스택</h2>
    <ul>
      <li>HTML, CSS, JavaScript</li>
      <li>Spring Framework</li>
      <li>Git, GitHub</li>
      <li>Java</li>
      <li>JPA</li>
      <li>Linux</li>
      <li>SQL</li>
    </ul>
  </section>

  <section>
    <h2>수상 및 기타</h2>
    <p>네트워크 관리사 2급 취득</p>
  </section>

  <section class="contact">
    <h2>연락처</h2>
    <p>Email: <a href="mailto:wns61419@gmail.com">wns61419@gmail.com</a></p>
    <p>LinkedIn: <a href="https://www.linkedin.com/in/yourname/" target="_blank">linkedin.com/in/yourname</a></p>
    <p>GitHub: <a href="https://github.com/yourusername" target="_blank">github.com/yourusername</a></p>
  </section>
</body>
</html>