index.html

<DOCTYPE html>
<html lang="ko">
<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>FUNNYCOM</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <div id="container">
    <header>
      <!-- 이름을 가장 위쪽에 -->
      <h1>Kyunghee Ko</h1>
      <h2>Frontend Developer & Web Designer</h2>
    </header>
    <!-- 내용 -->
    <main>
      <!-- 화면을 좌우로 나눔 -->
      <article id="left">
        <div id="pf-img">
          <img src="./pf.png" alt="프로필 이미지">
        </div>

        <!-- 자기 소개 -->
        <section>
          <!-- 소개 내용은 <p>와 </p> 사이의 부분을 수정하세요 -->
          <p>제주의 한 시골 마을에서 열심히 책을 짓고 있습니다.</p>

          <!-- sns 링크 부분 -->
          <!-- href="" 부분의 링크와 내용을 수정하세요 -->
          <ul id="sns">
            <li>
              <i class="fa fa-envelope" aria-hidden="true"></i>
              <a href="mailto:jjlaon@gmail.com">jjlaon@gmail.com</a>              
            </li>
            <li>
              <i class="fab fa-github" aria-hidden="true"></i>
              <a href="github.com/jjlaon">jjlaon</a>              
            </li>
            <li>
              <i class="fab fa-linkedin" aria-hidden="true"></i>
              <a href="linkedin.com/funnyom">funnycom</a>
            </li>
            </ul>
        </section>
      </article>

      <artile id="right">
        <section>
          <h2>경력(work)</h2>
          <!-- 경력 내용 수정 -->
            <dl>
              <dt>회사 A : 2018 ~ 2020</dt>
              <dd>회사에서 맡았던 업무</dd>
              <dd>기타 사항</dd>
            </dl>
            <dl>
              <dt>회사 B : 2020 ~ 2022</dt>
              <dd>회사에서 맡았던 업무</dd>              
            </dl>  
        </section>
        <section>
          <h2>다룰 수 있는 기술(skills)</h2>
          <!-- 자신있는 기술 수정 -->
          <p>HTML/CSS</p>
          <p>Javascritpt</p>
          <p>React</p>
          <p>Github</p>
        </section>
        <section>
          <h2>학력(education)</h2>
          <!-- 학력 수정 -->
          <p>2018.02 - XX 대학교 졸업(전공: 컴퓨터공학)</p>
          <p>2012.02 - XX 고등학교 졸업</p>
          <p> ... </p>
        </section>
      </artile>
    </main>
  </div>
</body>
</html>