1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2FHead4.png&w=1080&q=75 1x, /_next/image?url=%2Fimages%2FHead4.png&w=2048&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2FDev2.jpg&w=1080&q=75 1x, /_next/image?url=%2Fimages%2FDev2.jpg&w=2048&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fsf.jpg&w=1080&q=75 1x, /_next/image?url=%2Fimages%2Fsf.jpg&w=2048&q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/0s3y-5e_8our6.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0pybim.fn7crk.js"/>
1<script src="/_next/static/chunks/0cje14_narrpx.js" async=""></script>
1<script src="/_next/static/chunks/0o59ac8426icc.js" async=""></script>
1<script src="/_next/static/chunks/00nvzi6qb_-1r.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0ht6pqrtcop7c.js" async=""></script>
1<script src="/_next/static/chunks/011a3vg_.d8k-.js" async=""></script>
1<script src="/_next/static/chunks/01gd4q697llsv.js" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script>
1<script src="/_next/static/chunks/0kz70sso-z.90.js" async=""></script>
1<script src="/_next/static/chunks/10p_d-4c8tqpw.js" async=""></script>
1<script src="/_next/static/chunks/07z1rd3rrt3ka.js" async=""></script>
1<script src="/_next/static/chunks/0gmiqsyxp9fmz.js" async=""></script>
1<title>About - Lohan</title><meta name="description" content="I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><link rel="canonical" href="https://www.lhn.dev/about"/><meta property="og:title" content="About - Lohan"/><meta property="og:description" content="I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><meta property="og:image" content="https://www.lhn.dev/opengraph-image.png?opengraph-image.0pd_72ga0p3xw.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="900"/><meta property="og:image:height" content="506"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="About - Lohan"/><meta name="twitter:description" content="I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><meta name="twitter:image" content="https://www.lhn.dev/twitter-image.png?twitter-image.0pd_72ga0p3xw.png"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="900"/><meta name="twitter:image:height" content="506"/><link rel="icon" href="/favicon.ico?favicon.0f_j8z7xaf51q.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/icon.svg?icon.1889xnjnda90k.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.0z8wliivohyx0.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><div class="fixed top-0 left-0 w-full h-dvh flex flex-row gap-4 justify-center items-center z-200 bg-black" style="opacity:1"><svg width="40" height="40" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0"><path d="M0 0C189.355 0 342.857 153.502 342.857 342.857C342.857 532.212 189.355 685.714 0 685.714L0 0Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M338.286 0L1024 0C1024 189.355 870.498 342.857 681.143 342.857C491.788 342.857 338.286 189.355 338.286 0Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M681.143 681.143C681.143 491.788 834.645 338.286 1024 338.286V681.143H681.143Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M685.714 1024H0C0 834.645 153.502 681.143 342.857 681.143C532.212 681.143 685.714 834.645 685.714 1024Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><circle cx="937.143" cy="937.143" r="86.8571" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></circle></svg><div class="flex flex-row"><h1 class="text-white text-3xl font-bold overflow-hidden" style="width:0px"><span class="poppins" style="opacity:0">L</span><span class="poppins" style="opacity:0">o</span><span class="poppins" style="opacity:0">h</span><span class="poppins" style="opacity:0">a</span><span class="poppins" style="opacity:0">n</span></h1><h1 class="text-[#5786FF] text-3xl poppins" style="opacity:0">.</h1></div></div><div class="z-[-1] fixed top-0 left-0 w-full h-full bg-[url('/bg.jpg')] bg-center bg-cover bg-no-repeat brightness-[.7]"></div><div class="z-0 flex flex-col min-h-dvh"><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-200 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded-lg">Passer au contenu</a><div class="fixed top-0 left-0 flex flex-col w-full pt-12 z-120 mix-blend-difference"><div class="flex flex-row items-center justify-between gap-2 max-w-[1520px] px-10 w-full mx-auto"><div class="flex flex-row items-center gap-4"><a href="/"><div class="w-12 h-12 cursor-pointer" tabindex="0"><img alt="Lohan's logo" width="60" height="60" decoding="async" data-nimg="1" class="h-full pointer-events-none" style="color:transparent" src="/Logo.svg"/></div></a><a class="text-[#eee] text-lg uppercase" href="/">[<!-- -->Go back<!-- -->]</a></div><div class="flex flex-row items-center gap-4"><button class="text-black text-center outline-hidden disabled:opacity-50 z-40 disabled:cursor-not-allowed bg-white text-md px-7 py-2 rounded-lg cursor-pointer hidden md:block" data-cal-namespace="talk-about-your-project" data-cal-link="lohan-fernandes/talk-about-your-project" data-cal-config="{"layout":"month_view","theme":"dark"}" tabindex="0">Book a call</button><div class="relative inline-block"><button type="button" class="bg-[#141414] hover:bg-[#212121] transition duration-300 border border-white/10 text-white px-4 py-2 rounded-lg cursor-pointer flex items-center justify-between gap-2 w-20">EN<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-white transition duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="main-navigation" class="z-40 cursor-pointer"><svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#navbar-toggle-clip-_R_3iknnb_)"><rect fill="white" height="2"></rect><rect y="10" fill="white" height="2"></rect><rect y="20" fill="white" height="2"></rect></g><defs><clipPath id="navbar-toggle-clip-_R_3iknnb_"><rect width="30" height="22" fill="white"></rect></clipPath></defs></svg></button></div></div></div><div class="flex items-center"><div class="fixed top-0 left-0 w-screen h-screen overflow-hidden bg-black z-100" style="opacity:0;transform:translateX(-100%)"><div class="noise opacity-[.08]!"></div></div><nav id="main-navigation" class="fixed top-0 left-0 flex flex-col items-center justify-center w-full h-full gap-12 z-110 md:gap-10" style="transform:translateX(-100%)"><div class="flex items-center justify-center gap-8 md:gap-12 flex-row" style="height:auto;opacity:0;transform:translateX(-100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/">Home</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row-reverse" style="height:auto;opacity:0;transform:translateX(100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/about">About</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row" style="height:auto;opacity:0;transform:translateX(-100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/portfolio">Portfolio</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row-reverse" style="height:auto;opacity:0;transform:translateX(100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/contact">Contact</a></div><div class="absolute bottom-0 left-0 w-full p-10" style="height:auto;opacity:0;transform:none"><button class="text-black text-center outline-hidden disabled:opacity-50 z-40 disabled:cursor-not-allowed bg-white text-md px-7 py-2 rounded-lg cursor-pointer block w-full !py-4 md:hidden" data-cal-namespace="talk-about-your-project" data-cal-link="lohan-fernandes/talk-about-your-project" data-cal-config="{"layout":"month_view","theme":"dark"}" tabindex="0">Book a call</button></div></nav></div><div id="main-content" tabindex="-1" class="contents"><main class="flex flex-col my-48 max-w-[1520px] px-10 mx-auto flex-1 w-full gap-32"><div class="flex gap-6 flex-col-reverse lg:flex-row"><div class="flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11"><h2 class="text-5xl font-bold poppins lg:text-8xl">About me</h2><p class="text-lg">I'm Lohan, 19, a young, self-taught and passionate web developer. Every project I work on is an extension of my curiosity, pushing me to explore new facets of technology and s
1olve problems in innovative ways. Far from being reclusive in this digital world, I draw strength and inspiration from a dynamic social life. My daily interactions and collective activities fuel my creativity, enrich my perspective and intertwine with my passion for coding, motivating me to pursue innovations that connect technology and the human experience.</p></div><div class="relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]"><div class="noise"></div><img alt="About me" width="1000" height="1000" decoding="async" data-nimg="1" class="object-cover w-full h-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2FHead4.png&w=1080&q=75 1x, /_next/image?url=%2Fimages%2FHead4.png&w=2048&q=75 2x" src="/_next/image?url=%2Fimages%2FHead4.png&w=2048&q=75"/></div></div><div class="flex flex-col gap-8"><h2 class="text-2xl text-[#ddd]">[<!-- -->My stacks<!-- -->]</h2><div class="flex flex-row flex-wrap items-center justify-start gap-4"><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="ReactJS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/react.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">ReactJS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="NextJS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/next.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">NextJS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="ViteJS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/vite.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">ViteJS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="NodeJS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/nodejs.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">NodeJS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="ExpressJS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/express.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">ExpressJS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="HTML" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/html.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">HTML</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="CSS" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/css.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">CSS</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="JavaScript" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/js.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">JavaScript</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="Sass" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/sass.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">Sass</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="Webpack" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/webpack.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">Webpack</p></div></div><div class="relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1"><img alt="Python" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="h-1/2 w-auto pointer-events-none" style="color:transparent" src="/stacks/python.svg"/><div class="absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10"><p class="text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg">Python</p></div></div></div></div><div class="flex gap-6 flex-col-reverse lg:flex-row-reverse"><div class="flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11"><h2 class="text-5xl font-bold poppins lg:text-8xl">Career</h2><p class="text-lg">My journey into web development began at the age of 13, a passion that quickly led me to deepen my skills through professional online training. In high school, I leveraged my skills by volunteering to de
1sign websites, an approach that enriched my practical knowledge while serving my community. These experiences were crucial to my recent goal of gaining admission to Epitech Paris, a dream I've nurtured for years and which now marks the next big chapter in my technology career.</p></div><div class="relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]"><div class="noise"></div><img alt="Career" width="1000" height="1000" decoding="async" data-nimg="1" class="object-cover w-full h-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2FDev2.jpg&w=1080&q=75 1x, /_next/image?url=%2Fimages%2FDev2.jpg&w=2048&q=75 2x" src="/_next/image?url=%2Fimages%2FDev2.jpg&w=2048&q=75"/></div></div><div class="flex gap-6 flex-col-reverse lg:flex-row"><div class="flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11"><h2 class="text-5xl font-bold poppins lg:text-8xl">Future</h2><p class="text-lg">I'm planning to work as a web or software engineer in North America, with a specific goal in mind: to enter the prestigious University of San Francisco for my 4th year of higher education. By aiming for a double degree, I'm looking to broaden my horizons and work my way into the American job market. My ultimate ambition is to contribute to the dynamic technological sphere of Silicon Valley or San Francisco, taking advantage of every opportunity to learn, innovate and ultimately realize my dream of becoming an influential player in the technology field.</p></div><div class="relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]"><div class="noise"></div><img alt="Future" width="1000" height="1000" decoding="async" data-nimg="1" class="object-cover w-full h-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fsf.jpg&w=1080&q=75 1x, /_next/image?url=%2Fimages%2Fsf.jpg&w=2048&q=75 2x" src="/_next/image?url=%2Fimages%2Fsf.jpg&w=2048&q=75"/></div></div><div class="mt-20 flex flex-col gap-16 items-center text-center"><p class="text-[#ddd] text-2xl">[Contact]</p><h2 class="poppins text-5xl font-bold text-white leading-[70px] md:text-8xl md:leading-[140px]">Looking for a <span class="bg-white text-black poppins font-bold">developer</span>?</h2><button class="text-black text-center outline-hidden disabled:opacity-50 disabled:cursor-not-allowed bg-white text-md px-8 py-3 rounded-lg cursor-pointer text-xl py-5" tabindex="0">Hire me up<!-- --> <span class="ml-2">ð</span></button></div></main><!--$--><!--/$--></div><footer class="pb-12 max-w-[1520px] flex flex-col gap-0.5 px-10 w-full mx-auto uppercase text-white text-center"><div class="flex flex-row flex-wrap items-center justify-center gap-2 md:justify-between"><p class="text-sm md:text-base">LHN.DEV</p><div class="flex flex-row items-center gap-2 text-sm md:text-base"><div class="flex flex-row flex-wrap gap-2"><a href="https://www.linkedin.com/in/fernandes-lohan/" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Linkedin</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="https://github.com/lhnfe" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Github</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="https://discord.com/users/324528338574114817" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Discord</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Email</a></div></div></div><div class="flex flex-row flex-wrap items-center justify-center gap-2 text-xs text-white/80 md:justify-between"><p>© <!-- -->2026<!-- -->. <!-- -->All rights reserved.</p><a class="hover:text-white transition-all" href="/legal">Legal notices</a></div></footer></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/0pybim.fn7crk.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n4:I[39756,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n7:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n11:I[55667,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ReactLenis\"]\n12:I[27472,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n14:I[43880,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"Analytics\"]\n15:I[57215,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"SpeedInsights\"]\n16:I[85437,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/07z1rd3rrt3ka.js\"],\"Image\"]\n23:I[29106,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/07z1rd3rrt3ka.js\"],\"default\"]\n24:I[75696,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n29:I[93872,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n2a:I[67024,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/0gmiqsyxp9fmz.js\"],\"default\"]\n2b:I[26379,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n2c:I[27201,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0s3y-5e_8our6.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"en\",\"about\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\",null],{\"children\":[\"about\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s3y-5e_8our6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/011a3vg_.d8k-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/01gd4q697llsv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0kz70sso-z.90.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L3\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/07z1rd3rrt3ka.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,\"$@a\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s3y-5e_8our6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"RolIJFTAK3WTPl_Ke-c3Q\"}\n"])</script>
1<script>self.__next_f.push([1,"10:[]\na:\"$W10\"\n2:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L11\",null,{\"options\":{\"duration\":2},\"root\":true,\"children\":[[\"$\",\"$L12\",null,{}],[\"$\",\"div\",null,{\"className\":\"z-[-1] fixed top-0 left-0 w-full h-full bg-[url('/bg.jpg')] bg-center bg-cover bg-no-repeat brightness-[.7]\"}],[\"$\",\"div\",null,{\"className\":\"z-0 flex flex-col min-h-dvh\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L13\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L14\",null,{}],[\"$\",\"$L15\",null,{}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"6:[\"$\",\"main\",null,{\"className\":\"flex flex-col my-48 max-w-[1520px] px-10 mx-auto flex-1 w-full gap-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex gap-6 flex-col-reverse lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-5xl font-bold poppins lg:text-8xl\",\"children\":\"About me\"}],[\"$\",\"p\",null,{\"className\":\"text-lg\",\"children\":\"I'm Lohan, 19, a young, self-taught and passionate web developer. Every project I work on is an extension of my curiosity, pushing me to explore new facets of technology and solve problems in innovative ways. Far from being reclusive in this digital world, I draw strength and inspiration from a dynamic social life. My daily interactions and collective activities fuel my creativity, enrich my perspective and intertwine with my passion for coding, motivating me to pursue innovations that connect technology and the human experience.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"noise\"}],[\"$\",\"$L16\",null,{\"src\":\"/images/Head4.png\",\"alt\":\"About me\",\"className\":\"object-cover w-full h-full\",\"width\":1000,\"height\":1000,\"priority\":true}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl text-[#ddd]\",\"children\":[\"[\",\"My stacks\",\"]\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-wrap items-center justify-start gap-4\",\"children\":[[\"$\",\"div\",\"ReactJS,ReactJS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/react.svg\",\"alt\":\"ReactJS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"ReactJS\"}]}]]}],[\"$\",\"div\",\"NextJS,NextJS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/next.svg\",\"alt\":\"NextJS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"NextJS\"}]}]]}],[\"$\",\"div\",\"ViteJS,ViteJS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/vite.svg\",\"alt\":\"ViteJS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"ViteJS\"}]}]]}],[\"$\",\"div\",\"NodeJS,NodeJS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[\"$L17\",\"$L18\"]}],\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\"]}]]}],\"$L20\",\"$L21\",\"$L22\"]}]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"$L16\",null,{\"src\":\"/stacks/nodejs.svg\",\"alt\":\"NodeJS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}]\n18:[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"NodeJS\"}]}]\n19:[\"$\",\"div\",\"ExpressJS,ExpressJS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/express.svg\",\"alt\":\"ExpressJS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"ExpressJS\"}]}]]}]\n1a:[\"$\",\"div\",\"HTML,HTML\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/html.svg\",\"alt\":\"HTML\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"HTML\"}]}]]}]\n1b:[\"$\",\"div\",\"CSS,CSS\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/css.svg\",\"alt\":\"CSS\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"CSS\"}]}]]}]\n1c:[\"$\",\"div\",\"JavaScript,JavaScript\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/js.svg\",\"alt\":\"JavaScript\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"JavaScript\"}]}]]}]\n1d:[\"$\",\"div\",\"Sass,Sass\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/sass.svg\",\"alt\":\"Sass\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"Sass\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"div\",\"Webpack,Webpack\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/webpack.svg\",\"alt\":\"Webpack\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"Webpack\"}]}]]}]\n1f:[\"$\",\"div\",\"Python,Python\",{\"className\":\"relative border border-white/10 group flex flex-col items-center justify-center aspect-square bg-[#141414] rounded-xl z-0 hover:bg-[#212121] transition duration-300 ease-in-out w-20 flex-none lg:flex-1\",\"children\":[[\"$\",\"$L16\",null,{\"src\":\"/stacks/python.svg\",\"alt\":\"Python\",\"width\":100,\"height\":100,\"className\":\"h-1/2 w-auto pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-full mt-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out z-10\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm whitespace-nowrap bg-[#141414] border border-white/10 px-2 py-1 rounded-lg\",\"children\":\"Python\"}]}]]}]\n20:[\"$\",\"div\",null,{\"className\":\"flex gap-6 flex-col-reverse lg:flex-row-reverse\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-5xl font-bold poppins lg:text-8xl\",\"children\":\"Career\"}],[\"$\",\"p\",null,{\"className\":\"text-lg\",\"children\":\"My journey into web development began at the age of 13, a passion that quickly led me to deepen my skills through professional online training. In high school, I leveraged my skills by volunteering to design websites, an approach that enriched my practical knowledge while serving my community. These experiences were crucial to my recent goal of gaining admission to Epitech Paris, a dream I've nurtured for years and which now marks the next big chapter in my technology career.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"noise\"}],[\"$\",\"$L16\",null,{\"src\":\"/images/Dev2.jpg\",\"alt\":\"Career\",\"className\":\"object-cover w-full h-full\",\"width\":1000,\"height\":1000,\"priority\":true}]]}]]}]\n21:[\"$\",\"div\",null,{\"className\":\"flex gap-6 flex-col-reverse lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col flex-1 h-full text-white lg:sticky top-28 gap-11\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-5xl font-bold poppins lg:text-8xl\",\"children\":\"Future\"}],[\"$\",\"p\",null,{\"className\":\"text-lg\",\"children\":\"I'm planning to work as a web or software engineer in North America, with a specific goal in mind: to enter the prestigious University of San Francisco for my 4th year of higher education. By aiming for a double degree, I'm looking to broaden my horizons and work my way into the American job market. My ultimate ambition is to contribute to the dynamic technological sphere of Silicon Valley or San Francisco, taking advantage of every opportunity to learn, innovate and ultimately realize my dream of becoming an influential player in the technology field.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-56 w-full rounded-3xl overflow-hidden lg:flex-1 lg:h-auto lg:rounded-[60px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"noise\"}],[\"$\",\"$L16\",null,{\"src\":\"/images/sf.jpg\",\"alt\":\"Future\",\"className\":\"object-cover w-full h-full\",\"width\":1000,\"height\"
1:1000,\"priority\":true}]]}]]}]\n22:[\"$\",\"div\",null,{\"className\":\"mt-20 flex flex-col gap-16 items-center text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[#ddd] text-2xl\",\"children\":\"[Contact]\"}],[\"$\",\"h2\",null,{\"className\":\"poppins text-5xl font-bold text-white leading-["])</script>
1<script>self.__next_f.push([1,"70px] md:text-8xl md:leading-[140px]\",\"children\":[\"Looking for a \",[\"$\",\"span\",\"highlighted0\",{\"className\":\"bg-white text-black poppins font-bold\",\"children\":[\"developer\"]}],\"?\"]}],[\"$\",\"$L23\",null,{\"route\":\"/contact\",\"className\":\"text-xl py-5\",\"children\":[\"Hire me up\",\" \",[\"$\",\"span\",null,{\"className\":\"ml-2\",\"children\":\"ð\"}]]}]]}]\n13:[\"$\",\"main\",null,{\"className\":\"flex max-w-[85%] mx-auto flex-1 h-full w-full items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl sm:text-8xl poppins font-bold text-clip text-transparent bg-clip-text bg-linear-to-r from-[#2e9bfb] to-[#CE42FF] linear__rotate\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-white text-lg sm:text-xl mb-5 text-center\",\"children\":\"[This page does not exist]\"}],[\"$\",\"$L23\",null,{\"route\":\"/\",\"children\":\"Go home\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3:[\"$\",\"$L24\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"locale\":\"{locale, select, fr {ð«ð· FR} en {ðºð¸ EN} other {Unknown}}\",\"Navbar\":{\"back\":\"Go back\",\"Navigation\":{\"home\":\"Home\",\"about\":\"About\",\"portfolio\":\"Portfolio\",\"contact\":\"Contact\",\"call\":\"Book a call\"}},\"Footer\":{\"copyright\":\"All rights reserved.\",\"legalNotice\":\"Legal notices\"},\"CallToActionButton\":\"Hire me up\",\"NotFoundPage\":{\"notFoundMessage\":\"This page does not exist\",\"goHome\":\"Go home\"},\"ErrorPage\":{\"errorMessage\":\"An error occurred\",\"tryAgain\":\"Try again\"},\"HomePage\":{\"position\":\"A TypeScript developer\"},\"AboutPage\":{\"About\":{\"title\":\"About me\",\"description\":\"I'm Lohan, 19, a young, self-taught and passionate web developer. Every project I work on is an extension of my curiosity, pushing me to explore new facets of technology and solve problems in innovative ways. Far from being reclusive in this digital world, I draw strength and inspiration from a dynamic social life. My daily interactions and collective activities fuel my creativity, enrich my perspective and intertwine with my passion for coding, motivating me to pursue innovations that connect technology and the human experience.\"},\"Stacks\":\"My stacks\",\"Career\":{\"title\":\"Career\",\"description\":\"My journey into web development began at the age of 13, a passion that quickly led me to deepen my skills through professional online training. In high school, I leveraged my skills by volunteering to design websites, an approach that enriched my practical knowledge while serving my community. These experiences were crucial to my recent goal of gaining admission to Epitech Paris, a dream I've nurtured for years and which now marks the next big chapter in my technology career.\"},\"Future\":{\"title\":\"Future\",\"description\":\"I'm planning to work as a web or software engineer in North America, with a specific goal in mind: to enter the prestigious University of San Francisco for my 4th year of higher education. By aiming for a double degree, I'm looking to broaden my horizons and work my way into the American job market. My ultimate ambition is to contribute to the dynamic technological sphere of Silicon Valley or San Francisco, taking advantage of every opportunity to learn, innovate and ultimately realize my dream of becoming an influential player in the technology field.\"},\"CallToAction\":\"Looking for a \u003chighlighted\u003edeveloper\u003c/highlighted\u003e?\"},\"PortfolioPage\":{\"subtitle\":\"Some of my experiences\",\"CallToAction\":\"\u003chighlighted\u003eYour project\u003c/highlighted\u003e is missing here?\"},\"PortfolioItemPage\":{\"CallToAction\":\"Project like \u003chighlighted\u003e\u003c/highlighted\u003e?\"},\"ContactPage\":{\"conditions\":\"I invite you to contact me with any questions or specific requests via email or my social networks. If you do not receive a reply within a reasonable time, it is likely that a reception problem has occurred. Please feel free to resend your message or reach me directly on the social platforms to ensure that your request has been received. Your communication is important to me, and I strive to ensure a smooth and responsive interaction.\u003c/br\u003e\u003c/br\u003ePlease note that to guarantee a response to your e-mail, certain conditions must be met: the message must be carefully written and the content must be relevant. Any email that does not meet these criteria will, without exception, be archived and will not receive a reply. The form is secured by reCaptcha v3.\",\"acceptConditions\":\"I accept the conditions above.\",\"nextStep\":\"Next step\",\"contactDescription\":\"To contact me, simply fill in the form below. Simply complete the required fields, and I'll get back to you as soon as possible. Your contact is just a click away.\",\"form\":{\"name\":\"FULL NAME\",\"email\":\"EMAIL\",\"message\":\"MESSAGE\",\"submitButton\":\"Send email\",\"successMessage\":\"Your message has been sent successfully. I will get back to you as soon as possible.\",\"errors\":{\"required\":\"This field is required\",\"minLength\":\"Please enter at least {n} characters\",\"maxLength\":\"Please enter no more than {n} characters\",\"pattern\":\"Please enter a valid {type}\"}}}}
1,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":[\"$L25\",\"$L26\",\"$L27\",\"$L28\"]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-200 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded-lg\",\"children\":\"Passer au contenu\"}]\n26:[\"$\",\"$L29\",null,{}]\n27:[\"$\",\"div\",null,{\"id\":\"main-content\",\"tabIndex\":-1,\"className\":\"contents\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$2a\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0gmiqsyxp9fmz.js\",\"async\":true}]],\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"flex max-w-[85%] mx-auto flex-1 h-full w-full items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl sm:text-8xl poppins font-bold text-clip text-transparent bg-clip-text bg-linear-to-r from-[#2e9bfb] to-[#CE42FF] linear__rotate\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-white text-lg sm:text-xl mb-5 text-center\",\"children\":[\"[\",\"This page does not exist\",\"]\"]}],[\"$\",\"$L23\",null,{\"route\":\"/\",\"children\":\"Go home\"}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n28:[\"$\",\"$L2b\",null,{}]\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script>
1<script>self.__next_f.push([1,"e:[[\"$\",\"title\",\"0\",{\"children\":\"About - Lohan\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.lhn.dev/about\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"About - Lohan\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://www.lhn.dev/opengraph-image.png?opengraph-image.0pd_72ga0p3xw.png\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:width\",\"content\":\"900\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:height\",\"content\":\"506\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"About - Lohan\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://www.lhn.dev/twitter-image.png?twitter-image.0pd_72ga0p3xw.png\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:width\",\"content\":\"900\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:height\",\"content\":\"506\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0f_j8z7xaf51q.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.1889xnjnda90k.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"18\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.0z8wliivohyx0.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L2c\",\"19\",{}]]\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.