1<!DOCTYPE html><!--b6LwIOxny_qd2AFvrxQl6--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/5413d6e6d8960ee4-s.p.af0c84fa.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c28f5313a6ae5ee4-s.p.34907654.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e8f2fbee2754df70-s.p.9b7a96b4.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fshah_samin_yasar_5.jpeg&w=640&q=75 1x, /_next/image?url=%2Fassets%2Fshah_samin_yasar_5.jpeg&w=1080&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fshah_samin_yasar.jpg&w=640&q=75 1x, /_next/image?url=%2Fassets%2Fshah_samin_yasar.jpg&w=1080&q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/3708280aded5ce43.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/8557a8c36b3f13a2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0487dcf119c456b7.js"/>
1<script src="/_next/static/chunks/4a2e6ca9bc162ffe.js" async=""></script>
1<script src="/_next/static/chunks/c903f9580a4b6572.js" async=""></script>
1<script src="/_next/static/chunks/023d923a37d494fc.js" async=""></script>
1<script src="/_next/static/chunks/e5a32dc6c98b1c24.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-27fdd508db6a15e0.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/247eb132b7f7b574.js" async=""></script>
1<script src="/_next/static/chunks/5bab93f39577e409.js" async=""></script>
1<script src="/_next/static/chunks/5052fc28ebe64251.js" async=""></script>
1<script src="/_next/static/chunks/76b6eaf66d632c58.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>SHAH SAMIN YASAR - Full Stack Developer</title><meta name="description" content="Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh"/><meta name="author" content="Shah Samin Yasar"/><meta name="keywords" content="shah samin yasar,full stack developer,mern stack developer,software engineer,developer,web developer,portfolio,samin,samin's portfolio,yasar,basha lagbe,tasks align,webio,web developer in bd"/><meta name="robots" content="index, follow"/><meta property="og:title" content="SHAH SAMIN YASAR - Full Stack Developer"/><meta property="og:description" content="Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh"/><meta property="og:url" content="https://shahsaminyasar.vercel.app"/><meta property="og:site_name" content="Shah Samin Yasar's Portfolio"/><meta property="og:image" content="https://shahsaminyasar.vercel.app/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Shah Samin Yasar - Full Stack Developer"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="SHAH SAMIN YASAR - Full Stack Developer"/><meta name="twitter:description" content="Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh"/><meta name="twitter:image" content="https://shahsaminyasar.vercel.app/og-image.jpg"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:alt" content="Shah Samin Yasar - Full Stack Developer"/><link rel="icon" href="/favicon.png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="montserrat_2b74387d-module__Igm5sG__className antialiased relative"><div hidden=""><!--$--><!--/$--></div><main class="w-[100vw] overflow-hidden relative"><span id="cursor" class="w-[10px] aspect-square rounded-full bg-[rgba(255,255,255,1)] fixed top-0 left-0 z-[999] pointer-events-none text-neutral-800 text-[3px] font-light text-center grid place-items-center opacity-0" style="mix-blend-mode:exclusion"></span><header id="header" class="w-full px-5 fixed top-0 left-0 z-20 opacity-0 bg-black bg-opacity-40 backdrop-blur-md shadow-md"><div class="w-full max-w-7xl mx-auto relative z-[1] h-[70px] flex flex-row items-center justify-between pr-4"><a class="logo block w-fit px-2 py-1 bg-[#f9faff] text-black rounded-sm text-sm font-normal" href="/">Shah Samin Yasar</a><nav class="flex flex-row gap-4 text-sm text-white font-light"><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_hero">Intro</a><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_about">About</a><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_skills">Skills</a><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_portfolio">Portfolio</a><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_timeline">Timeline</a><a class="hidden md:block text-opacity-70 hover:text-opacity-100" href="#section_contact">Contact</a><button class="hamburger md:hidden"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-2xl text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z"></path></svg></button></nav></div></header><div class="-translate-x-[100%] md:hidden mobile_nav fixed top-0 left-0 z-20 w-full h-full bg-black px-5 py-10 overflow-y-auto text-white text-left flex flex-col items-start justify-center gap-2 text-3xl"><button id="mobile_menu_close_btn" class="absolute top-5 right-5 z-40"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-4xl text-white opacity-70" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"></path></svg></button><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">Intro</button></div><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">About</button></div><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">Skills</button></div><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">Portfolio</button></div><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">Timeline</button></div><div class="overflow-hidden w-full"><button class="mobile_nav_link opacity-100 block text-opacity-70 hover:text-opacity-100 hover:scale-[1.2] hover:underline">Contact</button></div></div><section id="section_hero" class="relative p-5"><div class="w-full max-w-7xl mx-auto relative z-[1] min-h-[100vh] portrait:min-h-[90vh] md:min-h-screen w-full flex flex-col gap-3 items-center landscape:justify-center relative py-20"><div class="portrait:mt-auto"><div class="flex flex-row justify-between items-center"><span id="hi" class="indie_flower_a321b86f-module__cnQEJG__className text-sm md:text-[1.25rem] block text-left opacity-0">Hi, I'm</span><span id="flag" class="w-[30px] rounded-sm aspect-video bg-green-700 grid place-items-center opacity-0"><span class="block w-[36%] aspect-square rounded-full bg-red-500"></span></span></div><div id="name_container" class="overflow-hidden"><h1 id="name" class="text-3xl md:text-5xl font-medium uppercase md:my-1 md:mb-2 opacity-0">Shah Samin Yasar</h1></div><div class="overflow-hidden"><p id="title" class="block text-xl md:text-3xl font-thin opacity-0">Full Stack Developer</p></div><span id="liveStatusContainer" class="w-fit mx-auto text-xs md:text-sm font-light text-white text-opacity-60 flex flex-row items-center gap-1 opacity-0 mt-5"><div class="livenow"><div></div><div></div><div></div></div> <!-- -->LIVE status:<!-- --> <span id="liveStatus" class="inline-block font-medium opacity-50">Coding</span></span></div><div id="cta_container" class="w-full flex flex-row items-center justify-center gap-5 portrait:mt-auto md:mt-7 md:relative opacity-0"><a target="_blank" id="cv_btn" class="fira_code_b32a9db7-module__yJyaOa__className w-fit px-2 py-2 text-xs rounded-lg font-medium border-2 border-primary bg-gradient-to-br from-primary to-secondary text-white flex flex-row items-center gap-2 mr-2 md:mr-3" href="https://drive.google.com/file/d/1KvH3raH4AziRdSAPhnrvSU2Uoj3FieMV/view?usp=sharing"><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 fill="none" stroke-linejoin="round" stroke-width="32" d="M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z"></path><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 56v120a32 32 0 0 0 32 32h120"></path></svg>My Resume</a><a class="handle" target="_blank" href="https://github.com/ShahSaminYasar"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl text-white opacity-80" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a><a class="handle" target="_blank" href="https://www.linkedin.com/in/shah-samin-yasar/"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl text-white opacity-80" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a class="handle" target="_blank" href="https://instagram.com/shah_samin_yasar"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl text-white opacity-80" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a><a class="handle" target="_blank" href="https://www.facebook.com/shahsaminyasar"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl text-white opacity-80" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a></div></div><span id="scroll_down_indicator" class="flex flex-col items-center justify-center absolute left-[50%] -translate-x-[50%] -bottom-[20px] opacity-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="text-3xl text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M144,16H112A64.07,64.07,0,0,0,48,80v96a64.07,64.07,0,0,0,64,64h32a64.07,64.07,0,0,0,64-64V80A64.07,64.07,0,0,0,144,16Zm48,160a48.05,48.05,0,0,1-48,48H112a48.05,48.05,0,0,1-48-48V80a48.05,48.05,0,0,1,48-48h32a48.05,48.05,0,0,1,48,48ZM136,64v48a8,8,0,0,1-16,0V64a8,8,0,0,1,16,0Z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="block arrow text-sm text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 3
161.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z"></path></svg></span><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute top-0 left-0 -translate-y-[10%] -translate-x-[40%]"></span><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute bottom-0 right-0 translate-x-[30%] translate-y-[20%]"></span></section><section id="section_about" class="relative mt-5 mb-20"><div class="w-full max-w-7xl mx-auto relative z-[1] grid grid-cols-1 md:grid-cols-3 gap-0 md:gap-5"><div class="p-5 overflow-hidden"><div id="about_image_container" class="w-full bg-primary bg-opacity-30 backdrop-blur-xl p-10 grid place-items-center h-full rounded-2xl" style="background-image:url(/assets/about_bg_decor.png);background-size:contain;background-position:center;background-repeat:repeat"><div class="about_images w-[100%] max-w-[250px] aspect-square rounded-[30%] rotate-[-15deg] overflow-hidden relative"><img alt="Shah Samin Yasar" width="500" height="500" decoding="async" data-nimg="1" class="me_image_one absolute top-0 left-0 w-full h-full object-cover block rotate-[15deg] scale-125" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fshah_samin_yasar_5.jpeg&w=640&q=75 1x, /_next/image?url=%2Fassets%2Fshah_samin_yasar_5.jpeg&w=1080&q=75 2x" src="/_next/image?url=%2Fassets%2Fshah_samin_yasar_5.jpeg&w=1080&q=75"/><img alt="Shah Samin Yasar" width="500" height="500" decoding="async" data-nimg="1" class="me_image_two absolute top-0 left-0 w-full h-full object-cover block rotate-[15deg] scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fshah_samin_yasar.jpg&w=640&q=75 1x, /_next/image?url=%2Fassets%2Fshah_samin_yasar.jpg&w=1080&q=75 2x" src="/_next/image?url=%2Fassets%2Fshah_samin_yasar.jpg&w=1080&q=75"/></div></div></div><div class="md:col-span-2 md:min-h-screen p-5 sm:pr-10 flex flex-col justify-center gap-4"><div class="overflow-hidden"><span id="about_heading" class="block text-3xl md:text-5xl font-light text-white"><span class="text-primary-shade inline-block font-semibold">Me</span> <!-- -->in brief</span></div><div class="overflow-hidden"><p id="about_description" class="block text-justify text-sm text-white text-opacity-70 font-light">I'm Shah Samin Yasar, a full stack developer from Sylhet, Bangladesh, with 5+ years of experience. I specialize in building industry-level web apps using technologies like React, Next.js, Node.js, MongoDB, PostgreSQL etc. Passionate about my work, I ensure high-quality solutions, having successfully developed projects for businesses, agencies, and educational institutions.</p></div><div id="about_list" class="pl-4 flex flex-col gap-3 items-start text-white font-light text-sm relative"><div id="about_list_bar" class="absolute block -left-1 top-0 w-[4px] h-full bg-primary-shade rounded-sm"></div><span class="relative"><span class="w-4 h-1 bg-primary-shade rounded-sm absolute top-[50%] -left-5 -translate-y-[50%]"></span>ð Based:<!-- --> <span class="font-semibold">Sylhet, Bangladesh</span></span><span class="relative"><span class="w-4 h-1 bg-primary-shade rounded-sm absolute top-[50%] -left-5 -translate-y-[50%]"></span>ð Education:<!-- --> <span class="font-semibold">Software Engineering Student, Sylhet Metropolitan University</span></span><span class="relative"><span class="w-4 h-1 bg-primary-shade rounded-sm absolute top-[50%] -left-5 -translate-y-[50%]"></span>ðª I specialize in:<!-- --> <span class="font-semibold">Next.js, Full Stack</span></span><span class="relative"><span class="w-4 h-1 bg-primary-shade rounded-sm absolute top-[50%] -left-5 -translate-y-[50%]"></span>⥠Hobbies:<!-- --> <span class="font-semibold">Coding, cycling, photography</span></span><span class="relative"><span class="w-4 h-1 bg-primary-shade rounded-sm absolute top-[50%] -left-5 -translate-y-[50%]"></span>ð Experience: <span class="font-semibold">5+ years</span></span></div></div></div><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute left-[5%] bottom-[20%]"></span></section><div id="section_skills"><section class="px-5 sticky top-0 left-0 py-20"><div id="skills_container" class="w-full max-w-7xl mx-auto relative z-[1] flex flex-col items-start justify-center">
1<div class="overflow-hidden min-h-[45px] md:min-h-[55px] w-full"><span id="skills_heading" class="block text-4xl md:text-5xl text-center font-light text-white">I'm<!-- --> <span class="text-primary-shade inline-block font-semibold">skilled</span> <!-- -->in...</span></div><div id="skills_cards_container" class="flex flex-row justify-center gap-6 flex-wrap my-3 mt-10 w-full max-w-[790px] mx-auto"><img alt="React.js logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FReactJS.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FReactJS.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FReactJS.png&w=256&q=75"/><img alt="Next.js logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FnextJS.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FnextJS.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FnextJS.png&w=256&q=75"/><img alt="Node.js logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FnodeJS.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FnodeJS.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FnodeJS.png&w=256&q=75"/><img alt="Express.js logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FexpressJS.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FexpressJS.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FexpressJS.png&w=256&q=75"/><img alt="JavaScript logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fjs.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fjs.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fjs.png&w=256&q=75"/><img alt="MongoDB logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FmongoDB.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FmongoDB.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FmongoDB.png&w=256&q=75"/><img alt="PostgreSQL logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2FpostgreSQL.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2FpostgreSQL.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2FpostgreSQL.png&w=256&q=75"/><img alt="TailwindCSS logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Ftailwindcss.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Ftailwindcss.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Ftailwindcss.png&w=256&q=75"/><img alt="PhP logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fphp.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fphp.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fphp.png&w=256&q=75"/><img alt="Python logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fpython.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fpython.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fpython.png&w=256&q=75"/><img alt="C logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fc.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fc.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fc.png&w=256&q=75"/><img alt="WordPress logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fwordpress.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fwordpress.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fwordpress.png&w=256&q=75"/><img alt="Figma logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Ffigma.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Ffigma.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Ffigma.png&w=256&q=75"/><img alt="Photoshop logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fphotoshop.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fphotoshop.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fphotoshop.png&w=256&q=75"/><img alt="Illustrator logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fillustrator.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fillustrator.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fillustrator.png&w=256&q=75"/><img alt="Github logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fgithub.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fgithub.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fgithub.png&w=256&q=75"/><img alt="Firebase logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Ffirebase.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Ffirebase.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Ffirebase.png&w=256&q=75"/><img alt="Vercel logo" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="skill_logo" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Flogos%2Fvercel.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Flogos%2Fvercel.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Flogos%2Fvercel.png&w=256&q=75"/></div></div><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]"></span></section></div><section id="section_portfolio" class="relative"><div class="w-full max-w-7xl mx-auto relative z-[1] px-5 py-20">
1<div class="overflow-hidden min-h-[45px] md:min-h-[55px] w-full"><span id="portfolio_heading" class="block text-4xl md:text-5xl font-light text-white opacity-100">My<!-- --> <span class="text-primary-shade inline-block font-semibold">creations</span>...</span></div><div id="container_portfolio_cards" class="flex flex-row flex-wrap items-center justify-center gap-10 mt-10"><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of Yawmly" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="https://ph-files.imgix.net/2f2f1b9b-b596-48b8-a228-7e1b3cfcb660.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=535&h=320&fit=max&frame=1&dpr=2"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">Yawmly</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://www.producthunt.com/posts/yawmly"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of EinenAI" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/einen_ai.jpg"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">EinenAI</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="http://einen-ai.vercel.app"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of RaveTagBD" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/ravetagbd_ss.gif"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">RaveTagBD</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://ravetagbd.web.app"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card">
1<img alt="Thumbnail of Brave Education UK" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/brave_education_uk.jpg"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">Brave Education UK</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://www.braveeducationuk.com"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of Holy Dental Care" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/hdc.png"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">Holy Dental Care</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://holy-dental-care.vercel.app"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of Nurashop (POS)" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/nurashop.jpg"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">Nurashop (POS)</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://nurashop.vercel.app"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card"><img alt="Thumbnail of Basha Lagbe" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/basha_lagbe_ss.gif"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">Basha Lagbe</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="https://basha-lagbe.vercel.app"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div><div class="portfolio-card fira_code_b32a9db7-module__yJyaOa__className w-full max-w-[500px] rounded-lg bg-gradient-to-br from-[rgba(255,255,255,0.2)] to-transparent border-[1px] border-[#655473] p-3 portfolio_card">
1<img alt="Thumbnail of NHA - Landing Page" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="portfolio-card_image w-full aspect-video object-cover rounded-lg mb-3" style="color:transparent" src="/assets/portfolio/nha_ss.png"/><div class="flex flex-row items-center justify-between gap-3 flex-wrap"><h3 class="capitalize text-xl text-white font-semibold block text-left">NHA - Landing Page</h3><div class="flex flex-row items-center flex-nowrap gap-2"><button class="chronicle-button"><span><em>Details</em></span><span><em>Details</em></span></button><a target="_blank" class="block w-fit px-1 py-1 border-none hover:scale-110 duration-200 rounded-sm text-xs font-medium text-white" href="#"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div></div><a class="viewAllButton mx-auto block w-fit mt-10" href="/projects"><span data-text="See more" class="flex flex-row items-center gap-2 flex-nowrap">See more <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="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></span></a></div><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute top-[10%] -left-[38%]"></span><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute bottom-[10%] right-[18%]"></span></section><div id="portfolio_details" class="hidden opacity-0 fixed left-0 top-0 bottom-0 right-0 w-full h-full z-20"><button id="portfolio_details_close_btn" class="absolute top-5 right-5 z-50"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-3xl text-white opacity-90" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"></path></svg></button><div class="fixed left-0 top-0 bottom-0 right-0 w-full h-full bg-black bg-opacity-60 z-30 backdrop-blur-sm"></div><div id="portfolio_details_drawer" tabindex="-1" class="w-full max-w-[400px] h-screen z-40 bg-slate-900 bg-opacity-100 py-10 pt-14 px-3 flex flex-col gap-4 text-white text-opacity-70 text-xs fixed left-0 top-0 translate-x-[-100%] bottom-0 after:content-[''] after:absolute after:top-0 after:right-0 after:w-[1px] after:h-full after:bg-gradient-to-b after:from-primary-shade after:to-transparent overflow-y-auto overscroll-contain"><img id="portfolio_details_image" alt="Website portfolio thumbnail" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="w-full rounded-lg aspect-video object-cover border-[1px] border-[#655473]" style="color:transparent" src="/assets/portfolio/skisc_hsc25_ss.gif"/><h3 id="portfolio_details_title" class="font-semibold text-3xl text-primary-shade"></h3><div class="flex flex-row flex-wrap w-full gap-1 items-center"><span class="inline-block w-fit py-[2px] px-1 rounded-sm bg-white uppercase text-neutral-800 text-xs font-semibold">html</span><span class="inline-block w-fit py-[2px] px-1 rounded-sm bg-white uppercase text-neutral-800 text-xs font-semibold">css</span><span class="inline-block w-fit py-[2px] px-1 rounded-sm bg-white uppercase text-neutral-800 text-xs font-semibold">js</span></div><p id="portfolio_details_description" class="font-light"></p><a target="_blank" class="block text-xs font-medium text-left text-primary-shade" href=""></a><div class="mt-2 flex justify-end"><a target="_blank" class="viewAllButton w-fit" href="#section_portfolio"><span data-text="Visit Link" class="flex flex-row items-center gap-2 flex-nowrap">View Live <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="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></span></a></div></div></div><section id="section_timeline" class="relative min-h-screen py-20 pb-10 px-5"><div class="w-full max-w-7xl mx-auto relative z-[1] undefined">
1<div class="overflow-hidden min-h-[45px] md:min-h-[55px] w-full"><span id="timeline_heading" class="block text-4xl md:text-5xl font-light text-white">My<!-- --> <span class="text-primary-shade inline-block font-semibold">Timeline</span>...</span></div><div class="flex flex-col justify-center items-center"><div class="w-full max-w-[500px] md:max-w-[670px] flex flex-col gap-0 items-start mt-10"><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2018</span><span class="font-medium text-lg md:text-xl block">Video editing and youtubing</span><p class="text-xs font-thin">Got into tech stuffs through learning video editing and making YouTube videos.</p></div></div><div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2019</span><span class="font-medium text-lg md:text-xl block">Robotics and Arduino programming</span><p class="text-xs font-thin">Out of interest, made projects like Smart City Model, Bluetooth Controlled Car, Obstacle sensor etc. with Arduino.</p></div><span class="ebar origin-top w-[2px] h-[43px] block bg-gradient-to-b to-[rgba(81,66,199,0.9)] from-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span></div><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2020</span><span class="font-medium text-lg md:text-xl block">MIT App Inventor</span><p class="text-xs font-thin">Made apps using block based programming in MIT App Inventor.</p></div></div><div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2020</span><span class="font-medium text-lg md:text-xl block">Python</span><p class="text-xs font-thin">Learnt Python and its various libraries like Pygame using which made some 2D games like space shooter, pong etc.</p></div><span class="ebar origin-top w-[2px] h-[43px] block bg-gradient-to-b to-[rgba(81,66,199,0.9)] from-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span></div><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2021</span><span class="font-medium text-lg md:text-xl block">Entry into Web Development</span><p class="text-xs font-thin">Learnt basic HTML CSS and JS from YT tutorials, later through a premium course.</p></div></div><div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2021</span><span class="font-medium text-lg md:text-xl block">Dived more deeper</span><p class="text-xs font-thin">Started learning and practicing advanced JavaScript and OOP.</p></div><span class="ebar origin-top w-[2px] h-[43px] block bg-gradient-to-b to-[rgba(81,66,199,0.9)] from-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span></div><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2023</span><span class="font-medium text-lg md:text-xl block">Advancement</span><p class="text-xs font-thin">Mastered JS through problem solving and building advanced web apps without any framework.</p></div></div>
1<div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2023</span><span class="font-medium text-lg md:text-xl block">Learnt C Programming</span><p class="text-xs font-thin">Got into problem solving with C. Took part in physical contests and won positions.</p></div><span class="ebar origin-top w-[2px] h-[43px] block bg-gradient-to-b to-[rgba(81,66,199,0.9)] from-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span></div><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2023</span><span class="font-medium text-lg md:text-xl block">Real life project</span><p class="text-xs font-thin">Got hired to develop a React based online portal system for an educational agency. Earned my first ever earning from this project.</p></div></div><div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2024</span><span class="font-medium text-lg md:text-xl block">Industry level</span><p class="text-xs font-thin">Mastered React.js and Next.js through continuously building web applications following the industry standard.</p></div><span class="ebar origin-top w-[2px] h-[43px] block bg-gradient-to-b to-[rgba(81,66,199,0.9)] from-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span></div><div class="timeline_card"><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(81,66,199,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-primary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2024</span><span class="font-medium text-lg md:text-xl block">More real life projects</span><p class="text-xs font-thin">Completed two more massive projects. One was an ecommerce store and another one was a school's online class management portal - all based on React.js.</p></div></div><div class="self-end timeline_card origin-top"><span class="sbar origin-top w-[2px] h-[43px] block bg-gradient-to-b from-[rgba(81,66,199,0.9)] to-[rgba(81,66,199,0.3)] rounded-[5px] ml-8 sm:ml-3"></span><div class="w-full max-w-[270px] md:max-w-[350px] p-5 rounded-lg bg-gradient-to-br from-[rgba(28,48,138,0.25)] to-transparent text-white text-opacity-80 font-normal flex flex-col gap-0 border-[2px] border-secondary border-opacity-70"><span class="font-light text-[14px] md:text-sm block">2025</span><span class="font-medium text-lg md:text-xl block">Contractual Project</span><p class="text-xs font-thin">Got hired to build online portal systems for a tech company.</p></div></div></div></div></div><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute -bottom-[20vw] left-[50%] -translate-x-[50%] w-[80vw] blur-[35vw] md:blur-[18vw] md:w-[45vw]"></span></section><section id="section_contact" class="relative px-5"><div class="w-full max-w-7xl mx-auto relative z-[1] flex flex-col items-center justify-center pt-20 pb-1"><div class="overflow-hidden min-h-[45px] md:min-h-[55px] w-full"><span id="contact_heading" class="block text-4xl md:text-5xl font-light text-white text-center">Let's get in<!-- --> <span class="text-primary-shade inline-block font-semibold">touch</span> </span></div><div class="w-full flex flex-col md:grid md:grid-cols-2 gap-10 justify-center py-10"><div class="handles_container w-full max-w-[400px] mx-auto grid grid-cols-1 gap-2"><div class="overflow-hidden"><span class="contact_col_title font-light text-3xl text-white text-opacity-80 block mb-5">My social handles...</span></div><a target="_blank" class="contact_handle w-full flex flex-row items-center gap-3 rounded-badge p-3 text-sm text-white bg-gradient-to-br from-[rgba(0,102,255,0.2)] hover:to-[rgba(0,102,255,0.2)] duration-200 to-transparent border-[2px] border-[#0066ff]" href="https://www.linkedin.com/in/shah-samin-yasar/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-3xl text-[#0066ff]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg><div class="flex flex-col items-start"><span class="font-semibold text-sm text-[#0066ff]">LinkedIn</span><span class="text-xs">in/shah-samin-yasar</span></div></a><a target="_blank" class="contact_handle w-full flex flex-row items-center gap-3 rounded-badge p-3 text-sm text-white bg-gradient-to-br from-[rgba(2,15,255,0.2)] hover:to-[rgba(2,15,255,0.2)] duration-200 to-transparent border-[2px] border-[#020fff]" href="https://www.facebook.com/shahsaminyasar"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-3xl text-[#020fff]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"></path></svg><div class="flex flex-col items-start"><span class="font-semibold text-sm text-[#020fff]">Facebook</span><span class="text-xs">shahsaminyasar</span></div></a><a target="_blank" class="contact_handle w-full flex flex-row items-center gap-3 rounded-badge p-3 text-sm text-white bg-gradient-to-br from-[rgba(255,0,153,0.2)] hover:to-[rgba(255,0,153,0.2)] duration-200 to-transparent border-[2px] border-[#ff0099]" href="https://instagram.com/shah_samin_yasar"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-3xl text-[#ff0099]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg><div class="flex flex-col items-start"><span class="font-semibold text-sm text-[#ff0099]">Instagram</span><span class="text-xs">shah_samin_yasar</span></div></a><a target="_blank" class="contact_handle w-full flex flex-row items-center gap-3 rounded-badge p-3 text-sm text-white bg-gradient-to-br from-[rgba(0,153,255,0.2)] hover:to-[rgba(0,153,255,0.2)] duration-200 to-transparent border-[2px] border-[#0099ff]" href="https://t.me/shahsaminyasar"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="text-3xl text-[#0099ff]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"></path></svg><div class="flex flex-col items-start"><span class="font-semibold text-sm text-[#0099ff]">Telegram</span><span class="text-xs">shahsaminyasar</span></div></a></div><div class="w-full max-w-[400px] mx-auto"><div class="overflow-hidden"><span class="contact_col_title font-light text-3xl text-white text-opacity-80 block mb-5">Leave a message...</span></div><form class="contact_form flex flex-col gap-4 bg-primary bg-opacity-20 p-5 rounded-lg w-full"><input placeholder="Your Email" required="" type="email" class="w-full py-2 px-3 rounded-xl bg-transparent text-sm text-white font-medium block border-[2px] border-primary-shade border-opacity-60 outline-none" name="email"/><textarea name="message" placeholder="Write message here" rows="5" class="resize-y w-full py-2 px-3 rounded-xl bg-transparent text-sm text-white font-medium block border-[2px] border-primary-shade border-opacity-60 outline-none"></textarea><button type="submit" class="py-2 px-3 rounded-xl bg-gradient-to-br from-secondary to-primary text-white block text-sm font-normal w-full mr-auto bg-opacity-50 border-[2px] border-secondary mt-1 disabled:opacity-60 disabled:grayscale-[70%]">Send Message</button></form></div></div></div><span class="block w-[45vw] aspect-square rounded-full bg-primary blur-[18vw] absolute -left-[30%] -bottom-[30%]"></span></section><section class="p-5 pr-7"><div class="w-full max-w-7xl mx-auto relative z-[1] undefined"><div class="w-fit mx-auto flex flex-col sm:flex-row items-center sm:justify-between gap-4 sm:gap-7 bg-indigo-300 bg-opacity-30 rounded-xl p-7"><img alt="Yawmly's logo" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="rounded-lg w-full max-w-[140px] sm:max-w-[200px]" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fyawmly_logo.png&w=384&q=75 1x, /_next/image?url=%2Fassets%2Fyawmly_logo.png&w=640&q=75 2x" src="/_next/image?url=%2Fassets%2Fyawmly_logo.png&w=640&q=75"/><div class="text-white text-center w-full max-w-[500px] flex flex-col items-center gap-2"><span class="block text-2xl sm:text-4xl font-semibold">Try out my app!</span>
1<p class="text-slate-200 text-xs sm:text-sm font-light leading-5">Yawmly is a productivity app which will help you plan your entire day efficiently and achieve all the goals with boosted focus.</p><a target="_blank" class="w-fit px-5 py-2 rounded-xl bg-yellow-400 text-slate-800 text-xs sm:text-sm font-medium flex gap-1 items-center mt-2" href="https://yawmly.vercel.app">Click here <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="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"></path></svg></a></div></div></div></section><footer class="flex flex-col items-center justify-center gap-3 m-5 rounded-xl border-[1px] border-primary bg-gradient-to-tl from-[rgba(81,66,199,0.4)] to-transparent text-xs sm:text-sm text-white font-light text-opacity-70 p-10 min-h-[80px] md:mr-7 text-center undefined"><span>Copyright <!-- -->2026<!-- --> ©<!-- --> <span class="font-semibold">Shah Samin Yasar</span></span></footer></main><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/0487dcf119c456b7.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\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n4:I[2355,[\"/_next/static/chunks/5bab93f39577e409.js\"],\"Analytics\"]\n5:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ClientPageRoot\"]\n6:I[39329,[\"/_next/static/chunks/5bab93f39577e409.js\",\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/5052fc28ebe64251.js\",\"/_next/static/chunks/76b6eaf66d632c58.js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ViewportBoundary\"]\ne:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"MetadataBoundary\"]\n10:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n:HL[\"/_next/static/chunks/3708280aded5ce43.css\",\"style\"]\n:HL[\"/_next/static/chunks/8557a8c36b3f13a2.css\",\"style\"]\n:HL[\"/_next/static/media/5413d6e6d8960ee4-s.p.af0c84fa.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c28f5313a6ae5ee4-s.p.34907654.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e8f2fbee2754df70-s.p.9b7a96b4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"b6LwIOxny_qd2AFvrxQl6\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3708280aded5ce43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/8557a8c36b3f13a2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5bab93f39577e409.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"montserrat_2b74387d-module__Igm5sG__className antialiased relative\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L4\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ff1a16fafef87110.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/5052fc28ebe64251.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/76b6eaf66d632c58.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$@d\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@f\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"11:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"f:[[\"$\",\"title\",\"0\",{\"children\":\"SHAH SAMIN YASAR - Full Stack Developer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Shah Samin Yasar\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"shah samin yasar,full stack developer,mern stack developer,software engineer,developer,web developer,portfolio,samin,samin's portfolio,yasar,basha lagbe,tasks align,webio,web developer in bd\"}],[\"$\",\"meta\",\"4\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"SHAH SAMIN YASAR - Full Stack Developer\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://shahsaminyasar.vercel.app\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Shah Samin Yasar's Portfolio\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://shahsaminyasar.vercel.app/og-image.jpg\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Shah Samin Yasar - Full Stack Developer\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"SHAH SAMIN YASAR - Full Stack Developer\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Portfolio of Shah Samin Yasar - a full stack developer based in Sylhet, Bangladesh\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://shahsaminyasar.vercel.app/og-image.jpg\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:alt\",\"content\":\"Shah Samin Yasar - Full Stack Developer\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicon.png\"}],[\"$\",\"$L11\",\"22\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"b:null\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.