1<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>STEPHEN ANNOR</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/assets/Logo.png"/><meta name="next-head-count" content="5"/><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/7ef5486a41ac23d1.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/7ef5486a41ac23d1.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/5674832e1468d24d.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/5674832e1468d24d.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-59c5c889f52620d6.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/framework-5429a50ba5373c56.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/main-930135e47dff83e9.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/pages/_app-1d42b60498224ba7.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/d64684d8-bee5b594e9850c24.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/365-cc1dd0b436d9d086.js" defer="" crossorigin=""></script>
1<script src="/_next/static/chunks/pages/index-32db9bcd879b926e.js" defer="" crossorigin=""></script>
1<script src="/_next/static/TdUuzSVnKEGLQWWhpuTNU/_buildManifest.js" defer="" crossorigin=""></script>
1<script src="/_next/static/TdUuzSVnKEGLQWWhpuTNU/_ssgManifest.js" defer="" crossorigin=""></script>
1</head><body><div id="__next"><div style="background-color:#03254c" class="fixed w-full h-20 z-[100]"><div class="flex justify-between items-center w-full h-full px-2 2xl:px-16"><div class="logo"><a href="/"><img alt="/" loading="lazy" width="70" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=256&q=75"/></a></div><div><ul style="color:#187bcd" class="hidden md:flex"><a href="/#about"><li class="ml-10 text-sm uppercase hover:border-b text-yellow-500">About</li></a><a href="/#skills"><li class="ml-10 text-sm uppercase hover:border-b text-yellow-500">Skills</li></a><a href="/#projects"><li class="ml-10 text-sm uppercase hover:border-b text-yellow-500">Projects</li></a><a href="/#recommendations"><li class="ml-10 text-sm uppercase hover:border-b text-yellow-500">Recommendations</li></a><a href="/#contact"><li class="ml-10 text-sm uppercase hover:border-b text-yellow-500">Contact</li></a></ul><div class="md:hidden mr-[30px] mt-2 text-yellow-600"><svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.2" baseProfile="tiny" viewB
1ox="0 0 24 24" height="50" width="50" xmlns="http://www.w3.org/2000/svg"><path d="M19 18c.55 0 1 .45 1 1s-.45 1-1 1h-14c-.55 0-1-.45-1-1s.45-1 1-1h14m0-2h-14c-1.654 0-3 1.346-3 3s1.346 3 3 3h14c1.654 0 3-1.346 3-3s-1.346-3-3-3zM19 11c.55 0 1 .45 1 1s-.45 1-1 1h-14c-.55 0-1-.45-1-1s.45-1 1-1h14m0-2h-14c-1.654 0-3 1.346-3 3s1.346 3 3 3h14c1.654 0 3-1.346 3-3s-1.346-3-3-3zM19 4c.55 0 1 .45 1 1s-.45 1-1 1h-14c-.55 0-1-.45-1-1s.45-1 1-1h14m0-2h-14c-1.654 0-3 1.346-3 3s1.346 3 3 3h14c1.654 0 3-1.346 3-3s-1.346-3-3-3z"></path></svg></div></div></div><div class=""><div class="fixed left-[-100%] top-0 p-10 ease-in duration-500"><div class="side-drawer"><div class="flex w-full items-center justify-between"><a href="/"><img alt="/" loading="lazy" width="70" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=96&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=256&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLogo.9e37d656.png&w=256&q=75"/></a><div class="rounded-full bg-yellow-500 p-5 cursor-pointer hover:scale-110 ease in duration-300"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></div></div><div class="border-b border-gray-300 mb-2"><p class="w-[85%] md:w-[90%] pt-5 text-[20px] uppercase drawer-1">Let's change the world with technology</p></div></div><div class="pt-10 flex flex-col drawer-2"><ul class="m-auto text-[40px] tracking-widest"><a href="/"><li class="py-14">HOME</li></a><a href="/#about"><li class="py-14">ABOUT</li></a><a href="/#skills"><li class="py-14">SKILLS</li></a><a href="/#projects"><li class="py-14">PROJECTS</li></a><a href="/#recommendations"><li class="py-14">RECOMMENDATIONS</li></a><a href="/#contact"><li class="py-14">CONTACT</li></a></ul><div class="pt-[130px] drawer-last"><p class="text-yellow-600 uppercase tracking-widest text-[30px]">Let's Connect</p><div class="flex items-center justify-around my-4 w-full sm:w-[80%]"><a target="_blank" href="https://www.linkedin.com/in/stephen-annor/"><div class="rounded-full bg-yellow-600 p-8"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="30" width="30" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></div></a><a target="_blank" href="https://github.com/braincee"><div class="rounded-full bg-yellow-600 p-8"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="30" width="30" 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></div></a><a target="_blank" href="https://twitter.com/annor0543"><div class="rounded-full bg-yellow-600 p-8"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="30" width="30" xmlns="http://www.w3.org/2000/svg"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94 336.64 336.64 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></div></a><a target="_blank" href="https://www.instagram.com/appiah.korang/"><div class="rounded-full bg-yellow-600 p-8"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="30" width="30" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.
1008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path></svg></div></a></div></div></div></div></div></div><div><div><div style="opacity:0;transform:translateX(-100px) translateZ(0)"><div class="text-center main"><div class="w-full h-full mx-auto p-2 flex justify-center items-center"><div><div class="flex justify-start items-start flex-col gap-5 w-[700px]"><div><p class="text-[70px] tracking-[50px]"><span class="welcome text-[90px] text-yellow-500 leading-10">W</span>elcome.</p></div><div class="border-l border-yellow-600 h-[38vh] ml-5"><div class="flex items-start ml-8"><p class="text-[30px] tracking-[10px]">My name is,</p></div><div class="flex items-start ml-8"><p class="tracking-[10px] italic text-[50px] text-yellow-500 uppercase">STEPHEN ANNOR</p></div><div class="flex items-start ml-8"><p class="text-[20px]">A Full-Stack Web Developer in Accra, Ghana. I turn ideas into engaging and user-friendly websites with a keen eye for design and a focus on delivering projects on time. Want to take your website to the next level? Let's talk.</p></div><div class="flex items-start ml-8"><p class="text-[30px] tracking-widest text-yellow-400">Quote: One Man's crappy code is another man's full time Job</p></div></div></div><div class="flex items-center justify-between max-w-[500px] m-auto pt-[150px]"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-5 cursor-pointer hover:scale-105 hover:bg-yellow-400 hover:text-[#d0efff] ease in duration-300"><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/stephen-annor/"><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="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></div><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-5 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-400 hover:text-[#d0efff]"><a target="_blank" href="https://github.com/braincee"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></a></div><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-5 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-400 hover:text-[#d0efff]"><a target="_blank" href="https://twitter.com/annor0543"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94 336.64 336.64 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></a></div><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-5 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-400 hover:text-[#d0efff]"><a target="_blank" href="https://www.instagram.com/appiah.korang/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.
1008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path></svg></a></div></div></div></div></div></div></div><div><div style="opacity:0;transform:translateY(50px) translateZ(0)"><div id="about" class="max-w-[1240px] m-auto px-2 w-full p-2 items-center py-[150px] about"><div class="relative mb-20 grid grid-cols-2 items-center section"><div class="h-1 bg-yellow-600"></div><p class="relative inline-block text-3xl pl-2 text-yellow-600">ABOUT ME</p></div><div class="max-w-[800px] mx-auto"><p style="float:left;margin:0 0 10px 10px" class="image-shape"><img alt="stephen" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="rounded-[300px]" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsteve.d7b74c5a.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsteve.d7b74c5a.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsteve.d7b74c5a.png&w=640&q=75"/></p><p class="py-4 text-xl about-1">As a Full-Stack developer, I use modern technologies to design, develop, and implement reusable user interfaces and user experience systems for websites, software programs, and web-based applications. I am passionate about researching and exploring new ideas to break down complex problems into smaller, more manageable solutions. I believe in the importance of teamwork and collaboration in product development, and I embrace challenges, welcome constructive criticism, contribute effectively, and communicate clearly with team members and clients. As new technologies continue to emerge and improve, I am committed to staying up-to-date and using the most advanced tools and techniques to enhance my skills and future prospects.</p></div></div></div></div><div><div style="opacity:0;transform:translateY(50px) translateZ(0)"><div id="skills" class="mx-auto px-2 py-[150px] md:pt-[20px] skills"><div class="relative grid grid-cols-2 px-2 mb-20 items-center section"><div class="h-1 bg-yellow-600 mr-2"></div><p class="relative inline-block text-3xl pl-2 text-yellow-600">TECHNICAL SKILLS</p></div><div class="grid grid-cols-3 mb-20 ml-6 md:flex justify-center"><div class="mb-4 flex flex-col pr-12"><h3 class="text-lg font-bold">LANGUAGES</h3><hr class="border-b-1 border-gray-400 mt-1"/><ul class="mt-3"><li>JavaScript</li><li>React</li><li>Redux</li><li>Ruby</li><li>Rails</li><li>Bootstrap</li><li>Tailwind</li></ul></div><div class="mb-4 flex flex-col pr-10"><h3 class="text-lg font-bold">DATABASE</h3><hr class="border-b-1 border-gray-400 mt-1"/><ul class="mt-3"><li>MySQL</li><li>PostgreSQL</li><li>Firebase</li></ul></div><div class="mb-4 flex flex-col pr-10"><h3 class="text-lg font-bold">DEPLOYMENT</h3><hr class="border-b-1 border-gray-400 mt-1"/><ul class="mt-3"><li>GitHub Pages</li><li>Netlify</li><li>Vercel</li><li>Render</li></ul></div><div class="mb-4 flex flex-col pr-10"><h3 class="text-lg font-bold">TOOLS</h3><hr class="border-b-1 border-gray-400 mt-1"/><ul class="mt-3"><li>Git</li><li>GitHub</li><li>VsCode</li></ul></div><div class="mb-4 flex flex-col"><h3 class="text-lg font-bold">TESTING</h3><hr class="border-b-1 border-gray-400 mt-1"/><ul class="mt-3"><li>Jest</li><li>Rspec</li><li>Capybara</li></ul></div></div><div class="slick-slider slick-initialized" dir="ltr"><div class="slick-list"><div class="slick-track" style="width:820%;left:-100%"><div data-index="-5" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div><div data-index="-4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="-3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div><div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75"/></div></div></div></div></div><div data-index="1" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75"/></div></div></div></div></div><div data-index="2" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75"/></div></div></div></div></div><div data-index="3" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75"/></div></div></div></div></div><div data-index="4" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75"/></div></div></div></div></div><div data-index="5" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75"/></div></div></div></div></div><div data-index="6" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75"/></div></div></div></div></div><div data-index="7" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75"/></div></div></div></div></div><div data-index="8" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75"/></div></div></div></div></div><div data-index="9" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="10" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75"/></div></div></div></div></div><div data-index="11" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61
1cd.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75"/></div></div></div></div></div><div data-index="12" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75"/></div></div></div></div></div><div data-index="13" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div><div data-index="14" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="15" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="16" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="17" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div><div data-index="18" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75"/></div></div></div></div></div><div data-index="19" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75"/></div></div></div></div></div><div data-index="20" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75"/></div></div></div></div></div><div data-index="21" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75"/></div></div></div></div></div><div data-index="22" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75"/></div></div></div></div></div><div data-index="23" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75"/></div></div></div></div></div><div data-index="24" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75"/></div></div></div></div></div><div data-index="25" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75"/></div></div></div></div></div><div data-index="26" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75"/></div></div></div></div></div><div data-index="27" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="28" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75"/></div></div></div></div></div><div data-index="29" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75"/></div></div></div></div></div><div data-index="30" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75"/></div></div></div></div></div><div data-index="31" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div><div data-index="32" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="33" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="34" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.43
190243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="35" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div></div></div></div><div class="mb-10"></div><div class="slick-slider slick-initialized" dir="ltr"><div class="slick-list"><div class="slick-track" style="width:820%;left:-100%"><div data-index="35" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div><div data-index="34" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="33" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="32" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="31" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div><div data-index="30" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75"/></div></div></div></div></div><div data-index="29" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75"/></div></div></div></div></div><div data-index="28" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75"/></div></div></div></div></div><div data-index="27" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="26" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75"/></div></div></div></div></div><div data-index="25" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75"/></div></div></div></div></div><div data-index="24" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75"/></div></div></div></div></div><div data-index="23" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75"/></div></div></div></div></div><div data-index="22" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75"/></div></div></div></div></div><div data-index="21" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75"/></div></div></div></div></div><div data-index="20" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75"/></div></div></div></div></div><div data-index="19" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75"/></div></div></div></div></div><div data-index="18" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75"/></div></div></div></div></div><div data-index="17" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div><div data-index="16" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="15" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-
11" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="14" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="13" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div><div data-index="12" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frender.7a8171f5.png&w=128&q=75"/></div></div></div></div></div><div data-index="11" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.4f3a61cd.png&w=128&q=75"/></div></div></div></div></div><div data-index="10" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgithub.f9e6ec10.png&w=128&q=75"/></div></div></div></div></div><div data-index="9" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode3.fd07ec4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="8" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.c24c7b4e.png&w=128&q=75"/></div></div></div></div></div><div data-index="7" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.8ec987e0.png&w=128&q=75"/></div></div></div></div></div><div data-index="6" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frails5.e30c3b9f.png&w=128&q=75"/></div></div></div></div></div><div data-index="5" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fruby.fb6f695c.png&w=128&q=75"/></div></div></div></div></div><div data-index="4" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fredux2.54d9ea6a.png&w=128&q=75"/></div></div></div></div></div><div data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3ac94d47.png&w=128&q=75"/></div></div></div></div></div><div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript.c1c7776c.png&w=128&q=75"/></div></div></div></div></div><div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcss.7e16fac1.png&w=128&q=75"/></div></div></div></div></div><div data-index="0" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhtml.e89c02ec.png&w=128&q=75"/></div></div></div></div></div><div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjest.2976124c.png&w=128&q=75"/></div></div></div></div></div><div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvercel.ae8fbe4c.png&w=128&q=75"/></div></div></div></div></div><div data-index="-3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftailwind.5fc9df89.png&w=128&q=75"/></div></div></div></div></div><div data-index="-4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnetlify.bca573b0.png&w=128&q=75"/></div></div></div></div></div><div data-index="-5" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:2.4390243902439024%"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="card shadow-md hover-shadow-lg hover:scale-105 rounded-lg"><div class="w-full h-full flex items-center justify-center py-5"><img alt="/" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=64&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frspec.720bbe44.png&w=128&q=75"/></div></div></div></div></div></div></div></div></div></div></div><div><div style="opacity:0;transform:translateY(50px) translateZ(0)"><div id="projects" class="w-full mb-20 projects"><div class="max-w-[1240px] mx-auto px-2 py-16"><div class="relative mb-20 grid grid-cols-2 items-center section"><div class="h-1 bg-yellow-600 mr-2"></div><p class="relative inline-block text-3xl pl-2 text-yellow-600">RECENT WORKS</p></div><div class="grid md:grid-cols-3 gap-8 max-w-[90%] mx-auto"><div class="relative flex items-center justify-center h-auto w-full rounded-xl p-4 group hover:bg-gradient-to-r from-[#2a9df4] to-[#2a9cf44d]"><img alt="/" loading="lazy" width="835" height="527" decoding="async" data-nimg="1" class="rounded-xl group-hover:opacity-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvisit-ghana.1844d0dd.png&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvisit-ghana.1844d0dd.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvisit-ghana.1844d0dd.png&w=1920&q=75"/><div class="hidden group-hover:block absolute top-[50%] left-[50%] t
1ranslate-x-[-50%] translate-y-[-50%]"><h3 class="text-[40px] text-white tracking-wide text-center md:text-[10px] lg:text-[20px]">Visit Ghana</h3><p class="text-[40px] pb-4 pt-1 text-white text-center md:text-[10px] lg:text-[20px]">JavaScript | NextJS</p><a href="/visit-ghana"><p class="text-[40px] text-center py-2 rounded-lg bg-yellow-300 text-gray-700 hover:bg-yellow-200 font-bold cursor-pointer md:text-[10px] lg:text-[20px]">Project Info</p></a></div></div><div class="relative flex items-center justify-center h-auto w-full rounded-xl p-4 group hover:bg-gradient-to-r from-[#2a9df4] to-[#2a9cf44d]"><img alt="/" loading="lazy" width="1353" height="612" decoding="async" data-nimg="1" class="rounded-xl group-hover:opacity-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcalculator.2c2fe552.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcalculator.2c2fe552.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcalculator.2c2fe552.png&w=3840&q=75"/><div class="hidden group-hover:block absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]"><h3 class="text-[40px] text-white tracking-wide text-center md:text-[10px] lg:text-[20px]">Calculator App</h3><p class="text-[40px] pb-4 pt-1 text-white text-center md:text-[10px] lg:text-[20px]">React | JavaScript</p><a href="/calculator"><p class="text-[40px] text-center py-2 rounded-lg bg-yellow-300 text-gray-700 hover:bg-yellow-200 font-bold cursor-pointer md:text-[10px] lg:text-[20px]">Project Info</p></a></div></div><div class="relative flex items-center justify-center h-auto w-full rounded-xl p-4 group hover:bg-gradient-to-r from-[#2a9df4] to-[#2a9cf44d]"><img alt="/" loading="lazy" width="699" height="445" decoding="async" data-nimg="1" class="rounded-xl group-hover:opacity-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspace-hub.baf07066.png&w=750&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspace-hub.baf07066.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspace-hub.baf07066.png&w=1920&q=75"/><div class="hidden group-hover:block absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]"><h3 class="text-[40px] text-white tracking-wide text-center md:text-[10px] lg:text-[20px]">Space Travellers Hub</h3><p class="text-[40px] pb-4 pt-1 text-white text-center md:text-[10px] lg:text-[20px]">JavaScript | React JS</p><a href="/space-hub"><p class="text-[40px] text-center py-2 rounded-lg bg-yellow-300 text-gray-700 hover:bg-yellow-200 font-bold cursor-pointer md:text-[10px] lg:text-[20px]">Project Info</p></a></div></div><div class="relative flex items-center justify-center h-auto w-full rounded-xl p-4 group hover:bg-gradient-to-r from-[#2a9df4] to-[#2a9cf44d]"><img alt="/" loading="lazy" width="825" height="516" decoding="async" data-nimg="1" class="rounded-xl group-hover:opacity-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjuice-app.8b44e6d3.png&w=828&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjuice-app.8b44e6d3.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjuice-app.8b44e6d3.png&w=1920&q=75"/><div class="hidden group-hover:block absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]"><h3 class="text-[40px] text-white tracking-wide text-center md:text-[10px] lg:text-[20px]">Juice APP</h3><p class="text-[40px] pb-4 pt-1 text-white text-center md:text-[10px] lg:text-[20px]">React JS | Supabase</p><a href="/juice-app"><p class="text-[40px] text-center py-2 rounded-lg bg-yellow-300 text-gray-700 hover:bg-yellow-200 font-bold cursor-pointer md:text-[10px] lg:text-[20px]">Project Info</p></a></div></div></div></div></div></div></div><div><div style="opacity:0;transform:translateY(50px) translateZ(0)"><div id="recommendations" class="max-w-[1240px] mx-auto px-2 py-20 mb-20 recommendations"><div class="relative mb-20 grid grid-cols-2 items-center section"><div class="h-1 bg-yellow-600 mr-2"></div><p class="relative inline-block text-3xl pl-2 text-yellow-600">RECOMMENDATIONS</p></div><div class="m-auto px-10"><div class="slider-container" style="position:relative"><div aria-live="polite" aria-atomic="true" style="position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" tabindex="-1">Slide 1 of 7</div><div style="align-items:center;justify-content:flex-start;position:absolute;display:flex;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none"><div class="slider-control-centerleft" style="pointer-events:auto"><button style="border:0;background:rgba(0,0,0,0.4);color:white;padding:10px;text-transform:uppercase;opacity:1;cursor:pointer;background-color:#FFCC22;border-radius:30px;font-size:30px" aria-label="previous" type="button"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 0 0 0 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"></path></svg></button></div></div><div style="align-items:center;justify-content:flex-end;position:absolute;display:flex;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none"><div class="slider-control-centerright" style="pointer-events:auto"><button style="border:0;background:rgba(0,0,0,0.4);color:white;padding:10px;text-transform:uppercase;opacity:1;cursor:pointer;background-color:#FFCC22;border-radius:30px;font-size:30px" aria-label="next" type="button"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 0 0 0-48.4z"></path></svg></button></div></div><div style="align-items:flex-end;justify-content:center;position:absolute;display:flex;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none"><div class="slider-control-bottomcenter" style="pointer-events:auto"><ul style="position:relative;top:-10px;display:flex;margin:0;padding:0;list-style-type:none"><li class="paging-item active"><button type="button" style="cursor:pointer;opacity:1;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 1 bullet" aria-selected="true"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 2 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 3 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 4 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 5 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 6 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li><li class="paging-item"><button type="button" style="cursor:pointer;opacity:0.5;background:transparent;border:none;fill:#FFCC22;width:50px" aria-label="slide 7 bullet" aria-selected="false"><svg class="paging-dot" width="6" height="6" aria-hidden="true" focusable="false" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3"></circle></svg></button></li></ul></div></div><div class="slider-frame pb-16" style="overflow:hidden;width:100%;position:relative;outline:none;height:auto;transition:height 300ms ease-in-out;will-change:height;user-select:none" aria-label="carousel-slider" role="region" tabindex="-1"><div class="slider-list" style="width:2100%;text-align:left;user-select:auto;transform:translateX(calc(-33.333333333333336% - 0px));
1display:flex"><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/57634593?v=4" alt="Simba Wangulu" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Simba Wangulu</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Front-End Developer</p><p>Its rare that you come across standout character like Stephen. I have had the pleasure of working with Stephen for three months now. He has been warm, accommodating and a steady rock to rely on throughout our web development journey. His ability to keep on persevering through the gruesome program has been remarkable. There are days I would have been lost without him. His words of encouragement have been highly important to everyone around him. Stephen would be an asset to any team.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/simba-wangulu/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98527559?v=4" alt="Mavericks De Leon Balitaan" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Mavericks De Leon Balitaan</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen built projects with good web page design and dry code. His coding was excellent and his designs were unique and innovative. He delivers the projects following the requirements and ensures anyone can understand his code. He is always ready to accept challenges and ensures he understand the topic on hand. He spends time to further read about the new topics. He has positive outlook and emits good energy to anyone he's working with.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/mavericks-db/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98595024?v=4" alt="Eric Mahare" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Eric Mahare</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen's technical and soft skills ability was unlike any Iâve seen before, he made an applause-worthy contribution to our studies and I would definitely recommend him to any organization looking for not only a programmer but also a team player.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/ericmahare/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/28694196?v=4" alt="Anthony Mwenyo" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Anthony Mwenyo</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>STEPHEN ANNOR is a technology enthusiast with a growth mindset. He's always ready to take onima new challenges and opportunities. He has a great wealth of knowledge and hands-on experience in full-stack web development. His provable skills in solving technical challenges are unmatched, with his positive attitude toward teamwork, I can proudly say, He is a must-have candidate.Having worked with him on multiple collaborative projects, with his commendable skills in getting things done on time, I hereby take this rare honor and privilege of recommending him as a skilled engineer that is in short supply.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/anthony-mwenyo/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/92215878?v=4" alt="Jake Felice" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Jake Felice</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen is a great teammate, always ready to tackle challenges. He always has a positive aura around him, and he sees every problem as a challenge. I have first-hand experienced his soft skills working with him on multiple projects.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/jake-felice/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/95297251?v=4" alt="Asia Magana" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">
1Asia Magana</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack-Web Developer</p><p>I can say with confidence that Stephen is one of the most talented and determined developers whom I have had the honor to work with at Microverse. His leadership and tech skills demonstrated in our peer programming were at a very high level which encouraged the whole team to stay motivated and focused. In addition, Stephen loves being challenged with different tech problems and he is best at finding the most efficient way of solving them. Last but not the list, Stephen has a very friendly personality and is an excellent team player. Any team will definitely benefit from having Stephen on their board.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/asia-magana/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide prev-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/62090797?v=4" alt="Joy Kwamboka" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Joy Kwamboka</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen has a calm and positive demeanour which puts other team members at ease. He is a good illustrator when approached for help to ensure the point is well made. It is really nice to work with Stephen.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/joy-kwamboka/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide slide-current slide-visible" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/57634593?v=4" alt="Simba Wangulu" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Simba Wangulu</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Front-End Developer</p><p>Its rare that you come across standout character like Stephen. I have had the pleasure of working with Stephen for three months now. He has been warm, accommodating and a steady rock to rely on throughout our web development journey. His ability to keep on persevering through the gruesome program has been remarkable. There are days I would have been lost without him. His words of encouragement have been highly important to everyone around him. Stephen would be an asset to any team.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/simba-wangulu/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98527559?v=4" alt="Mavericks De Leon Balitaan" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Mavericks De Leon Balitaan</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen built projects with good web page design and dry code. His coding was excellent and his designs were unique and innovative. He delivers the projects following the requirements and ensures anyone can understand his code. He is always ready to accept challenges and ensures he understand the topic on hand. He spends time to further read about the new topics. He has positive outlook and emits good energy to anyone he's working with.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/mavericks-db/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98595024?v=4" alt="Eric Mahare" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Eric Mahare</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen's technical and soft skills ability was unlike any Iâve seen before, he made an applause-worthy contribution to our studies and I would definitely recommend him to any organization looking for not only a programmer but also a team player.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/ericmahare/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/28694196?v=4" alt="Anthony Mwenyo" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Anthony Mwenyo</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>STEPHEN ANNOR is a technology enthusiast with a growth mindset. He's always ready to take onima new challenges and opportunities. He has a great wealth of knowledge and hands-on experience in full-stack web development. His provable skills in solving technical challenges are unmatched, with his positive attitude toward teamwork, I can proudly say, He is a must-have candidate.Having worked with him on multiple collaborative projects, with his commendable skills in getting things done on time, I hereby take this rare honor and privilege of recommending him as a skilled engineer that is in short supply.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/anthony-mwenyo/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/92215878?v=4" alt="Jake Felice" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Jake Felice</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen is a great teammate, always ready to tackle challenges. He always has a positive aura around him, and he sees every problem as a challenge. I have first-hand experienced his soft skills working with him on multiple projects.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/jake-felice/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/95297251?v=4" alt="Asia Magana" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">
1Asia Magana</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack-Web Developer</p><p>I can say with confidence that Stephen is one of the most talented and determined developers whom I have had the honor to work with at Microverse. His leadership and tech skills demonstrated in our peer programming were at a very high level which encouraged the whole team to stay motivated and focused. In addition, Stephen loves being challenged with different tech problems and he is best at finding the most efficient way of solving them. Last but not the list, Stephen has a very friendly personality and is an excellent team player. Any team will definitely benefit from having Stephen on their board.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/asia-magana/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/62090797?v=4" alt="Joy Kwamboka" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Joy Kwamboka</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen has a calm and positive demeanour which puts other team members at ease. He is a good illustrator when approached for help to ensure the point is well made. It is really nice to work with Stephen.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/joy-kwamboka/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/57634593?v=4" alt="Simba Wangulu" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Simba Wangulu</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Front-End Developer</p><p>Its rare that you come across standout character like Stephen. I have had the pleasure of working with Stephen for three months now. He has been warm, accommodating and a steady rock to rely on throughout our web development journey. His ability to keep on persevering through the gruesome program has been remarkable. There are days I would have been lost without him. His words of encouragement have been highly important to everyone around him. Stephen would be an asset to any team.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/simba-wangulu/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98527559?v=4" alt="Mavericks De Leon Balitaan" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Mavericks De Leon Balitaan</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen built projects with good web page design and dry code. His coding was excellent and his designs were unique and innovative. He delivers the projects following the requirements and ensures anyone can understand his code. He is always ready to accept challenges and ensures he understand the topic on hand. He spends time to further read about the new topics. He has positive outlook and emits good energy to anyone he's working with.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/mavericks-db/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/98595024?v=4" alt="Eric Mahare" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Eric Mahare</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen's technical and soft skills ability was unlike any Iâve seen before, he made an applause-worthy contribution to our studies and I would definitely recommend him to any organization looking for not only a programmer but also a team player.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/ericmahare/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/28694196?v=4" alt="Anthony Mwenyo" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Anthony Mwenyo</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>STEPHEN ANNOR is a technology enthusiast with a growth mindset. He's always ready to take onima new challenges and opportunities. He has a great wealth of knowledge and hands-on experience in full-stack web development. His provable skills in solving technical challenges are unmatched, with his positive attitude toward teamwork, I can proudly say, He is a must-have candidate.Having worked with him on multiple collaborative projects, with his commendable skills in getting things done on time, I hereby take this rare honor and privilege of recommending him as a skilled engineer that is in short supply.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/anthony-mwenyo/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/92215878?v=4" alt="Jake Felice" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Jake Felice</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen is a great teammate, always ready to tackle challenges. He always has a positive aura around him, and he sees every problem as a challenge. I have first-hand experienced his soft skills working with him on multiple projects.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/jake-felice/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/95297251?v=4" alt="Asia Magana" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">
1Asia Magana</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack-Web Developer</p><p>I can say with confidence that Stephen is one of the most talented and determined developers whom I have had the honor to work with at Microverse. His leadership and tech skills demonstrated in our peer programming were at a very high level which encouraged the whole team to stay motivated and focused. In addition, Stephen loves being challenged with different tech problems and he is best at finding the most efficient way of solving them. Last but not the list, Stephen has a very friendly personality and is an excellent team player. Any team will definitely benefit from having Stephen on their board.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/asia-magana/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div><div class="slide next-cloned" style="width:4.761904761904762%;flex:1;height:auto;padding:0 0px;opacity:1"><div class="card-1"><div class="md:grid grid-cols-4 bg-[#1166b128] py-5 rounded-2xl card"><div class="col-span-1 flex flex-col items-center ml-2"><img src="https://avatars.githubusercontent.com/u/62090797?v=4" alt="Joy Kwamboka" class="rounded-full w-40 h-30"/><p class="text-xl font-semibold mt-2">Joy Kwamboka</p></div><div class="col-span-3 ml-6"><p class="text-2xl font-bold">Full-Stack Web Developer</p><p>Stephen has a calm and positive demeanour which puts other team members at ease. He is a good illustrator when approached for help to ensure the point is well made. It is really nice to work with Stephen.</p><div class="mt-5 mr-10 flex justify-end"><a href="https://www.linkedin.com/in/joy-kwamboka/" class="fa-linkedin text-[#e0d7d7] text-xl" target="_blank" rel="noopener noreferrer justify-end"><button class="rounded-full bg-[#1167b1] px-10 py-3 hover:bg-yellow-400 hover:text-[#1167b1]">LINKEDIN</button></a></div></div></div></div></div></div></div></div></div></div></div></div><div><div style="opacity:0;transform:translateY(50px) translateZ(0)"><div id="contact" class="max-w-[1240px] m-auto px-2 py-16 w-full contact"><div class="relative mb-20 grid grid-cols-2 items-center section"><div class="h-1 bg-yellow-600 mr-2"></div><p class="relative inline-block text-3xl pl-2 text-yellow-600">GET IN TOUCH</p></div><div class="grid lg:grid-cols-5 gap-8 contact-1"><div class="col-span-3 lg:col-span-2 w-full h-full bg-[#1166b127] rounded-xl p-4"><div class="lg:p-4 h-full"><div class="flex items-center justify-center"><img alt="/" loading="lazy" width="800" height="400" decoding="async" data-nimg="1" class="rounded-xl hover:scale-110 ease-in duration-300" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flaptop2.f6a23c5f.jpg&w=828&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flaptop2.f6a23c5f.jpg&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flaptop2.f6a23c5f.jpg&w=1920&q=75"/></div><div class="flex flex-col ml-20"><p class="py-2 text-[#2a9df4] text-3xl tracking-widest">Stephen Annnor</p><p class="text-[#2a9df4] text-xl tracking-widest">Full-Stack Developer</p><p class="py-4 text-[#2a9df4]"> I am available for freelance or full-time positions. Contact me and let's talk.</p></div><div><p class="uppercase pt-10 text-[#2a9df4] ml-20">Connect With Me</p><div class="flex items-center justify-around py-4"><a target="_blank" href="https://www.linkedin.com/in/stephen-annor/"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-6 cursor-pointer hover:scale-105 hover:bg-yellow-500 hover:text-[#d0efff] ease in duration-300"><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="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></div></a><a target="_blank" href="https://github.com/braincee"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-6 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-500 hover:text-[#d0efff]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 12
11.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></div></a><a target="_blank" href="https://twitter.com/annor0543"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-6 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-500 hover:text-[#d0efff]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94 336.64 336.64 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></div></a><a target="_blank" href="https://www.instagram.com/appiah.korang/"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-6 cursor-pointer hover:scale-105 ease in duration-300 hover:bg-yellow-500 hover:text-[#d0efff]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path></svg></div></a></div></div></div></div><div class="col-span-3 w-full h-auto bg-[#1166b127] rounded-xl lg:p-4"><div class="p-4"><form><div class="grid md:grid-cols-2 gap-4 w-full py-2"><div class="flex flex-col"><label for="name" class="uppercase text-sm py-2 text-[#2a9df4]">Full Name</label><input name="name" id="name" class="border-2 rounded-lg p-3 flex border-gray-300" type="text" required="" value=""/></div><div class="flex flex-col"><label for="phone" class="uppercase text-sm py-2 text-[#2a9df4]">Phone Number</label><input name="phone" id="phone" class="border-2 rounded-lg p-3 flex border-gray-300" type="text" required="" value=""/></div></div><div class="flex flex-col py-4"><label for="email" class="uppercase text-sm py-2 text-[#2a9df4]">Email</label><input name="email" id="email" type="email" class="border-2 rounded-lg p-3 flex border-gray-300" required="" value=""/></div><div class="flex flex-col py-4"><label for="message" class="uppercase text-sm py-2 text-[#2a9df4]">Message</label><textarea name="message" id="message" class="border-2 rounded-lg p-3 border-gray-300" rows="4" required=""></textarea></div><div class="flex flex-col items-center"><button type="submit" class="w-[50%] py-4 bg-[#2a9cf45d] text-yellow-500 rounded-xl mt-4 hover:scale-105 ease in duration-300 hover:bg-yellow-500 hover:text-[#d0efff]">SEND MESSAGE</button></div></form></div></div></div><div class="flex justify-center py-12"><a href="/"><div class="rounded-full bg-[#2a9cf45d] text-yellow-500 p-4 cursor-pointer hover:scale-110 hover:bg-yellow-500 hover:text-[#d0efff] ease-in duration-300"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="30" width="30" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11l7-7 7 7M5 19l7-7 7 7"></path></svg></div></a></div></div></div></div><div><p class="tracking-[5px] text-yellow-600 footer h-[50px] border-t border-yellow-600">© 2023 Built With NEXT JS by STEPHEN ANNOR</p></div></div></div>
1<script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"TdUuzSVnKEGLQWWhpuTNU","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</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.