<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="en"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta charset="UTF-8" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>Responsive Personal Portfolio Website Design | Codehal</title> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- box icons --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link href="<a href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" target="_blank" class="ke-link">https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css</a>" rel="stylesheet" /> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- custom css --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="css/style.css" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    @import‎ url("<a href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap</a>"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>* { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  outline: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  scroll-behavior: smooth; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Poppins", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>:root { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  --bg-color: #1f242d; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  --second-bg-color: #323946; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  --text-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  --main-color: #0ef; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>*::selection { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: var(--main-color); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: var(--bg-color); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>html { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 62.5%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  overflow-x: hidden; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>body { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: var(--bg-color); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: var(--text-color); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/* BREAKPOINTS  </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </head> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- header design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- home section design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- about section design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- services section design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- portfolio section design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- contact section design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- footer design --> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- scroll reveal --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script src="<a href="https://unpkg.com/scrollreveal" target="_blank" class="ke-link">https://unpkg.com/scrollreveal</a>"></script> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- typed js --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script src="<a href="https://cdn.jsdelivr.net/npm/typed.js@2.0.12" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/typed.js@2.0.12</a>"></script> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <!-- custom js --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script src="js/script.js"></script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    /*==================== toggle icon navbar ====================*/ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*==================== scroll sections active link ====================*/ </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  /*==================== sticky navbar ====================*/ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  /*==================== remove toggle icon and navbar when click navbar link (scroll) ====================*/ </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*==================== scroll reveal ====================*/ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*==================== typed js ====================*/</b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> <b>결론</b></b></span></p><p style="text-align: start;">결론적으로 말하면, 개인 <a style="color: #000000;" href="https://www.w3schools.com/howto/howto_website_create_portfolio.asp" target="_top" class="ke-link">포트폴리오</a> 웹사이트가 온라인에서 가장 중요한 역할을 합니다. 이곳은 자신의 것을 자랑하고, 주목을 받고, 디지털 세계에서 자신의 흔적을 남길 수 있는 장소입니다. 아직 하나도 얻지 못했다면 무엇을 기다리고 계십니까? 오늘 당장 나가서 개인 포트폴리오 웹사이트 구축을 시작하고, 당신이 얼마나 멋진 사람인지 세상에 알리세요! 즐거운 코딩 되세요!</p><p><b></b><br><br><br><br><br><br><br><br><br><br></p>
<!-- -->
]]>
