1<!DOCTYPE html><!--RfIUk49z2nQfN3p7Pavdm--><html lang="en" class="space_grotesk_e6988195-module__RNs2Mq__variable jetbrains_mono_1a8b3aaa-module__yT9lVq__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0c89a48fa5027cee-s.p.4564287c.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/b0d75c944d12f5f7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/6999e1c90aa4301b.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/ebd3c7aa8322126a.js"/>
1<script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script>
1<script src="/_next/static/chunks/426803febb9968c2.js" async=""></script>
1<script src="/_next/static/chunks/db1f4d63ff1d1c41.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-f046558aa5ad7a43.js" async=""></script>
1<script src="/_next/static/chunks/341782629c4760d3.js" async=""></script>
1<script src="/_next/static/chunks/cc5323cbc2680d04.js" async=""></script>
1<script src="/_next/static/chunks/8fb259b055719395.js" async=""></script>
1<script src="/_next/static/chunks/bb5937642e00003d.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script>
1<script src="/_next/static/chunks/129098d598083b65.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Yusuf Mohammed | Full Stack Developer</title><meta name="description" content="Portfolio of Yusuf Mohammed â a Full Stack Web Developer focused on frontend, backend, API integrations, bug fixing, and Telegram bot development."/><meta name="keywords" content="Full Stack Developer,Frontend Developer,Backend Developer,API Integration,Bug Fixing,Telegram Bot Developer,Next.js Developer,React Developer"/><meta property="og:title" content="Yusuf Mohammed | Full Stack Developer"/><meta property="og:description" content="Frontend, backend, API integrations, bug fixing, and Telegram bot development."/><meta property="og:image" content="https://example.com/og-image.svg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Yusuf Mohammed Portfolio"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Yusuf Mohammed | Full Stack Developer"/><meta name="twitter:description" content="Frontend, backend, API integrations, bug fixing, and Telegram bot development."/><meta name="twitter:image" content="https://example.com/og-image.svg"/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="min-h-screen flex flex-col bg-gradient-to-b from-[#0a0f1c] via-[#0d1322] to-[#0a0f1c] text-white font-sans"><div hidden=""><!--$--><!--/$--></div><div class="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#0B1120] text-[#E5E7EB]"><h1 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-[#3B82F6] via-[#22D3EE] to-[#ec4899] bg-clip-text text-transparent" style="opacity:0;transform:translateY(20px)">Patience <span class="text-[#3B82F6]">builds</span> success</h1><div class="flex items-center justify-center" style="transform:none"><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-loader-circle w-12 h-12 text-[#22D3EE] animate-spin drop-shadow-[0_0_10px_#22D3EE]" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></div><p class="mt-6 text-sm text-gray-400 tracking-wide" style="opacity:0">success takes time, but it's worth the wait...</p></div><header class="fixed top-0 left-0 z-50 w-full border-b backdrop-blur-lg transition-all duration-300 border-gray-800 bg-gradient-to-r from-[#0a0f1c]/95 to-[#0e1526]/95"><nav class="container mx-auto flex items-center justify-between px-6 py-4"><a class="text-2xl font-bold text-white" href="/">Yusuf<span class="text-blue-500">Dev</span></a><ul class="hidden md:flex items-center space-x-6"><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-gray-300" href="/">Home</a></li><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-gray-300" href="/About">About</a></li><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-blue-400 bg-blue-950/40" href="/Educations">Education</a></li><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-gray-300" href="/Skills">Skills</a></li><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-gray-300" href="/Projects">Projects</a></li><li><a class="rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e1526] hover:text-blue-400 hover:bg-blue-950/30 text-gray-300" href="/Contact">Contact</a></li></ul><button class="md:hidden text-gray-300 hover:text-blue-400 transition" aria-label="Toggle menu"><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-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></nav></header><main class="flex-1 pt-24"><!--$?--><template id="B:0"></template><div class="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#0B1120] text-[#E5E7EB]"><h1 class="text-3xl md:text-4xl font-bold mb-4 bg-gradient-to-r from-[#3B82F6] via-[#22D3EE] to-[#ec4899] bg-clip-text text-transparent" style="opacity:0;transform:translateY(20px)">Patience <span class="text-[#3B82F6]">builds</span> success</h1><div class="flex items-center justify-center" style="transform:none"><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-loader-circle w-12 h-12 text-[#22D3EE] animate-spin drop-shadow-[0_0_10px_#22D3EE]" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></div><p class="mt-6 text-sm text-gray-400 tracking-wide" style="opacity:0">success takes time, but it's worth the wait...</p></div><!--/$--></main><a class="fixed bottom-6 right-5 z-50 hidden rounded-full border border-[#22D3EE] bg-[#0b1f33]/95 px-4 py-2 text-sm font-semibold text-[#67E8F9] shadow-[0_0_18px_rgba(34,211,238,0.35)] transition-all hover:-translate-y-0.5 hover:bg-[#22D3EE] hover:text-[#082032] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80 md:inline-flex" aria-label="Start a project" href="/Contact">Let's Work Together</a><footer><footer class="border-t border-gray-700/50 bg-gradient-to-t from-gray-900 to-gray-950 text-gray-300 py-8 mt-10"><div class="container mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6 text-center md:text-left"><div class="text-sm text-gray-500"><p>© <!-- -->2026<!-- --> <span class="font-semibold text-gray-300">Yusuf Mohammed</span> â All Rights Reserved.</p></div><div class="flex flex-col items-center md:items-start"><p class="mb-3 mt-1 text-xs text-gray-400">Follow me on social media</p><div class="flex flex-wrap justify-center gap-3 text-xl md:justify-start sm:gap-5 sm:text-2xl" style="opacity:0;transform:translateY(30px)"><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="Facebook" title="Facebook" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:
1drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://web.facebook.com/YusufMohammedHebo/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" style="color:#1877F2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="Telegram" title="Telegram" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://t.me/Y_4life"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" style="color:#0088cc" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z"></path></svg></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="Twitter" title="Twitter" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://twitter.com/@HeboYusuf"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" style="color:#1DA1F2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="Instagram" title="Instagram" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://www.instagram.com/kebilad_7488/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" style="color:#E4405F" 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></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" title="LinkedIn" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:
1drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://www.linkedin.com/in/yusuf-mohammed-5272572b6?"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" style="color:#0077B5" 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></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="https://github.com/Yusuf7298"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" style="color:#cbd5e1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></div><div tabindex="0"><a target="_blank" rel="noopener noreferrer" aria-label="Phone" title="Phone" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-[#2a3f5c] bg-[#101c2f]/80 transition-transform hover:drop-shadow-[0_0_10px_rgba(59,130,246,0.7)] sm:h-11 sm:w-11" href="tel:+251928892344"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" style="color:#34A853" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg></a></div></div></div><div class="order-first md:order-none" tabindex="0"><a aria-label="Scroll to top" data-slot="button" class="gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive px-4 py-2 has-[>svg]:px-3 rounded-full border-2 border-blue-500 text-2xl font-bold text-blue-400 bg-[#34A853]/10 hover:bg-[#34A853]/20 hover:text-blue-300 focus:ring-4 focus:ring-blue-300 w-12 h-12 flex items-center justify-center transition-all duration-300" href="/"><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-arrow-big-up w-6 h-6 font-extrabold" aria-hidden="true"><path d="M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"></path></svg></a></div></div></footer></footer>
1<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1<script src="/_next/static/chunks/ebd3c7aa8322126a.js" id="_R_" async=""></script>
1<div hidden id="S:0"><section class="container mx-auto px-6 py-16 bg-[#0B1120] text-[#E5E7EB]"><div class="text-center mb-12"><h1 class="text-3xl md:text-4xl font-bold mb-3 text-[#F9FAFB]">My <span class="text-[#22C55E]">Educational</span> Journey</h1><p class="text-[#CBD5E1] text-base md:text-lg max-w-2xl mx-auto">Blending academic excellence with continuous self-paced learning.</p></div><h2 class="text-2xl font-semibold mb-4 text-[#F9FAFB]">Formal <span class="text-[#60A5FA]">Education</span></h2><div data-orientation="horizontal" role="none" data-slot="separator" class="shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px mb-8 bg-[#1E293B]"></div><div class="grid gap-6 lg:grid-cols-[1fr_320px] mb-16 items-center"><div style="opacity:0;transform:translateY(40px)"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm border-l-4 border-r-4 border-[#14532D] bg-[#0F172A]/80 backdrop-blur-xl"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="text-xl font-semibold text-[#93C5FD]">Adama Science and Technology University</div></div><div data-slot="card-content" class="px-6 space-y-4"><div data-slot="card-description" class="text-sm text-[#CBD5E1] flex items-center gap-2"><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-book-open-text h-4 w-4 text-[#4ADE80]" aria-hidden="true"><path d="M12 7v14"></path><path d="M16 12h2"></path><path d="M16 8h2"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path><path d="M6 12h2"></path><path d="M6 8h2"></path></svg><span><span class="font-medium text-[#E2E8F0]">Field:</span> <!-- -->Computer Science and Engineering</span></div><p class="text-sm text-[#CBD5E1] flex items-center gap-2"><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-graduation-cap h-4 w-4 text-[#4ADE80]" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg><span><span class="font-medium text-[#E2E8F0]">Degree:</span> <!-- -->Bachelorâs Degree<!-- --> (BSc)</span></p><p class="text-sm text-[#CBD5E1] flex items-center gap-2"><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-calendar-days h-4 w-4 text-[#4ADE80]" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg><span><span class="font-medium text-[#E2E8F0]">Graduation Year:</span> <!-- -->Expected June 2028</span></p><div><h3 class="font-semibold mb-2 text-[#4ADE80]">Relevant Coursework:</h3><ul class="list-disc list-inside text-sm text-[#CBD5E1] space-y-1"><li>Data Structures</li><li>Algorithms</li><li>Web Development</li><li>Databases</li><li>System Programming</li><li>More Than 40 Courses</li></ul></div></div></div></div><div class="flex items-center justify-center" style="opacity:0;transform:scale(0.8)"><div class="w-full max-w-[320px] rounded-xl border border-[#1E293B] bg-[#0F172A]/80 p-6 text-center"><p class="text-sm text-[#CBD5E1] mb-4">Program Progress</p><button type="button" class="mx-auto block rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300/80" aria-label="Toggle semester progress detail" aria-expanded="false"><svg class="CircularProgressbar w-44 h-44" viewBox="0 0 100 100" data-test-id="CircularProgressbar"><path class="CircularProgressbar-trail" style="stroke:#1F2937;stroke-dasharray:289.02652413026095px 289.02652413026095px;stroke-dashoffset:0px" d=" 2 M 50,50 3 m 0,-46 4 a 46,46 0 1 1 0,92 5 a 46,46 0 1 1 0,-92 6 " stroke-width="8" fill-opacity="0"></path><path class="CircularProgressbar-path" style="stroke:#22C55E;transition-duration:0.15s;stroke-dasharray:289.02652413026095px 289.02652413026095px;stroke-dashoffset:289.02652413026095px" d=" 7 M 50,50 8 m 0,-46 9 a 46,46 0 1 1 0,92 10 a 46,46 0 1 1 0,-92 11 " stroke-width="8" fill-opacity="0"></path><text class="CircularProgressbar-text" style="fill:#E2E8F0;font-size:16px" x="50" y="50">0%</text></svg></button><p class="text-xs text-[#94A3B8] mt-4">Expected completion trajectory</p></div></div></div><h2 class="text-2xl font-semibold mb-4"><span class="text-[#60A5FA]">Online</span> Learning</h2><div data-orientation="horizontal" role="none" data-slot="separator" class="shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px mb-8 bg-[#1E293B]"></div><div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3"><div style="opacity:0;transform:translateY(40px)"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 shadow-md border border-[#1E293B] bg-[#0F172A]/80 transition-all duration-300 hover:border-[#334155]"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="text-lg font-semibold text-[#E2E8F0]">Meta Front-End Developer Professional Certificate</div><div data-slot="card-description" class="text-sm text-[#93C5FD]">Coursera</div></div>
11<div data-slot="card-content" class="px-6"><p class="text-sm text-[#CBD5E1] mb-3">Learned React, JavaScript, responsive design, and front-end frameworks through real-world projects.</p><a href="https://www.coursera.org/" target="_blank" rel="noopener noreferrer" class="text-[#60A5FA] hover:text-[#93C5FD] text-sm font-medium">View Program</a></div></div></div><div style="opacity:0;transform:translateY(40px)"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 shadow-md border border-[#1E293B] bg-[#0F172A]/80 transition-all duration-300 hover:border-[#334155]"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="text-lg font-semibold text-[#E2E8F0]">The Complete Web Developer Bootcamp 2024</div><div data-slot="card-description" class="text-sm text-[#93C5FD]">Udemy</div></div><div data-slot="card-content" class="px-6"><p class="text-sm text-[#CBD5E1] mb-3">Covered HTML, CSS, JavaScript, Node.js, and modern full-stack development practices.</p><a href="https://www.udemy.com/" target="_blank" rel="noopener noreferrer" class="text-[#60A5FA] hover:text-[#93C5FD] text-sm font-medium">View Program</a></div></div></div><div style="opacity:0;transform:translateY(40px)"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 shadow-md border border-[#1E293B] bg-[#0F172A]/80 transition-all duration-300 hover:border-[#334155]"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="text-lg font-semibold text-[#E2E8F0]">Full Stack Web Developer Nanodegree</div><div data-slot="card-description" class="text-sm text-[#93C5FD]">Udacity</div></div><div data-slot="card-content" class="px-6"><p class="text-sm text-[#CBD5E1] mb-3">Gained hands-on experience with APIs, databases, authentication, and deployment workflows.</p><a href="https://www.udacity.com/" target="_blank" rel="noopener noreferrer" class="text-[#60A5FA] hover:text-[#93C5FD] text-sm font-medium">View Program</a></div></div></div></div></section><!--$--><!--/$--></div>
11<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; 12$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
12<script>(self.__next_f=self.__next_f||[]).push([0])</script>
12<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[75995,[\"/_next/static/chunks/341782629c4760d3.js\",\"/_next/static/chunks/cc5323cbc2680d04.js\",\"/_next/static/chunks/8fb259b055719395.js\",\"/_next/static/chunks/bb5937642e00003d.js\"],\"default\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n5:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ClientPageRoot\"]\n6:I[92363,[\"/_next/static/chunks/341782629c4760d3.js\",\"/_next/static/chunks/cc5323cbc2680d04.js\",\"/_next/static/chunks/8fb259b055719395.js\",\"/_next/static/chunks/bb5937642e00003d.js\",\"/_next/static/chunks/129098d598083b65.js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[5789,[\"/_next/static/chunks/341782629c4760d3.js\",\"/_next/static/chunks/cc5323cbc2680d04.js\",\"/_next/static/chunks/8fb259b055719395.js\",\"/_next/static/chunks/bb5937642e00003d.js\"],\"default\"]\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\n11:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/b0d75c944d12f5f7.css\",\"style\"]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.4564287c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/6999e1c90aa4301b.css\",\"style\"]\n"])</script>
12<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"RfIUk49z2nQfN3p7Pavdm\",\"c\":[\"\",\"Educations\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"Educations\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/b0d75c944d12f5f7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/341782629c4760d3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/cc5323cbc2680d04.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/8fb259b055719395.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/bb5937642e00003d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"space_grotesk_e6988195-module__RNs2Mq__variable jetbrains_mono_1a8b3aaa-module__yT9lVq__variable\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",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\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/6999e1c90aa4301b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/129098d598083b65.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,false]},null,false,false]},[[\"$\",\"$Lc\",\"l\",{}],[],[]],false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"S\":true}\n"])</script>
12<script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
12<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
12<script>self.__next_f.push([1,"12:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\nb:null\n"])</script>
12<script>self.__next_f.push([1,"10:[[\"$\",\"title\",\"0\",{\"children\":\"Yusuf Mohammed | Full Stack Developer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Portfolio of Yusuf Mohammed â a Full Stack Web Developer focused on frontend, backend, API integrations, bug fixing, and Telegram bot development.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"Full Stack Developer,Frontend Developer,Backend Developer,API Integration,Bug Fixing,Telegram Bot Developer,Next.js Developer,React Developer\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Yusuf Mohammed | Full Stack Developer\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Frontend, backend, API integrations, bug fixing, and Telegram bot development.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://example.com/og-image.svg\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:alt\",\"content\":\"Yusuf Mohammed Portfolio\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Yusuf Mohammed | Full Stack Developer\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Frontend, backend, API integrations, bug fixing, and Telegram bot development.\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image\",\"content\":\"https://example.com/og-image.svg\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L12\",\"15\",{}]]\n"])</script>
12</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.