<![CDATA[
<p> </p><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>    <title>Portfolio Landing Page</title> </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 name="viewport" content="width=device-width" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel='stylesheet' href='<a href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'</a>> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><link rel='stylesheet' href='<a href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css'" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css'</a>> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><link rel='stylesheet' href='<a href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@100;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@100;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap</a>"rel="stylesheet'> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><link rel='stylesheet' href='<a href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'</a>> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="styles.css" /> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><style> </b></span><br><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>} </b></span><br><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>  scroll-behavior: smooth; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>::-webkit-scrollbar { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>::-webkit-scrollbar-track { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #f1f1f1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.loader_bg { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 9999999; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.loader { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  top: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.loader img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 280px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>::-webkit-scrollbar-thumb { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 12px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #f57308, #fff, rgb(11, 242, 7)); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>::-webkit-scrollbar-thumb:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #1a6ad2, #fff, rgb(245, 5, 53)); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Simillar  */ </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>section { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 100px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.max-width { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  max-width: 1300px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 80px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  flex-wrap: wrap; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>section .title { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 40px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding-bottom: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Ubuntu", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>section .title::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: ""; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 0px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 180px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 3px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: translateX(-50%); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>section .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: -8px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: translateX(-50%); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Navbar  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 999; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 30px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Ubuntu", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar.sticky { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 15px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .max-width { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .logo a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 35px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Nav Logo Span Linear-Gradient  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .logo a span { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #041d3d, #fff, crimson); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-background-clip: text; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-text-fill-color: transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar.sticky .logo a span { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .menu li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  list-style: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .menu li a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 18px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: color 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .menu li a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar.sticky .menu li a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Menu Btn  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.menu-btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 23px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.scroll-up-btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 45px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 42px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  right: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  line-height: 45px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 9999; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-bottom-width: 2px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  opacity: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  pointer-events: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.scroll-up-btn.show { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  opacity: 1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  pointer-events: auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.scroll-up-btn:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  filter: brightness(90%); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Home  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: url("<a href="https://source.unsplash.com/720x600/?dark,laptop" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?dark,laptop</a>") no-repeat </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  min-height: 500px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-size: cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-attachment: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Ubuntu", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .max-width { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .max-width .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-right: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content .text-1 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 27px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content .text-2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left: -3px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content .text-3 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 40px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 5px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/* Linear Gradient */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content .text-3 span { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #041d3d, #fff, crimson); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-background-clip: text; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-text-fill-color: transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 12px 36px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 400; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.home .home-content a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  animation: pulsate 1s ease-in-out; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  About  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: radial-gradient(#e1efff, white); </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>.about .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "—Who I Am ?—"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-overflow: ellipsis; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: -webkit-inline-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-line-clamp: 3; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-box-orient: vertical; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .left { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 45%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .left img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 400px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 400px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  object-fit: cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 55%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/* Linear Gradiant */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right .text span { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  /* color: #1e3551; */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #041d3d, #fff, crimson); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-background-clip: text; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-text-fill-color: transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: justify; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .about-content .right a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  animation: pulsate 1s ease-in-out; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Service  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #111; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .title::before, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .title::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .title::after, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #111; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "What I Provide ?"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: calc(33% - 20px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #222; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 50px 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card .box { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card:hover .box { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: scale(1.05); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card i { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 50px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #888e8d; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: linear-gradient(135deg, #041d3d, #fff, crimson); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-background-clip: text; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-text-fill-color: transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: color 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card:hover i { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.services .serv-content .card .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 10px 0 7px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Skills  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: radial-gradient(#e1efff, white); </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>.skills .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "—What I Know ?—"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: calc(50% - 30px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .left .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .left p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: justify; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .left a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 18px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 8px 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .left a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  animation: pulsate 1s ease-in-out; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.intern, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.project { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  list-style: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.intern::before, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.project::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "✪ "; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .right .bars { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .right .info { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .right span { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 18px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .right .line { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: lightgrey; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills .skills-content .right .line::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: ""; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  top: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .python::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 90%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .html::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 80%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .css::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 60%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .js::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 40%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .bootstraps::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 60%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.skills-content .right .django::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 70%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Projects  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "What I did ?"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #222; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 25px 35px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  overflow: hidden; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card .box { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  flex-direction: column; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card:hover .box { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: scale(1.05); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 10px 0 7px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 150px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 150px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  object-fit: cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 5px solid #888c8d; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.projects .carousel .card:hover img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.owl-dots { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.owl-dot { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 13px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 13px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  outline: none !important; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #888c8d !important; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.owl-dot.active { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 35px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 14px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.owl-dot.active, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.owl-dot:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #18365a !important; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Contact  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: radial-gradient(#e1efff, white); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: "—Get in Touch—"; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: calc(50% - 30px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 600; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .left p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: justify; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .left .icons { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 10px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 65px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .row .info { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .row i { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .info .head { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #000; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .contact-content .info .sub-title { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .fields { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .field, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .fields .field { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 45px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .textarea { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 80px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .name { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-right: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .field input, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .textarea textarea { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 1px solid lightgrey; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </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>  padding: 0 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 17px; </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>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .field input:focus, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .textarea textarea:focus { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-color: #b3b3b3; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .textarea textarea { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding-top: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  resize: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .right form .button-area { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.right form .button-area button { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 160px !important; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 45px; </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>  font-size: 18px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 500; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 6px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  flex-wrap: nowrap; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.right form .button-area button:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  animation: pulsate 1s ease-in-out; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Social  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.col-4 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #d8d8d8; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 20%; </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>  margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: translate(-50%, -50%); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  list-style: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li .fa { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  line-height: 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: 0.6s; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #000; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li .fa:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  right: 12px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding-top: 3px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #1e3551; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: 0.6s; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transform: translate(0, -10px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li:nth-child(1) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #131418; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li:nth-child(2) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #0a66c2; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li:nth-child(3) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #e4405f; </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>.social-menu ul li:nth-child(4) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #1da1f2; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li:nth-child(5) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #e33054; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.social-menu ul li:nth-child(6) a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #fc4f08; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.fa-brands { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.fa-solid { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Footer  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #111; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 6px 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #888c8d; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer span a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #1e3551; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer span a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: underline; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/*  Media Query  */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@keyframes pulsate { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  0% { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    box-shadow: 0 0 25px #888e8d, 0 0 50px #1e3551; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (max-width: 1104px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .about .about-content .left img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 350px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 350px; </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>  section .title::after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: -8px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 16px; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (max-width: 991px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .social-menu ul li a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    left: 114px; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (max-width: 947px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .menu-btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    z-index: 999; </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>  .menu-btn i.active:before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    content: "\f00d"; </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>  .navbar .menu { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    left: -100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background: #111; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding-top: 80px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    transition: all 0.3s ease; </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>  .navbar .menu.active { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    left: 0; </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>  .navbar .menu li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: block; </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>  .navbar .menu li a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 20px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 25px; </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>  .home .home-content .text-2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 70px; </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>  .home .home-content .text-3 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 35px; </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>  .home .home-content a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 23px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 10px 30px; </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>  .max-width { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    max-width: 930px; </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>  .about .about-content .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </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>  .about .about-content .left { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 0 auto 60px; </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>  .about .about-content .right { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    flex: 100%; </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>  .services .serv-content .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: calc(50% - 10px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-bottom: 20px; </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>  .skills .skills-content .column, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .contact .contact-content .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-bottom: 35px; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (max-width: 690px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .max-width { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 0 23px; </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>  .home .home-content .text-2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 60px; </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>  .home .home-content .text-3 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 32px; </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>  .home .home-content a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 20px; </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>  .services .serv-content .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (max-width: 500px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .home .home-content .text-2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 50px; </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>  .home .home-content .text-3 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 27px; </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>  .about .about-content .right .text, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .skills .skills-content .left .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 19px; </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>  .contact .right form .fields { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    flex-direction: column; </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>  .contact .right form .name, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .contact .right form .email { </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>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .right form .error-box { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 150px; </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>  .scroll-up-btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    right: 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    bottom: 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 38px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 35px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 23px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    line-height: 38px; </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>} </b></span><br><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><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>      <div class="scroll-up-btn"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <i class="fas fa-angle-up"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Header --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <nav class="navbar"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="logo"><a href="#"><span>AISTECHX</span><span>.com</span></a></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <ul class="menu"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#home" class="menu-btn"><strong>Home</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#about" class="menu-btn"><strong>About</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#services" class="menu-btn"><strong>Services</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#skills" class="menu-btn"><strong>Skills</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#projects" class="menu-btn"><strong>Projects</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#contact" class="menu-btn"><strong>Contact</strong></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="menu-btn"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <i class="fas fa-bars"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </nav> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Home --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="home" id="home"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="home-content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="text-1">Hello, This is</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="text-2">Akash Mahapatra</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="text-3">And I'm a <span class="typing"></span></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <a href="#">Hire me</a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!--  About  --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="about" id="about"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="title">About Me</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="about-content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column left"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <img src="<a href="https://source.unsplash.com/626x626/?profile" target="_blank" class="ke-link">https://source.unsplash.com/626x626/?profile</a>" alt="Profile Image 626x626"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column right"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">I'm Akash and I'm a <span class="typing-2"></span></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p>Seeking an entry-level opportunity with an esteemed organization where I can utilize my skills & enhance learning in the field of work. Capable of mastering new technologies.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">Why Work With Me</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p>I'm a great communicator & love to invest the necessary time to understand the customer's problem very well.</p> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <a href="#link" target="blank">Download CV</a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Services --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="services" id="services"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="title">My services</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="serv-content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <i class="fas fa-laptop-code"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Web Design</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>Your Next Web Developer, who is working in Shopify Dropshipping Stores, High Converting Ecommerce stores, Product Page also having Custom code, liquid template design.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <i class="fas fa-user-secret"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">User Secret</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>I ensures that, there is no sensitive data included in the source code and are stored outside of the project folder. And all the data which is stored by User Secrets is not encrypted.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <i class="fas fa-code"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Apps Design</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>I encompasses both the user interface(UI) & user experience(UX). The overall style of the app, including things like the colour scheme, font selection, and the types of buttons and widgets which will use.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Skills --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="skills" id="skills"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="title">My Skills</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="skills-content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column left"> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">INTERNSHIP</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="intern">#Company Name "Where You work"</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="intern">#Company Name "Where You work"</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="intern">#Company Name "Where You work"</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </p> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">PROJECT</div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">Portfolio (HTML, CSS, js, Bootstraps)</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">eCommerce Website (Shopify liquid-code, HTML, CSS)</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">QuickShop - eCommerce Website (Like Amazon, Flipkart etc.)</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">Fully Responsive Design Email Subscribe form</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">Blog (HTML, CSS, Bootstraps)</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <li class="project">Currently Working on a Messaging App (Like WhatsApp)</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </p> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <br> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">DEVELOPMENT SKILLS</div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                I'm familiar & work on a daily basis with HTML, CSS, JavaScript, Bootstrap, React js and other modern frameworks. </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <a href="#" target="blank">Get Educate...</a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column right"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>Python</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>90%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line python"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>HTML</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>80%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line html"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>CSS</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>60%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line css"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>JavaScript</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>40%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line js"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>Bootstraps</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>60%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line bootstraps"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="bars"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>Django</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <span>70%</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="line django"></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Projects --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="projects" id="projects"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="title">My Projects</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="carousel owl-carousel"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?shopping" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?shopping</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Ecommerce</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?portfolio" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?portfolio</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Portfolio</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?blog" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?blog</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Blog</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?messanger" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?messanger</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Messaging App</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?app-clone" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?app-clone</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Clone</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="box"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <img src="<a href="https://source.unsplash.com/720x600/?code,demo" target="_blank" class="ke-link">https://source.unsplash.com/720x600/?code,demo</a>" alt=""> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="text">Demo</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <p>#Project Details:- Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Contact --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="contact" id="contact"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="max-width"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="title">Contact Me</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="contact-content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column left"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">Get in Touch</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <p>Feel free to get in touch with me. I am always open to discussing new projects, creative ideas or opportunities to be a part of your visions. Email me with any questions or inquiries. I'll happy to answer your questions and set up a meeting with you.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="icons"> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <a href="#"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="row"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <i class="fa-solid fa-user-large"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                      <div class="head">Name</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                      <div class="sub-title"><a href="#" style="text-decoration: none; color: #333;"> Akash Mahapatra</a></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </a> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="row"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <i class="fa-solid fa-location-dot"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="head"> Address</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="sub-title"> ABC, 123 Lane, India</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="row"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <i class="fa-solid fa-envelope"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="head">Email</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="sub-title"><a href="mailto:#" style="text-decoration: none; color: #333;"> example@example.com</a></div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="row"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <i class="bi bi-translate"></i> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="head">Language Known</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <div class="sub-title">Hindi, English, Odia, Bengali</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <br> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <!-- Social --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="social-menu"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <li><a href="#"><i class="fa-brands fa-github"></i></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <li><a href="#" title="Get Educate with Us"><i class="fa-solid fa-graduation-cap"></i></a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <!-- Reach --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="column right"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <div class="text">Message me</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <form action="#"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="fields"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="field name"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <input type="text" placeholder="Your Name" required> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <div class="field email"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                    <input type="email" placeholder="Your Email" required> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="field"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <input type="text" placeholder="Subject" required> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="field textarea"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <textarea cols="30" rows="10" placeholder="Message.." required></textarea> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                <div class="button-area"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                  <button type="submit">Send message</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>                </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              </form> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Footer --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <footer> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <a href="#"> Akash Mahapatra</a> | <span class="far fa-copyright"> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </span> 2022 All Rights Reserved. Privacy Policy </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </footer> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <span> <a href="#"> Akash Mahapatra</a> | <span class="far fa-copyright"></span> 2022 All Rights Reserved. Privacy Policy </span> </footer> <script src='<a href="https://kit.fontawesome.com/3b57a2a2a7.js'" target="_blank" class="ke-link">https://kit.fontawesome.com/3b57a2a2a7.js'</a>></script> <script src='<a href="https://code.jquery.com/jquery-3.5.1.min.js'" target="_blank" class="ke-link">https://code.jquery.com/jquery-3.5.1.min.js'</a>></script> <script src='<a href="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js'" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js'</a>></script> <script src='<a href="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js'" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js'</a>></script> <script src='<a href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'</a>></script> <script src="script.js"></script> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><script> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>$(document).ready(function () { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  $(window).scroll(function () { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    //  sticky navbar on scroll script  // </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    if (this.scrollY > 20) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      $(".navbar").addClass("sticky"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    } else { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      $(".navbar").removeClass("sticky"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    //  scroll-up button show/hide script  // </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    if (this.scrollY > 500) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      $(".scroll-up-btn").addClass("show"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    } else { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      $(".scroll-up-btn").removeClass("show"); </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>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  //  slide-up script  // </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  $(".scroll-up-btn").click(function () { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    $("html").animate({ scrollTop: 0 }); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    //  removing smooth scroll on slide-up button click  // </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    $("html").css("scrollBehavior", "auto"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  $(".navbar .menu li a").click(function () { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    //  Smooth scroll on Menu Items click  // </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    $("html").css("scrollBehavior", "smooth"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  //  Toggle Navbar  // </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  $(".menu-btn").click(function () { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    $(".navbar .menu").toggleClass("active"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    $(".menu-btn i").toggleClass("active"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  //  Typing Text Animation  // </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  var typed = new Typed(".typing", { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    strings: [ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Fullstack Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Software Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Python Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Founder", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Author" </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>    typeSpeed: 100, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    backSpeed: 60, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    loop: true </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  var typed = new Typed(".typing-2", { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    strings: [ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Fullstack Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Software Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Python Developer", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Founder", </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      "Author" </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>    typeSpeed: 100, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    backSpeed: 60, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    loop: true </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  }); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  //  Owl Carousel  // </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  $(".carousel").owlCarousel({ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin: 20, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    loop: true, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    autoplay: true, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    autoplayTimeOut: 2000, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    autoplayHoverPause: true, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    responsive: { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      0: { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        items: 1, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        nav: false </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>      600: { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        items: 2, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        nav: false </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>      1000: { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        items: 3, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        nav: false </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>    } </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>}); </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></script> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </b></span><br><br></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML  tag   개인 웹페이지 만들기</b></span></p>
<!-- -->
]]>
카페 게시글
★CSS5 ♡ 소스방
개인 웹페이지 만들기[완결]
gyun님
추천 0
조회 11
23.12.15 13:34
댓글 1
다음검색
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default &
https://www.codewithfaraz.com/content/139/personal-portfolio-website-a-step-by-step-guide-with-html-css-and-javascript