generated from sanviiz/nextjs-tailwind-context-ts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 69.6 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charSet="utf-8"/><title>Jetniphan Pukkham - @All about Akiira.</title><meta http-equiv="content-language" content="en-us"/><meta name="robots" content="follow"/><meta name="description" content="Hello my name is Jetniphan Pukkham. I'am FrontEnd Developer. This all about for me."/><meta property="og:title" content="Jetniphan Pukkham-@All about me."/><meta property="og:description" content="Hello my name is Jetniphan Pukkham. I'am FrontEnd Developer. This all about for me."/><meta property="og:url" content="https://jeniphan.github.io/"/><meta property="og:type" content="website"/><meta name="theme-color" content="#ffa500"/><meta property="og:image" content="https://jeniphan.github.io/image/SEO__Jetniphan.png"/><meta property="fb:app_id" content="1137762390349813"/><meta name="viewport" content="initial-scale=1.0, width=device-width"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:image" content="https://jeniphan.github.io/image/SEO__Jetniphan.png"/><meta property="twitter:url" content="https://jeniphan.github.io/"/><meta property="twitter:title" content="Jetniphan Pukkham-@All about me."/><meta property="twitter:description" content="Hello my name is Jetniphan Pukkham. I'am FrontEnd Developer. This all about for me."/><meta name="twitter:site" content="@Jnpk_"/><meta name="twitter:creator" content="@Jnpk_"/><meta name="keywords" content="jaay jetniphan, Jaay, Jay, Jaay Jetniphan, Jeniphan Pukkham, Jetniphan, Jeniphan, Jeniphan Pukkham, Jaay Jeniphan, jaay jeniphan, Jeni, jeni, web, web developer, front end, frontend, front-end, frontend developer, frontend dev, full-stack, full stack, devมakiira, Akiira, akira, Akiira, akiira.online, akiira about"/><link rel="icon" href="/favicon.png"/><meta name="next-head-count" content="22"/><link rel="preload" href="/_next/static/css/5165fc3cf237b20c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5165fc3cf237b20c.css" data-n-g=""/><link rel="preload" href="/_next/static/css/533855572d444980.css" as="style"/><link rel="stylesheet" href="/_next/static/css/533855572d444980.css" data-n-p=""/><link rel="preload" href="/_next/static/css/101d3cadef5d13ba.css" as="style"/><link rel="stylesheet" href="/_next/static/css/101d3cadef5d13ba.css" data-n-p=""/><link rel="preload" href="/_next/static/css/8a055666c887c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8a055666c887c3ed.css" data-n-p=""/><link rel="preload" href="/_next/static/css/fc0bea531d894350.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fc0bea531d894350.css" data-n-p=""/><link rel="preload" href="/_next/static/css/c86637ac9fb213ae.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c86637ac9fb213ae.css" data-n-p=""/><link rel="preload" href="/_next/static/css/cf8580a280374158.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cf8580a280374158.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-16712bdf1ff4b27f.js" defer=""></script><script src="/_next/static/chunks/framework-dc33c0b5493501f0.js" defer=""></script><script src="/_next/static/chunks/main-f93e48e0454364e6.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ce4276b782fac0eb.js" defer=""></script><script src="/_next/static/chunks/252f366e-1c572ca7470b5645.js" defer=""></script><script src="/_next/static/chunks/d64684d8-816dc047caaa7cf2.js" defer=""></script><script src="/_next/static/chunks/1bfc9850-f50e4f4245de2f93.js" defer=""></script><script src="/_next/static/chunks/d7eeaac4-401073143260cf63.js" defer=""></script><script src="/_next/static/chunks/473-feeab1c98910e7d9.js" defer=""></script><script src="/_next/static/chunks/pages/index-12e6a0a8527cb361.js" defer=""></script><script src="/_next/static/w65te5hdLX6tleNwqlon1/_buildManifest.js" defer=""></script><script src="/_next/static/w65te5hdLX6tleNwqlon1/_ssgManifest.js" defer=""></script><script src="/_next/static/w65te5hdLX6tleNwqlon1/_middlewareManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="react-reveal"><div class="children"><div class="screen w-full"><div class="background w-full h-[100vh] animation"><div class="w-full h-full row items-center m-0"><div style="transition:opacity 400ms, transform 400ms;transform:translateY(20px);opacity:0"><div class="col text-center w-full justify-center"><span class="animation_name_dark__3QE1R animate__animated animate__bounce p-0">Akiira</span><div class="w-full flex justify-content-center"><div class="w-[414px] animation_lottie__nmg1d"><div style="width:100%;height:50px;overflow:hidden;margin:0 auto;outline:none" title="" role="button" aria-label="animation" tabindex="0"></div></div></div></div></div></div></div></div><div><div class="header__top fixed z-[50] h-[70px] w-full background"><div class="header container w-100 h-100 "><div class="row align-items-center h-100 w-100"><div class="title-text col-md flex justify-content-between"><h2>Akiira</h2><div class="menu col-md"><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger botton-menu background"><span role="img" aria-label="menu" class="anticon anticon-menu icon-menu"><svg viewBox="64 64 896 896" focusable="false" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg></span></button></div></div><div class="col-md w-full nav-header"><ul class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark flex justify-content-center" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal" style="opacity:1;order:0" role="none"><div role="menuitem" class="ant-menu-submenu-title" tabindex="-1" aria-expanded="false" aria-haspopup="true"><span class="ant-menu-title-content">Profile</span><i class="ant-menu-submenu-arrow"></i></div></li><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-disabled ant-menu-item-only-child" style="opacity:1;order:1" role="menuitem" aria-disabled="true"><span class="ant-menu-title-content"><span>Blog</span></span></li><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child" style="opacity:1;order:2" role="menuitem" tabindex="-1"><span class="ant-menu-title-content">Contact</span></li><li class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal" style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute" aria-hidden="true" role="none"><div role="menuitem" class="ant-menu-submenu-title" tabindex="-1" aria-expanded="false" aria-haspopup="true"><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span><i class="ant-menu-submenu-arrow"></i></div></li></ul><div style="display:none" aria-hidden="true"></div></div><div class="switch col-md align-items-center"><div style="position:relative;display:inline-block;text-align:left;opacity:1;direction:ltr;border-radius:14px;-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;transition:opacity 0.25s;touch-action:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none"><div class="react-switch-bg" style="height:28px;width:56px;margin:0;position:relative;background:#888888;border-radius:14px;cursor:pointer;-webkit-transition:background 0.25s;-moz-transition:background 0.25s;transition:background 0.25s"><div style="height:28px;width:30px;position:relative;opacity:0;pointer-events:none;-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;transition:opacity 0.25s"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="h-100 w-[19px] ml-[7px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path></svg></div><div style="height:28px;width:30px;position:absolute;opacity:1;right:0;top:0;pointer-events:none;-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;transition:opacity 0.25s"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="h-100 w-[18px] ml-[5px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path></svg></div></div><div class="react-switch-handle" style="height:26px;width:26px;background:#ffffff;display:inline-block;cursor:pointer;border-radius:50%;position:absolute;transform:translateX(1px);top:1px;outline:0;border:0;-webkit-transition:background-color 0.25s, transform 0.25s, box-shadow 0.15s;-moz-transition:background-color 0.25s, transform 0.25s, box-shadow 0.15s;transition:background-color 0.25s, transform 0.25s, box-shadow 0.15s"></div><input type="checkbox" role="switch" aria-checked="false" style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px"/></div></div></div></div></div><div class="bg-content content"><div class="container pt-[70px]" id="profile"><div class="padding_in pr-[100px] pl-[100px]"><div class="react-reveal" style="opacity:0"><div class="titlecontent_titlecontent__KhnlQ relative h-[100vh] w-full"><div class="titlecontent_screenanimate__7bhQc absolute z-[40] bottom-[3rem]"><div class="cursor-pointer"><div style="width:100px;height:200px;overflow:hidden;margin:0 auto;outline:none" title="" role="button" aria-label="animation" tabindex="0"></div></div></div><div class="w-full h-full flex items-center"><div class="titlecontent_content__dHG1p row items-center"><div class="col-lg-2 titlecontent_ul_icon__BYGyK"><ul class="titlecontent_ul_icon_content__XCvOy"><li class="py-[1rem]"><a href="https://www.facebook.com/jeniphan.pukkham/" class="text-[#fafafa6e]" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg></a></li><li class="py-[1rem]"><a href="https://www.linkedin.com/in/jetniphan-pukkham-957671212/" class="text-[#fafafa6e]" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path></svg></a></li><li class="py-[1rem]"><a href="https://github.com/Jeniphan" class="text-[#fafafa6e]" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></li></ul></div><div class="col-lg-5 gap-3"><div class="titlecontent_title__ssWVy text-[#fafafa]"><span class="titlecontent_hi_class___XabA text-[#fafafa]">Hi' I am</span><h1 class="text-[#fafafa]">Jaay Jetniphan</h1><span class="titlecontent_web_class__F0DyM text-[#fafafa6e]">Web Developer</span><div class="personal pt-[2rem] leading-relaxed"><p>Web Developer with hands-on experience in JavaScript, TypeScript, html, CSS, Angular Framework, NextJS. And also experience in Back-End Developer such as Nodejs, Express, NestJS Framework, GCP, and others.</p></div></div><div class="flex justify-content-center w-full pt-[2rem]"><div class="titlecontent_button__VrpyP"><button type="button" class="ant-btn ant-btn-round ant-btn-primary titlecontent_button_text__xH1sE"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="text-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9 8.5h2.793l.853.854A.5.5 0 0 0 13 9.5h1a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H9v1z"></path><path d="M12 3H4a4 4 0 0 0-4 4v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a4 4 0 0 0-4-4zM8 7a3.99 3.99 0 0 0-1.354-3H12a3 3 0 0 1 3 3v6H8V7zm-3.415.157C4.42 7.087 4.218 7 4 7c-.218 0-.42.086-.585.157C3.164 7.264 3 7.334 3 7a1 1 0 0 1 2 0c0 .334-.164.264-.415.157z"></path></svg><span>Contact me</span></button></div></div></div><div class="col-lg-5 w-full flex justify-content-center"><div class="titlecontent_img__czQ_6"><img src="image/profile.jpg" alt="profile"/></div></div></div></div></div></div></div><div class="twocontent row w-full m-0 pr-[100px] pl-[100px]" id="about"><div class="aboutme_about__3So3j w-full row justify-content-center pt-[100px] pb-[100px] m-0"><div class="text-center aboutme_title_dark__YcfO3"><h2>About me</h2><span>Personal Profile</span></div><div class="row gap-y-5"><div class="col-lg-6 flex justify-content-center"><div class="aboutme_img__f4pex"><img src="image/aboutme.jpg" alt="about"/></div></div><div class="aboutme_content___Zj4M col-lg-6"><div class="aboutme_header_dark__qQwLw gap-4"><h3>Jetniphan Pukkham</h3><span class="ant-tag ant-tag-blue">Front-End</span><span class="ant-tag ant-tag-blue">Back-End</span><span class="ant-tag ant-tag-blue">Full Stack</span></div><div class="aboutme_text_dark__ogChw pt-[1rem] leading-relaxed text-[14px]"><p>Hello. My name is Jetniphan Pukkham, everyone called me Jaay. I'm studying at King Mongkut's University of Technology Thonburi. My major was Electronic and Telecommunication Engineering. I'm interested about Web Development.</p></div><div class="button w-full flex flex justify-content-center pt-[2rem]"><a href="https://jeniphan.github.io/resume/resume_Jetniphan.pdf" class="" target="_blank" rel="noopener noreferrer"><button type="button" class="ant-btn ant-btn-round ant-btn-primary aboutme_button_text__zU0Wu"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="text-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-5.904-2.803a.5.5 0 1 1 .707.707L6.707 10h2.768a.5.5 0 0 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.525a.5.5 0 0 1 1 0v2.768l4.096-4.096z"></path></svg><span>Resume</span></button></a></div></div></div></div></div><div id="educations"><div class="q_content w-full m-0 pr-[100px] pl-[100px] h-[100vh] pt-[70px]" id="works"><div class="title_q text-center"><h2 class="text-[#fafafa]">Qualification</h2><span class="text-[#fafafa6e]">My personal journey</span></div><div class="menu_q_dark mt-[100px]"><ul class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark flex justify-content-center" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child" style="opacity:1;order:0" role="menuitem" tabindex="-1"><span class="ant-menu-title-content">Educations</span></li><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child" style="opacity:1;order:1" role="menuitem" tabindex="-1"><span class="ant-menu-title-content">Works</span></li><li class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal" style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute" aria-hidden="true" role="none"><div role="menuitem" class="ant-menu-submenu-title" tabindex="-1" aria-expanded="false" aria-haspopup="true"><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span><i class="ant-menu-submenu-arrow"></i></div></li></ul><div style="display:none" aria-hidden="true"></div></div><div class=" education h-100 w-auto overflow-hidden"><div class="react-reveal"><div class="undefined flex justify-content-center h-100 w-full pt-[70px]"><ul class="ant-timeline ant-timeline-label"><li class="ant-timeline-item education_education_title__AZRLn text-[#fafafa] ant-timeline-item-left"><div class="ant-timeline-item-label">Aprill, 2018 - Present</div><div class="ant-timeline-item-tail"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue"></div><div class="ant-timeline-item-content"><a href="https://www.kmutt.ac.th/" class="" target="_blank" rel="noopener noreferrer"><h4 class="text-[#fafafa]">King Mongkut's University of Technology Thonburi.<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"></path><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"></path></svg></h4></a><p class="text-[#fafafa6e]">Electronic and Telecommunication Dept.</p></div></li><li class="ant-timeline-item education_education_title__AZRLn text-[#fafafa] ant-timeline-item-left"><div class="ant-timeline-item-label">2015 - 2018</div><div class="ant-timeline-item-tail"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue"></div><div class="ant-timeline-item-content"><a href="http://swt.ac.th/" class="" target="_blank" rel="noopener noreferrer"><h4 class="text-[#fafafa]">Soemngam Witthayakhom School.<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"></path><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"></path></svg></h4></a><p class="text-[#fafafa6e]">Sciences and Mathematics Program.</p></div></li><li class="ant-timeline-item education_education_title__AZRLn text-[#fafafa] ant-timeline-item-last ant-timeline-item-left"><div class="ant-timeline-item-label">2013 - 2015</div><div class="ant-timeline-item-tail"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue"></div><div class="ant-timeline-item-content"><a href="http://swt.ac.th/" class="" target="_blank" rel="noopener noreferrer"><h4 class="text-[#fafafa]">Soemngam Witthayakhom School.<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"></path><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"></path></svg></h4></a><p class="text-[#fafafa6e]">Junior high school.</p></div></li></ul></div></div></div><div class="hidden work h-100 w-auto overflow-hidden"><div class="react-reveal" style="opacity:0"><div class="undefined flex justify-content-center h-100 w-full pt-[70px]"><ul class="ant-timeline ant-timeline-label"><li class="ant-timeline-item work_work_title__RoZCO text-[#fafafa] ant-timeline-item-last ant-timeline-item-left"><div class="ant-timeline-item-label">Jun 1st, 2021 - Nov 30th, 2021</div><div class="ant-timeline-item-tail"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue"></div><div class="ant-timeline-item-content"><a href="https://www.denso.com/th/th/about-us/company-information/tdet/" class="" target="_blank" rel="noopener noreferrer"><h4 class="text-[#fafafa]">TOYOTA TSUSHO DENSO ELECTRONIC(THAILAND)Co.,Ltd.<!-- --> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"></path><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"></path></svg></h4></a><p class="text-[#fafafa6e]">Software Engineer Intern.</p></div></li></ul></div></div></div></div></div><div class="skillcontent row w-full m-0 pr-[100px] pl-[100px]" id="skills"><div class="skill_skill__eoBIP w-full h-[100vh] pt-[70px] m-0 overflow-hidden"><div class="text-center skill_title_dark__k6PVi"><h2>Skills</h2><span>My technical level</span></div><div class="skill_menu_skill_dark__FdfJb mt-[20px]"><ul class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark flex justify-content-center" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-selected ant-menu-item-only-child" style="opacity:1;order:0" role="menuitem" tabindex="-1"><span class="ant-menu-title-content">Technical Skills</span></li><li class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child" style="opacity:1;order:1" role="menuitem" tabindex="-1"><span class="ant-menu-title-content">Soft skills</span></li><li class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal" style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute" aria-hidden="true" role="none"><div role="menuitem" class="ant-menu-submenu-title" tabindex="-1" aria-expanded="false" aria-haspopup="true"><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" focusable="false" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span><i class="ant-menu-submenu-arrow"></i></div></li></ul><div style="display:none" aria-hidden="true"></div></div><div class="row w-full h-full pb-[150px] skill_major_content__OFxHz m-0 "><div class="react-reveal col-lg-4 flex justify-content-center"><div class="skill_card__xA9Vm w-[270px] h-[530px] p-[1rem] rounded-xl drop-shadow-lg bg-[#064663]"><div class="skill_hedder__4_Py8"><h3 class="">Front-End Developer</h3></div><div class="content_front p-[1rem]"><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>JavaScript</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>TypeScript</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>html</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>CSS</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Bootstrap</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Angular Framework</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>NextJS Framework</h4><p class="pl-[1.5rem] text-[#fafafa6e] }">Intermediate</p></div></div></div></div><div class="react-reveal col-lg-4 flex justify-content-center"><div class="skill_card__xA9Vm w-[270px] h-[530px] p-[1rem] rounded-xl drop-shadow-lg bg-[#064663]"><div class="skill_hedder__4_Py8"><h3 class="">Back-End Developer</h3></div><div class="content_back p-[1rem]"><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>NodeJS</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>TypeScript</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Express</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>NestJS Framework</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>MySQL</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>GCP</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Firebase</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div></div></div></div><div class="react-reveal col-lg-4 flex justify-content-center"><div class="skill_card__xA9Vm w-[270px] h-[530px] undefined p-[1rem] rounded-xl drop-shadow-lg bg-[#064663]"><div class="skill_hedder__4_Py8"><h3 class="">Embaddeds and Programing</h3></div><div class="content_embad p-[1rem]"><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Arduino</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Raspberry Pi</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>ESP32 & CatLoRa</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>MIPs Assembly</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>C++</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div><div class=""><h4 class="text-[16px] flex align-items-center gap-2 text-[#fafafa]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Python</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Basic</p></div></div></div></div></div><div class="skill_check__7na3V row w-full skill_major_content__OFxHz m-0"><div class="react-reveal col-lg flex justify-content-center" style="opacity:0"><div class="w-auto p-[1rem] rounded-xl drop-shadow-lg bg-[#064663]"><div class="skill_hedder__4_Py8"><h3 class="">Soft Skills</h3></div><div class="content_soft p-[1rem]"><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Time Management</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Teamwork and Collaboration</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Complex Problem Solving</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Communication skills</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Flexibility and Adaptability</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div><div class=""><h4 class="flex align-items-center gap-2 text-[#fafafa] text-[16px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>Leadership</h4><p class="pl-[1.5rem] text-[#fafafa6e]">Intermediate</p></div></div></div></div></div></div></div><div class="projectcontent row w-full m-0 pr-[100px] pl-[100px]" id="projects"><div class="undefined w-full h-auto pb-[100px] pt-[70px] overflow-hidden m-0"><div class="text-center project_title_dark__REyal"><h2>Projects</h2><span>My technical projects</span></div><div class="projectcontent pt-[50px] w-full"><div class="undefined h-[723px] overflow-hidden row w-ful gap-y-5 justify-content-center"><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">Project management system</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>Nov, 2021s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Design and create an software project management system. Design UX/UI from AdobeXD and Coding from Angular Framework and NestJS Framework in BackEnd.</p><a target="_blank" rel="noopener noreferrer" href="" class="btn btn-primary disabled" role="button" aria-disabled="false">More</a></div></div></div><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">Monitoring Parameters of Three-Phase Induction Motor Using IoT</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>October, 2020s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Project Advisor to Monitoring Parameter of Three-Phase Induction Motor Using IOT.</p><a target="_blank" rel="noopener noreferrer" href="https://ieeexplore.ieee.org/document/9440368" class="btn btn-primary " role="button" aria-disabled="false">More</a></div></div></div><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">Hotel management system</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>Mar, 2020s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Design and create an software hotel management system. Design UX/UI from AdobeXD and Coding from Angular Framework and NodeJS Express in BackEnd.</p><a target="_blank" rel="noopener noreferrer" href="https://github.com/Jeniphan/Hotel-management-system-project" class="btn btn-primary " role="button" aria-disabled="false">More</a></div></div></div><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">Robo Innovator Challenge 2020</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>September, 2020s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Member of Raidee team to design and create AI car that can self- driving and logistics for join competition by using ESP32 and NVIDIA Jetson Nano.</p><a target="_blank" rel="noopener noreferrer" href="" class="btn btn-primary disabled" role="button" aria-disabled="false">More</a></div></div></div><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">Intelligent Parking Project.</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>April, 2019s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Member of BangMod Maker club to design and create an Intelligent Parking by using CAT Lora borad.</p><a target="_blank" rel="noopener noreferrer" href="" class="btn btn-primary disabled" role="button" aria-disabled="false">More</a></div></div></div><div class="col-lg-4"><div class="card project_bg__card__hKqn3 project_bg__card__dark__e_Kxa"><div class="card-body"><h5 class="card-title project_titlecard__JkEU6 h-[80px] text-[#fafafa]">2B-KMUTT #14</h5><h6 class="flex align-items-center gap-x-2 card-description text-[#fafafa6e]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[18px] h-[18px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"></path><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg>April, 2017s</h6><p class="card-text h-[150px] overflow-hidden text-[#fafafa]">Design and create an Controlling the water system using for Crayfish shrimp farming IOT project by using Arduino and ESP8266.</p><a target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/1_jPAFsYiGiDVm1DqAQmevm51PP-3-B4T/view?usp=sharing" class="btn btn-primary " role="button" aria-disabled="false">More</a></div></div></div></div></div><div class="pt-[20px]"><button type="button" class="btn btn-primary">Show more</button></div></div></div><div class="projectcontent row w-full m-0 pr-[100px] pl-[100px]" id="contact"><div class="undefined w-full pt-[70px] h-auto overflow-hidden m-0 pb-[70px]"><div class="text-center contact_title_dark__ab7sc"><h2>Contact me</h2><span>Get in touch</span></div><div class="row pt-[20px]"><div class="col-lg-4 gap-y-5"><div class="pb-[1rem]"><div class="card contact_bg__card__R8sw_ contact_bg__card__dark__SHFbG"><div class="contact_card__body__dark__qzfaa card-body text-center"><div class="flex justify-content-center w-full mb-[5px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg></div><h3>Jeniphan Pukkham</h3><a target="_blank" rel="noopener noreferrer" href="https://www.m.me/jeniphan.pukkham"><p>Write to me -></p></a></div></div></div><div class="pb-[1rem]"><div class="card contact_bg__card__R8sw_ contact_bg__card__dark__SHFbG"><div class="contact_card__body__dark__qzfaa card-body text-center"><div class="flex justify-content-center w-full mb-[5px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path></svg></div><h3>Jetniphan Pukkham</h3><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/jetniphan-pukkham-957671212/"><p>Write to me -></p></a></div></div></div><div class="pb-[1rem]"><div class="card contact_bg__card__R8sw_ contact_bg__card__dark__SHFbG"><div class="contact_card__body__dark__qzfaa card-body text-center"><div class="flex justify-content-center w-full mb-[5px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path></svg></div><h3>Jeni.pukkham@gmail.com</h3><a href="https://mail.google.com/mail/u/0/?view=cm&ui=2&tf=0&fs=1&to=jeni.pukkham@gmail.com" class="" target="_blank" rel="noopener noreferrer"><p>Write to me -></p></a></div></div></div><div class="pb-[1rem]"><div class="card contact_bg__card__R8sw_ contact_bg__card__dark__SHFbG"><div class="contact_card__body__dark__qzfaa card-body text-center"><div class="flex justify-content-center w-full mb-[5px]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path></svg></div><h3>080-915-3786</h3><a href="tel:+66809153786"><p>Call me now -></p></a></div></div></div></div><div class="col-lg-8"><form id="nest-messages" class="ant-form ant-form-horizontal"><div class="ant-row ant-form-item"><div class="ant-col ant-col-8 ant-form-item-label"><label for="nest-messages_user_email" class="ant-form-item-required" title="Email">Email</label></div><div class="ant-col ant-col-16 ant-form-item-control"><div class="ant-form-item-control-input"><div class="ant-form-item-control-input-content"><input type="text" value="" id="nest-messages_user_email" class="ant-input"/></div></div></div></div><div class="ant-row ant-form-item"><div class="ant-col ant-col-8 ant-form-item-label"><label for="nest-messages_user_title" class="ant-form-item-required" title="Title">Title</label></div><div class="ant-col ant-col-16 ant-form-item-control"><div class="ant-form-item-control-input"><div class="ant-form-item-control-input-content"><input type="text" value="" id="nest-messages_user_title" class="ant-input"/></div></div></div></div><div class="ant-row ant-form-item"><div class="ant-col ant-col-8 ant-form-item-label"><label for="nest-messages_user_project" class="ant-form-item-required" title="Project">Project</label></div><div class="ant-col ant-col-16 ant-form-item-control"><div class="ant-form-item-control-input"><div class="ant-form-item-control-input-content"><textarea id="nest-messages_user_project" class="ant-input"></textarea></div></div></div></div><div class="ant-row ant-form-item"><div class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"><div class="ant-form-item-control-input"><div class="ant-form-item-control-input-content"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button></div></div></div></div></form></div></div><div class="row m-0 w-100 gap-y-4 pt-[70px] text-[#fafafa]"><div class="col-lg-6 flex align-items-center gap-2 justify-content-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg><span class="text-[18px]">Chiang mai,Thailand.</span></div><div class="col-lg-6 flex align-items-center gap-x-2 justify-content-center"><span class="undefined text-[18px]">Follow me :</span><a href="https://www.facebook.com/jeniphan.pukkham/" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"></path></svg></a><a href="https://www.instagram.com/jetniphan_pk/" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1zm213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9a47.84 47.84 0 0 1-47.9 47.9z"></path></svg></a><a href="https://github.com/Jeniphan" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></a><a href="https://www.linkedin.com/in/jetniphan-pukkham-957671212/" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM349.3 793.7H230.6V411.9h118.7v381.8zm-59.3-434a68.8 68.8 0 1 1 68.8-68.8c-.1 38-30.9 68.8-68.8 68.8zm503.7 434H675.1V608c0-44.3-.8-101.2-61.7-101.2-61.7 0-71.2 48.2-71.2 98v188.9H423.7V411.9h113.8v52.2h1.6c15.8-30 54.5-61.7 112.3-61.7 120.2 0 142.3 79.1 142.3 181.9v209.4z"></path></svg></a></div></div></div></div></div></div><div class="h-[220px] footer background"><div class="container w-full h-full"><div class="row align-items-center h-full"><div class="col-md-4 title-footer text-center"><h2>Akiira</h2><span>Web-developer</span></div><div class="col-md-4"><ul class="ul-footer row justify-content-center gap-2 p-0 mb-0"><li class="col-4 w-auto cursor-pointer">About</li><li class="col-4 w-auto cursor-pointer">Skills</li><li class="col-4 w-auto cursor-pointer">Contact</li></ul></div><div class="col-md-4"><ul class="ul-footer-icon gap-4 mb-0 pl-0"><li><a href="https://www.facebook.com/jeniphan.pukkham/" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg></a></li><li><a href="https://www.linkedin.com/in/jetniphan-pukkham-957671212/" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path></svg></a></li><li><a href="https://github.com/Jeniphan" class="" target="_blank" rel="noopener noreferrer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="w-[2rem] h-[2rem] text-[#fafafa]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></li></ul></div></div></div><div class="background"><div class="container"><div class="ant-divider ant-divider-horizontal" role="separator"></div></div></div><p class="credit text-center background">Copyright © 2022 Jetniphan Pukkham. All right reserved.</p></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"w65te5hdLX6tleNwqlon1","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>