- Scan ID:
- f5a965ea-651f-42fc-87d4-95cadbbfacaaFinished
- Submitted URL:
- https://portfolio-chrisma.vercel.app/
- Report Finished:
Links · 30 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://github.com/velopace739 | |
| https://join.skype.com/invite/iL3DXJW1xKaF | live:.cid.449c3224015102e9 |
| https://html.com/ | |
| https://en.wikipedia.org/wiki/CSS | |
| https://en.wikipedia.org/wiki/JavaScript | |
| https://www.typescriptlang.org/ | |
| https://en.wikipedia.org/wiki/SQL | |
| https://graphql.org/ | |
| https://nodejs.org/ | |
| https://expressjs.com/ |
JavaScript Variables · 14 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| webpackChunk_N_E | object |
| __next_require__ | function |
| next | object |
| __NEXT_DATA__ | object |
| __SSG_MANIFEST_CB | function |
| __NEXT_P | object |
| _N_E | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="light" style="color-scheme: light;"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>Chris Ma - Software Engineer Portfolio</title><meta name="description" content="I'm Chris Ma and a Software Engineer"><meta itemprop="name" content="Chris Ma - Software Engineer Portfolio"><meta itemprop="description" content="I'm Chris Ma and a Software Engineer"><meta itemprop="image" content="/images/about/avatar.jpg"><meta property="og:url" content="https://portfolio-chrisma.vercel.app"><meta property="og:type" content="website"><meta property="og:title" content="Chris Ma - Software Engineer Portfolio"><meta property="og:description" content="I'm Chris Ma and a Software Engineer"><meta property="og:image" content="/images/about/avatar.jpg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Chris Ma - Software Engineer Portfolio"><meta name="twitter:description" content="I'm Chris Ma and a Software Engineer"><meta name="twitter:image" content="/images/about/avatar.jpg"><link rel="preload" as="image" href="/images/logo/logo.svg"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fwork_images%2Feducative.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Feducative.jpg&w=640&q=75 2x"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fwork_images%2Frallypoint.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Frallypoint.jpg&w=640&q=75 2x"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fwork_images%2Fkryptomon.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Fkryptomon.png&w=640&q=75 2x"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fwork_images%2Fconsent2share.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Fconsent2share.png&w=640&q=75 2x"><meta name="next-head-count" content="21"><title>Chris Ma - Software Engineer Portfolio</title><meta name="description" content="I'm Chris Ma and a Software Engineer"><meta itemprop="name" content="Chris Ma - Software Engineer Portfolio"><meta itemprop="description" content="I'm Chris Ma and a Software Engineer"><meta itemprop="image" content="/images/about/avatar.jpg"><meta property="og:url" content="https://portofolio-chrisma.vercel.app"><meta property="og:type" content="website"><meta property="og:title" content="Chris Ma - Software Engineer Portfolio"><meta property="og:description" content="I'm Chris Ma and a Software Engineer"><meta property="og:image" content="/images/about/avatar.jpg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Chris Ma - Software Engineer Portfolio"><meta name="twitter:description" content="I'm Chris Ma and a Software Engineer"><meta name="twitter:image" content="/images/about/avatar.jpg"><meta content="chris ma, software engineer, chris, [email protected]" name="keywords"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="/favicon.ico"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="preload" href="/_next/static/css/43dbc019a9381f74.css" as="style"><link rel="stylesheet" href="/_next/static/css/43dbc019a9381f74.css" data-n-g=""><link rel="preload" href="/_next/static/css/f866480032304959.css" as="style"><link rel="stylesheet" href="/_next/static/css/f866480032304959.css" data-n-p=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-114634acb84f8baa.js" defer=""></script><script src="/_next/static/chunks/main-883c810762f700f5.js" defer=""></script><script src="/_next/static/chunks/pages/_app-0544851092e711b3.js" defer=""></script><script src="/_next/static/chunks/d0c16330-29d5d95efec68572.js" defer=""></script><script src="/_next/static/chunks/78e521c3-9fbc8d95d4b585e2.js" defer=""></script><script src="/_next/static/chunks/252f366e-ec7d6b5c7c67a981.js" defer=""></script><script src="/_next/static/chunks/545f34e4-799e80fa8f5b1966.js" defer=""></script><script src="/_next/static/chunks/1bfc9850-3b1ac15034c691b8.js" defer=""></script><script src="/_next/static/chunks/7f0c75c1-117de355bc59117b.js" defer=""></script><script src="/_next/static/chunks/0c428ae2-fd0dc9b28377d53b.js" defer=""></script><script src="/_next/static/chunks/d7eeaac4-fee4536c488f6387.js" defer=""></script><script src="/_next/static/chunks/48-6c052847cdaa2cd5.js" defer=""></script><script src="/_next/static/chunks/pages/index-353d99bf5a079677.js" defer=""></script><script src="/_next/static/kvls-igHZJRAVGWbTt5J_/_buildManifest.js" defer=""></script><script src="/_next/static/kvls-igHZJRAVGWbTt5J_/_ssgManifest.js" defer=""></script><style data-href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700;800;900&display=swap">@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJM.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7V1g.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjovoSWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoUoOWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOWaw.woff) format('woff')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOWaw.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="Toastify"></div><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><section class="bg-homeBg min-h-screen bg-no-repeat bg-center bg-cover bg-fixed dark:bg-homeTwoBg-dark md:pb-16 w-full"><div class="container w-full bg-[#F3F6F6] dark:bg-black lg:bg-transparent lg:dark:bg-transparent flex justify-between py-5 lg:px-0 lg:pt-[50px]"><div class="w-full flex justify-between h-full px-4"><a class="my-auto "><img alt="logo" src="/images/logo/logo.svg" width="214" height="64" decoding="async" data-nimg="1" class="h-[64px] lg:h-[64px] m-auto" style="color:transparent"></a><div class="flex items-center"><span class="bg-white w-[40px] hover:text-white hidden h-[40px] rounded-full lg:flex justify-center items-center text-black hover:bg-[#ef4060] transition-all duration-300 ease-in-out cursor-pointer ml-2 "><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-3xl dark-mode-light dark:hidden" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl dark-mode-dark hidden fill-jacarta-700 group-hover:fill-white group-focus:fill-white dark:block dark:fill-white " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></span><span class="bg-white w-[40px] hover:text-white flex items-center h-[40px] rounded-full lg:hidden justify-center items-center text-black hover:bg-[#ef4060] transition-all duration-300 ease-in-out cursor-pointer ml-2 "><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-3xl dark-mode-light dark:hidden" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl dark-mode-dark hidden fill-jacarta-700 group-hover:fill-white group-focus:fill-white dark:block dark:fill-white " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></span><span class="lg:opacity-0 lg:invisible visible opacity-100 bg-[#ef4060] w-[40px] h-[40px] rounded-full flex justify-center cursor-pointer items-center text-white dark:text-white text-3xl ml-3 "><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><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></div></div><nav class="hidden"><ul class="flex my-12 "><li class="mb-1"><a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] dark:text-[#A6A6A6] "><span class="mr-2 text-xl"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M832 64H192c-17.7 0-32 14.3-32 32v224h704V96c0-17.7-14.3-32-32-32zM288 232c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM160 928c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V704H160v224zm128-136c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zM160 640h704V384H160v256zm128-168c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z"></path></svg></span>About</a></li><li class="mb-1"><a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] dark:text-[#A6A6A6] "><span class="mr-2 text-xl"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 6C6 5.44772 6.44772 5 7 5H17C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7H7C6.44771 7 6 6.55228 6 6Z" fill="currentColor"></path><path d="M6 10C6 9.44771 6.44772 9 7 9H17C17.5523 9 18 9.44771 18 10C18 10.5523 17.5523 11 17 11H7C6.44771 11 6 10.5523 6 10Z" fill="currentColor"></path><path d="M7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44771 15 7 15H17C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13H7Z" fill="currentColor"></path><path d="M6 18C6 17.4477 6.44772 17 7 17H11C11.5523 17 12 17.4477 12 18C12 18.5523 11.5523 19 11 19H7C6.44772 19 6 18.5523 6 18Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.34315 3.34315 1 5 1H19C20.6569 1 22 2.34315 22 4V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V4ZM5 3H19C19.5523 3 20 3.44771 20 4V20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V4C4 3.44772 4.44771 3 5 3Z" fill="currentColor"></path></svg></span>Resume</a></li><li class="mb-1"><a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] dark:text-[#A6A6A6] "><span class="mr-2 text-xl"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M119.1 25v.1c-25 3.2-47.1 32-47.1 68.8 0 20.4 7.1 38.4 17.5 50.9L99.7 157 84 159.9c-13.7 2.6-23.8 9.9-32.2 21.5-8.5 11.5-14.9 27.5-19.4 45.8-8.2 33.6-9.9 74.7-10.1 110.5h44l11.9 158.4h96.3L185 337.7h41.9c0-36.2-.3-77.8-7.8-111.7-4-18.5-10.2-34.4-18.7-45.9-8.6-11.4-19.2-18.7-34.5-21l-16-2.5L160 144c10-12.5 16.7-30.2 16.7-50.1 0-39.2-24.8-68.8-52.4-68.8-2.9 0-4.7-.1-5.2-.1zM440 33c-17.2 0-31 13.77-31 31s13.8 31 31 31 31-13.77 31-31-13.8-31-31-31zM311 55v48H208v18h103v158h-55v18h55v110H208v18h103v32h80.8c-.5-2.9-.8-5.9-.8-9 0-3.1.3-6.1.8-9H329V297h62.8c-.5-2.9-.8-5.9-.8-9 0-3.1.3-6.1.8-9H329V73h62.8c-.5-2.92-.8-5.93-.8-9 0-3.07.3-6.08.8-9H311zm129 202c-17.2 0-31 13.8-31 31s13.8 31 31 31 31-13.8 31-31-13.8-31-31-31zm0 160c-17.2 0-31 13.8-31 31s13.8 31 31 31 31-13.8 31-31-13.8-31-31-31z"></path></svg></span>Skills</a></li><li class="mb-1"><a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] dark:text-[#A6A6A6] "><span class="mr-2 text-xl"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></span>Works</a></li><li class="mb-1"><a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] dark:text-[#A6A6A6] "><span class="mr-2 text-xl"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 2h16.005C20.107 2 21 2.898 21 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H3V2zm4 2H5v16h2V4zm2 16h10V4H9v16zm2-4a3 3 0 0 1 6 0h-6zm3-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8-6h2v4h-2V6zm0 6h2v4h-2v-4z"></path></g></svg></span>Contact</a></li></ul></nav></div><div class="container grid grid-cols-12 md:gap-10 justify-between lg:mt-[220px]"><div class="col-span-12 lg:col-span-4 lg:h-screen lg:sticky top-44"><div class="w-full mb-6 lg:mb-0 mx-auto relative bg-white text-center dark:bg-[#111111] px-6 rounded-[20px] mt-[180px] md:mt-[220px] lg:mt-0 "><img alt="avatar" srcset="/_next/image?url=%2Fimages%2Fabout%2Favatar.jpg&w=256&q=75 1x, /_next/image?url=%2Fimages%2Fabout%2Favatar.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fabout%2Favatar.jpg&w=640&q=75" width="240" height="240" decoding="async" data-nimg="1" class="w-[240px] absolute left-[50%] transform -translate-x-[50%] h-[240px] drop-shadow-xl mx-auto rounded-[20px] -mt-[140px]" loading="lazy" style="color:transparent"><div class="pt-[100px] pb-8"><h1 class="mt-6 mb-1 text-5xl font-semibold dark:text-white">Chris Ma</h1><h3 class="mb-4 text-[#7B7B7B] inline-block dark:bg-[#1D1D1D] px-5 py-1.5 rounded-lg dark:text-[#A6A6A6] ">Software Engineer</h3><div class="flex justify-center space-x-3"><a href="https://github.com/velopace739" target="_blank" rel="noopener noreferrer"><span class="socialbtn "><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span></a></div><div class="p-7 rounded-2xl mt-7 bg-[#F3F6F6] dark:bg-[#1D1D1D]"><div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]"><span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#00AFF0] shadow-md"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z"></path></svg></span><div class="text-left ml-2.5"><p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">Skype</p><p class="dark:text-white break-all"><a class="hover:text-[#FA5252] duration-300 transition" href="https://join.skype.com/invite/iL3DXJW1xKaF" target="_blank">live:.cid.449c3224015102e9</a></p></div></div><div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]"><span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#6AB5B9] shadow-md"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" 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><div class="text-left ml-2.5"><p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">Location</p><p class="dark:text-white break-all">Central, Hong Kong</p></div></div><div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]"><span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#FD7590] shadow-md"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z"></path></svg></span><div class="text-left ml-2.5"><p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">Email</p><p class="dark:text-white break-all"> <a class="hover:text-[#FA5252] duration-300 transition" href="mailto:[email protected]">[email protected]</a></p></div></div></div><a href="/Chris Ma - resume.docx" download="" class="inline-flex items-center mx-auto bg-gradient-to-r from-[#FA5252] to-[#DD2476] duration-200 transition ease-linear hover:bg-gradient-to-l from-[#DD2476] to-[#fa5252ef] px-8 py-3 text-lg text-white rounded-[35px] mt-6"><img src="/images/download.png" alt="icon" class="mr-2">Download Resume</a></div></div></div><div class="col-span-12 lg:col-span-8 "><header class="lg:w-[526px] h-[144px] hidden lg:block p-[30px] ml-auto mb-10 rounded-[16px] bg-white dark:bg-[#111111] "><nav class="hidden lg:block"><ul class="flex "><a class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] "><span class="text-xl mb-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M832 64H192c-17.7 0-32 14.3-32 32v224h704V96c0-17.7-14.3-32-32-32zM288 232c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM160 928c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V704H160v224zm128-136c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zM160 640h704V384H160v256zm128-168c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z"></path></svg></span>About</a><a class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] "><span class="text-xl mb-1"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 6C6 5.44772 6.44772 5 7 5H17C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7H7C6.44771 7 6 6.55228 6 6Z" fill="currentColor"></path><path d="M6 10C6 9.44771 6.44772 9 7 9H17C17.5523 9 18 9.44771 18 10C18 10.5523 17.5523 11 17 11H7C6.44771 11 6 10.5523 6 10Z" fill="currentColor"></path><path d="M7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44771 15 7 15H17C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13H7Z" fill="currentColor"></path><path d="M6 18C6 17.4477 6.44772 17 7 17H11C11.5523 17 12 17.4477 12 18C12 18.5523 11.5523 19 11 19H7C6.44772 19 6 18.5523 6 18Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.34315 3.34315 1 5 1H19C20.6569 1 22 2.34315 22 4V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V4ZM5 3H19C19.5523 3 20 3.44771 20 4V20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V4C4 3.44772 4.44771 3 5 3Z" fill="currentColor"></path></svg></span>Resume</a><a class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] "><span class="text-xl mb-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M119.1 25v.1c-25 3.2-47.1 32-47.1 68.8 0 20.4 7.1 38.4 17.5 50.9L99.7 157 84 159.9c-13.7 2.6-23.8 9.9-32.2 21.5-8.5 11.5-14.9 27.5-19.4 45.8-8.2 33.6-9.9 74.7-10.1 110.5h44l11.9 158.4h96.3L185 337.7h41.9c0-36.2-.3-77.8-7.8-111.7-4-18.5-10.2-34.4-18.7-45.9-8.6-11.4-19.2-18.7-34.5-21l-16-2.5L160 144c10-12.5 16.7-30.2 16.7-50.1 0-39.2-24.8-68.8-52.4-68.8-2.9 0-4.7-.1-5.2-.1zM440 33c-17.2 0-31 13.77-31 31s13.8 31 31 31 31-13.77 31-31-13.8-31-31-31zM311 55v48H208v18h103v158h-55v18h55v110H208v18h103v32h80.8c-.5-2.9-.8-5.9-.8-9 0-3.1.3-6.1.8-9H329V297h62.8c-.5-2.9-.8-5.9-.8-9 0-3.1.3-6.1.8-9H329V73h62.8c-.5-2.92-.8-5.93-.8-9 0-3.07.3-6.08.8-9H311zm129 202c-17.2 0-31 13.8-31 31s13.8 31 31 31 31-13.8 31-31-13.8-31-31-31zm0 160c-17.2 0-31 13.8-31 31s13.8 31 31 31 31-13.8 31-31-13.8-31-31-31z"></path></svg></span>Skills</a><a class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] "><span class="text-xl mb-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></span>Works</a><a class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FA5252] to-[#DD2476] "><span class="text-xl mb-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 2h16.005C20.107 2 21 2.898 21 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H3V2zm4 2H5v16h2V4zm2 16h10V4H9v16zm2-4a3 3 0 0 1 6 0h-6zm3-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8-6h2v4h-2V6zm0 6h2v4h-2v-4z"></path></g></svg></span>Contact</a></ul></nav></header><div class="rounded-2xl bg-white dark:bg-[#111111]"><div><div class="pt-12 md:py-12 px-5 sm:px-7 md:px-10 lg:px-14"><h2 id="#home" class="after-effect after:left-52">About Me</h2><div class="lg:grid grid-cols-12 md:gap-10 pt-4 md:pt-[30px] items-center "><div class="col-span-12 space-y-2.5"><div class="lg:mr-16"><p class="text-gray-lite dark:text-color-910 leading-7">I'm a Software Engineer with a passion for crafting innovative and efficient solutions. With extensive experience in the software development industry, I have honed my skills and expertise to deliver exceptional results.</p><p class="text-gray-lite leading-7 mt-2.5 dark:text-color-910">My technical proficiency encompasses multiple programming languages, frameworks, and tools. Whether it's designing scalable architectures, developing robust applications, or optimizing performance, I thrive on solving complex challenges and producing high-quality software.</p><p class="text-gray-lite leading-7 mt-2.5 dark:text-color-910">As an experience Software Engineer, I possess strong leadership qualities that enable me to guide and mentor junior team members. I am adept at fostering collaboration, encouraging knowledge sharing, and inspiring a culture of continuous improvement. I understand the value of effective communication and actively engage with stakeholders to ensure project objectives are met.</p></div></div></div></div><section class="pb-12 px-5 sm:px-5 md:px-10 lg:px-14 "><h3 class="text-[35px] dark:text-white font-medium pb-5">What I do!</h3><div class="grid gap-8 grid-cols-1 md:grid-cols-2 xl:grid-cols-2 "><div class="about-box dark:bg-transparent" style="background:#FCF4FF"><img alt="icon" src="/images/icons/icon-1.svg" width="40" height="40" decoding="async" data-nimg="1" class="w-10 h-10 object-contain block" loading="lazy" style="color:transparent"><div class="space-y-2"><h3 class="dark:text-white text-xl font-semibold">System Design</h3><p class="leading-8 text-gray-lite dark:text-[#A6A6A6]">I specialize in simplifying complex challenges through system design.</p></div></div><div class="about-box dark:bg-transparent" style="background:#F3FAFF"><img alt="icon" src="/images/icons/icon-6.svg" width="40" height="40" decoding="async" data-nimg="1" class="w-10 h-10 object-contain block" loading="lazy" style="color:transparent"><div class="space-y-2"><h3 class="dark:text-white text-xl font-semibold">Web Development</h3><p class="leading-8 text-gray-lite dark:text-[#A6A6A6]">I have honed my skills to deliver high-quality web solutions that captivate users and meet business objectives.</p></div></div><div class="about-box dark:bg-transparent" style="background:#FEFAF0"><img alt="icon" src="/images/icons/icon-2.svg" width="40" height="40" decoding="async" data-nimg="1" class="w-10 h-10 object-contain block" loading="lazy" style="color:transparent"><div class="space-y-2"><h3 class="dark:text-white text-xl font-semibold">App Development</h3><p class="leading-8 text-gray-lite dark:text-[#A6A6A6]">I possess the expertise to create seamless and user-friendly experiences for iOS and Android platforms.</p></div></div><div class="about-box dark:bg-transparent" style="background:#FFF0F8"><img alt="icon" src="/images/icons/icon-5.svg" width="40" height="40" decoding="async" data-nimg="1" class="w-10 h-10 object-contain block" loading="lazy" style="color:transparent"><div class="space-y-2"><h3 class="dark:text-white text-xl font-semibold">Management</h3><p class="leading-8 text-gray-lite dark:text-[#A6A6A6]">I leverage my interpersonal skills to build strong relationships with stakeholders, clients, and team members.</p></div></div></div></section><section class="px-5 sm:px-5 md:px-10 lg:px-14"><h3 id="#resume" class="text-[35px] dark:text-white font-medium mb-5">Resume</h3><div class=" max-w-full h-auto rounded-xl"><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M20 7h-4V5l-2-2h-4L8 5v2H4c-1.1 0-2 .9-2 2v5c0 .75.4 1.38 1 1.73V19c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2v-3.28c.59-.35 1-.99 1-1.72V9c0-1.1-.9-2-2-2zM10 5h4v2h-4V5zM4 9h16v5h-5v-3H9v3H4V9zm9 6h-2v-2h2v2zm6 4H5v-3h4v1h6v-1h4v3z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Education</h4></div><div class="py-4 pl-5 pr-3 space-y-2 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#FFF4F4"><span class="text-tiny text-gray-lite dark:text-[#b7b7b7]">2012-2016</span><h3 class="text-xl dark:text-white"> <!-- -->Bachelor of Engineering - BE<!-- --> </h3><p class="dark:text-[#b7b7b7]">The University of Hong Kong</p></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Experience</h4></div><div class="py-4 pl-5 pr-3 space-y-2 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#F2F4FF"><span class="text-tiny text-gray-lite dark:text-[#b7b7b7]">JAN 2017 - DEC 2019</span><h3 class="text-xl dark:text-white"> <!-- -->Software Developer<!-- --> </h3><p class="dark:text-[#b7b7b7]">WeDigitify</p></div><div class="py-4 pl-5 pr-3 space-y-2 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#EEF5FA"><span class="text-tiny text-gray-lite dark:text-[#b7b7b7]">JAN 2020 - DEC 2021</span><h3 class="text-xl dark:text-white"> <!-- -->Backend Developer<!-- --> </h3><p class="dark:text-[#b7b7b7]">Infosys</p></div><div class="py-4 pl-5 pr-3 space-y-2 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#F2F4FF"><span class="text-tiny text-gray-lite dark:text-[#b7b7b7]">JAN 2022 - OCT 2023</span><h3 class="text-xl dark:text-white"> <!-- -->Full Stack Developer<!-- --> </h3><p class="dark:text-[#b7b7b7]">Educative</p></div><div class="py-4 pl-5 pr-3 space-y-2 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#EEF5FA"><span class="text-tiny text-gray-lite dark:text-[#b7b7b7]">NOV 2023 - Present</span><h3 class="text-xl dark:text-white"> <!-- -->Senior Software Engineer<!-- --> </h3><p class="dark:text-[#b7b7b7]">Self Employed</p></div></div></div></section><section class="px-5 sm:px-5 md:px-10 lg:px-14"><h3 id="#skill" class="text-[35px] dark:text-white font-medium mb-5">Skills</h3><div class=" max-w-full h-auto rounded-xl"><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 00-1.38-3.56A8.03 8.03 0 0118.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 015.08 16zm2.95-8H5.08a7.987 7.987 0 014.33-3.56A15.65 15.65 0 008.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Languages</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#FCF4FF"><a href="https://html.com/" target="_blank"><img alt="html" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fhtml.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fhtml.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fhtml.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://en.wikipedia.org/wiki/CSS" target="_blank"><img alt="css" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fcss.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fcss.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fcss.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank"><img alt="javascript" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fjavascript.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fjavascript.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fjavascript.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.typescriptlang.org/" target="_blank"><img alt="typescript" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Ftypescript.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Ftypescript.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Ftypescript.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://en.wikipedia.org/wiki/SQL" target="_blank"><img alt="sql" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fsql.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fsql.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fsql.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://graphql.org/" target="_blank"><img alt="sql" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fgraphql.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fgraphql.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fgraphql.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><desc></desc><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M20 8.04l-12.122 12.124a2.857 2.857 0 1 1 -4.041 -4.04l12.122 -12.124"></path><path d="M7 13h8"></path><path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6z"></path><path d="M15 3l6 6"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Frameworks</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#F3FAFF"><a href="https://nodejs.org/" target="_blank"><img alt="node" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fnode.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fnode.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fnode.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://expressjs.com/" target="_blank"><img alt="express" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fexpress.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fexpress.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fexpress.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://react.dev/" target="_blank"><img alt="react" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Freact.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Freact.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Freact.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://nextjs.org/" target="_blank"><img alt="nextjs" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fnextjs.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fnextjs.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fnextjs.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://angular.io/" target="_blank"><img alt="angular" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fangular.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fangular.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fangular.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://tailwindcss.com/" target="_blank"><img alt="tailwind" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Ftailwind.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Ftailwind.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Ftailwind.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.prisma.io/" target="_blank"><img alt="prisma" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fprisma.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fprisma.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fprisma.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://next-auth.js.org/" target="_blank"><img alt="next-auth" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fnextauth.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fnextauth.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fnextauth.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://trpc.io/" target="_blank"><img alt="trpc" src="/images/frameworks/trpc.svg" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Database</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#FEFAF0"><a href="https://www.mongodb.com/" target="_blank"><img alt="mongodb" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fmongodb.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fmongodb.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fmongodb.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.mysql.com/" target="_blank"><img alt="mysql" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fmysql.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fmysql.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fmysql.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.postgresql.org/" target="_blank"><img alt="postgresql" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fpostgresql.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fpostgresql.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fpostgresql.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://redis.io/" target="_blank"><img alt="redis" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fredis.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fredis.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fredis.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Tests</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#FFF0F8"><a href="https://mochajs.org/" target="_blank"><img alt="mocha" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fmocha.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fmocha.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fmocha.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://jestjs.io/" target="_blank"><img alt="jest" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fjest.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fjest.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fjest.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.cypress.io/" target="_blank"><img alt="cypress" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fcypress.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fcypress.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fcypress.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://www.postman.com/" target="_blank"><img alt="postman" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fpostman.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fpostman.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fpostman.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19.35 10.04A7.49 7.49 0 0012 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 000 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Cloud Infrastructure</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#EEF5FA"><a href="https://aws.amazon.com/" target="_blank"><img alt="aws" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Faws.webp&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Faws.webp&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Faws.webp&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://azure.microsoft.com/en-us" target="_blank"><img alt="azure" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fazure.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fazure.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fazure.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://cloud.google.com/" target="_blank"><img alt="ggcloud" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fggcloud.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fggcloud.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fggcloud.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div><div><div class="flex items-center space-x-2 mb-4"><div class="text-6xl text-[#F95054]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z"></path></svg></div><h4 class="text-5xl dark:text-white font-medium">Tools</h4></div><div class="flex flex-row flex-wrap py-4 pl-5 pr-3 mb-6 rounded-lg dark:border-[#212425] dark:border-2" style="background:#FEFAF0"><a href="https://github.com/" target="_blank"><img alt="github" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fgithub.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fgithub.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fgithub.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a><a href="https://code.visualstudio.com/" target="_blank"><img alt="vscode" srcset="/_next/image?url=%2Fimages%2Fframeworks%2Fvscode.png&w=96&q=75 1x, /_next/image?url=%2Fimages%2Fframeworks%2Fvscode.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Fframeworks%2Fvscode.png&w=256&q=75" width="72" height="72" decoding="async" data-nimg="1" class="h-full w-24 p-1 object-fill rounded-lg" loading="lazy" style="color:transparent"></a></div></div></div></section><section class="px-5 py-10 sm:px-5 md:px-10 lg:px-14"><h3 id="#project" class="text-[35px] dark:text-white font-medium">Projects</h3><div class=" max-w-full h-auto rounded-xl"><div class="my-masonry-grid"><div style="width:50%" class="my-masonry-grid_column"><div class="rounded-lg p-6 dark:border-[2px] border-[#212425]" style="background:transparent"><div class="overflow-hidden rounded-lg w-full h-40"><img alt="portfolio Image" srcset="/_next/image?url=%2Fimages%2Fwork_images%2Feducative.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Feducative.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fwork_images%2Feducative.jpg&w=640&q=75" width="300" height="300" decoding="async" data-nimg="1" class="w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110 rounded-lg h-auto " style="color:transparent"></div><span class="pt-5 text-[14px] font-normal text-gray-lite block dark:text-[#A6A6A6]">Educative</span><h2 class="font-medium cursor-pointer text-xl duration-300 transition hover:text-[#FA5252] dark:hover:text-[#FA5252] dark:text-white mt-2">Interactive Learning Platform</h2></div><div class="rounded-lg p-6 dark:border-[2px] border-[#212425]" style="background:transparent"><div class="overflow-hidden rounded-lg w-full h-40"><img alt="portfolio Image" srcset="/_next/image?url=%2Fimages%2Fwork_images%2Frallypoint.jpg&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Frallypoint.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fwork_images%2Frallypoint.jpg&w=640&q=75" width="300" height="300" decoding="async" data-nimg="1" class="w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110 rounded-lg h-auto " style="color:transparent"></div><span class="pt-5 text-[14px] font-normal text-gray-lite block dark:text-[#A6A6A6]">Rallypoint</span><h2 class="font-medium cursor-pointer text-xl duration-300 transition hover:text-[#FA5252] dark:hover:text-[#FA5252] dark:text-white mt-2">Military Networking Platform</h2></div></div><div style="width:50%" class="my-masonry-grid_column"><div class="rounded-lg p-6 dark:border-[2px] border-[#212425]" style="background:transparent"><div class="overflow-hidden rounded-lg w-full h-40"><img alt="portfolio Image" srcset="/_next/image?url=%2Fimages%2Fwork_images%2Fkryptomon.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Fkryptomon.png&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fwork_images%2Fkryptomon.png&w=640&q=75" width="300" height="300" decoding="async" data-nimg="1" class="w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110 rounded-lg h-auto " style="color:transparent"></div><span class="pt-5 text-[14px] font-normal text-gray-lite block dark:text-[#A6A6A6]">Kryptomon</span><h2 class="font-medium cursor-pointer text-xl duration-300 transition hover:text-[#FA5252] dark:hover:text-[#FA5252] dark:text-white mt-2">Blockchain-Based Gaming Platform</h2></div><div class="rounded-lg p-6 dark:border-[2px] border-[#212425]" style="background:transparent"><div class="overflow-hidden rounded-lg w-full h-40"><img alt="portfolio Image" srcset="/_next/image?url=%2Fimages%2Fwork_images%2Fconsent2share.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fwork_images%2Fconsent2share.png&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fwork_images%2Fconsent2share.png&w=640&q=75" width="300" height="300" decoding="async" data-nimg="1" class="w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110 rounded-lg h-auto " style="color:transparent"></div><span class="pt-5 text-[14px] font-normal text-gray-lite block dark:text-[#A6A6A6]">Consent2Share</span><h2 class="font-medium cursor-pointer text-xl duration-300 transition hover:text-[#FA5252] dark:hover:text-[#FA5252] dark:text-white mt-2">Healthcare Data Consent Management Platform</h2></div></div></div></div></section><section class="px-5 sm:px-5 md:px-10 lg:px-14"><h3 id="#contact" class="text-[35px] dark:text-white font-medium">Contact</h3><div class=" max-w-full h-auto rounded-xl"><div class="grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 mb-[40px] grid gap-x-5 gap-y-7"><div style="background:#FCF4FF" class="flex flex-wrap dark:bg-transparent p-[30px] border-[#A6A6A6] gap-2 rounded-xl "><span class="w-8 mt-2"><img alt="icon" srcset="/_next/image?url=%2Fimages%2Fcontact%2Fskype.png&w=32&q=75 1x, /_next/image?url=%2Fimages%2Fcontact%2Fskype.png&w=64&q=75 2x" src="/_next/image?url=%2Fimages%2Fcontact%2Fskype.png&w=64&q=75" width="30" height="20" decoding="async" data-nimg="1" class="text-4xl dark:text-white" loading="lazy" style="color:transparent"></span><div class="space-y-2"><p class="text-xl font-semibold dark:text-white">Skype <!-- --> :</p><p><a href="https://join.skype.com/invite/iL3DXJW1xKaF" class="hover:text-[#FA5252] duration-300 transition text-gray-lite text-lg dark:text-[#A6A6A6]" target="_blank">live:.cid.449c3224015102e9</a></p></div></div><div style="background:#EEFBFF" class="flex flex-wrap dark:bg-transparent p-[30px] border-[#A6A6A6] gap-2 rounded-xl "><span class="w-8 mt-2"><img alt="icon" srcset="/_next/image?url=%2Fimages%2Fcontact%2Femail%201.png&w=32&q=75 1x, /_next/image?url=%2Fimages%2Fcontact%2Femail%201.png&w=64&q=75 2x" src="/_next/image?url=%2Fimages%2Fcontact%2Femail%201.png&w=64&q=75" width="30" height="20" decoding="async" data-nimg="1" class="text-4xl dark:text-white" loading="lazy" style="color:transparent"></span><div class="space-y-2"><p class="text-xl font-semibold dark:text-white">Email <!-- --> :</p><p><a href="mailto:[email protected]" class="text-gray-lite text-lg dark:text-[#A6A6A6] ">[email protected]</a></p></div></div><div style="background:#F2F4FF" class="flex flex-wrap dark:bg-transparent p-[30px] border-[#A6A6A6] gap-2 rounded-xl "><span class="w-8 mt-2"><img alt="icon" srcset="/_next/image?url=%2Fimages%2Fcontact%2Fmap%201.png&w=32&q=75 1x, /_next/image?url=%2Fimages%2Fcontact%2Fmap%201.png&w=64&q=75 2x" src="/_next/image?url=%2Fimages%2Fcontact%2Fmap%201.png&w=64&q=75" width="30" height="20" decoding="async" data-nimg="1" class="text-4xl dark:text-white" loading="lazy" style="color:transparent"></span><div class="space-y-2"><p class="text-xl font-semibold dark:text-white">Address <!-- --> :</p><p class="text-gray-lite text-lg dark:text-[#A6A6A6] ">Central, Hong Kong</p></div></div></div></div></section><footer class="overflow-hidden rounded-b-2xl bg-slate-50 dark:bg-black"><div class="container"><p class="text-center py-6 text-gray-lite dark:text-color-910 ">© <!-- -->2024<!-- --> All Rights Reserved by<!-- --> <a class="hover:text-[#FA5252] duration-300 transition" href="#" target="_blank" rel="noopener noreferrer">Chris Ma</a>.</p></div></footer></div></div></div></div><button type="button" class="inline-block p-3 bg-red-600 text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-red-700 hover:shadow-lg focus:bg-red-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-red-800 active:shadow-lg transition duration-150 ease-in-out bottom-5 right-5 fixed hidden" id="btn-back-to-top"><svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path></svg></button></section></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"kvls-igHZJRAVGWbTt5J_","nextExport":true,"autoExport":true,"isFallback":false,"locale":"en","locales":["en"],"defaultLocale":"en","scriptLoader":[]}</script><div class="ReactModalPortal"></div><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer></body></html>