https://abidemi.netlify.app/

1<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/>
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=64884cfe-d6a2-4c3a-ab56-d7ab10993bc2
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><title>Abidemi</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/a5de103a1ead734c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a5de103a1ead734c.css" data-n-g=""/><link rel="preload" href="/_next/static/css/9210560280e27ebb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9210560280e27ebb.css" data-n-p=""/><noscript data-n-css=""></noscript>

4<script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script>

4<script src="/_next/static/chunks/webpack-5752944655d749a0.js" defer=""></script>

4<script src="/_next/static/chunks/framework-75db3117d1377048.js" defer=""></script>

4<script src="/_next/static/chunks/main-e59df5067b749ff4.js" defer=""></script>

4<script src="/_next/static/chunks/pages/_app-a534f840655fdeb4.js" defer=""></script>

4<script src="/_next/static/chunks/94726e6d-c72a854d4bfca4da.js" defer=""></script>

4<script src="/_next/static/chunks/144-4ce2b94271136310.js" defer=""></script>

4<script src="/_next/static/chunks/996-f3cf67c2e3ac5e06.js" defer=""></script>

4<script src="/_next/static/chunks/553-4291ab84caa75585.js" defer=""></script>

4<script src="/_next/static/chunks/pages/index-b82c77bd26c68105.js" defer=""></script>

4<script src="/_next/static/FjneJTgGCItTdsHSXee9h/_buildManifest.js" defer=""></script>

4<script src="/_next/static/FjneJTgGCItTdsHSXee9h/_ssgManifest.js" defer=""></script>

4<script src="/_next/static/FjneJTgGCItTdsHSXee9h/_middlewareManifest.js" defer=""></script>

4</head><body><div id="__next">

4<script>!function(){try{var d=document.documentElement,n='data-theme',s='setAttribute';var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';d[s](n,'dark')}else{d.style.colorScheme = 'light';d[s](n,'light')}}else if(e){d[s](n,e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script>

4<div class="relative"><div class="gradient-circle"></div><div class="gradient-circle-bottom"></div><div class="container mx-auto mb-10"><div class="block tablet:hidden mt-5"><div class="flex items-center justify-between p-2 laptop:p-0"><h1 class="font-medium p-2 laptop:p-0 link">Abidemi<!-- -->.<!-- --></h1><div class="flex items-center"><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link"><img class="h-6" src="/images/sun.svg"/></button><button id="headlessui-popover-button-:R4r6:" type="button" aria-expanded="false"><img class="h-5" src="/images/menu.svg"/></button></div></div></div><div class="mt-10 hidden flex-row items-center justify-between sticky false dark:text-white top-0 z-10 tablet:flex"><h1 class="font-medium cursor-pointer mob:p-2 laptop:p-0">Abidemi<!-- -->.<!-- --></h1><div class="flex"><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Work</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">About</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 first:ml-1 link">Resume</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Contact</button></div></div><div class="laptop:mt-20 mt-10"><div class="mt-5"><h1 class="text-3xl tablet:text-4xl laptop:text-4xl laptopl:text-6xl p-1 tablet:p-2 text-bold w-4/5 mob:w-full laptop:w-4/5">Hello 👋</h1><h1 class="text-3xl tablet:text-4xl laptop:text-4xl laptopl:text-6xl p-1 tablet:p-2 text-bold w-full laptop:w-4/5">I&#x27;m Tiamiyu Sikiru Abidemi - </h1><h1 class="text-3xl tablet:text-4xl laptop:text-4xl laptopl:text-6xl p-1 tablet:p-2 text-bold w-full laptop:w-4/5">Frontend Developer</h1><h1 class="text-3xl tablet:text-4xl laptop:text-4xl laptopl:text-6xl p-1 tablet:p-2 text-bold w-full laptop:w-4/5"> based in Nigeria.</h1></div><div class="mt-2 laptop:mt-5 flex flex-wrap mob:flex-nowrap link"><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Github</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">LinkedIn</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Blog</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Email</button></div></div><div class="mt-10 laptop:mt-30 p-2 laptop:p-0"><h1 class="text-2xl text-bold">WORK.</h1><div class="mt-5 laptop:mt-10 grid grid-cols-1 tablet:grid-cols-2 gap-4"><div class="overflow-hidden rounded-lg p-2 laptop:p-4 first:ml-0 link"><div class="relative rounded-lg overflow-hidden transition-all ease-out duration-300 h-48 mob:h-auto" style="height:300px"><img alt="Merwas" class="h-full w-full object-cover hover:scale-110 transition-all ease-out duration-300" src="https://res.cloudinary.com/do5foxghh/image/upload/v1667890890/portfolio/Screen_Shot_2022-11-08_at_08.00.19.png"/></div><h1 class="mt-5 text-3xl font-medium">Merwas</h1><h2 class="text-xl opacity-50">Entertainment</h2></div><div class="overflow-hidden rounded-lg p-2 laptop:p-4 first:ml-0 link"><div class="relative rounded-lg overflow-hidden transition-all ease-out duration-300 h-48 mob:h-auto" style="height:300px"><img alt="Pret A Cover" class="h-full w-full object-cover hover:scale-110 transition-all ease-out duration-300" src="https://res.cloudinary.com/do5foxghh/image/upload/v1664116988/portfolio/pac.png"/></div><h1 class="mt-5 text-3xl font-medium">Pret A Cover</h1><h2 class="text-xl opacity-50">Lifestyle(Fashion)</h2></div><div class="overflow-hidden rounded-lg p-2 laptop:p-4 first:ml-0 link"><div class="relative rounded-lg overflow-hidden transition-all ease-out duration-300 h-48 mob:h-auto" style="height:300px"><img alt="Qataloog" class="h-full w-full object-cover hover:scale-110 transition-all ease-out duration-300" src="https://res.cloudinary.com/do5foxghh/image/upload/v1664116

4591/portfolio/qataloog.png"/></div><h1 class="mt-5 text-3xl font-medium">Qataloog</h1><h2 class="text-xl opacity-50">E-library</h2></div><div class="overflow-hidden rounded-lg p-2 laptop:p-4 first:ml-0 link"><div class="relative rounded-lg overflow-hidden transition-all ease-out duration-300 h-48 mob:h-auto" style="height:300px"><img alt="SHIC" class="h-full w-full object-cover hover:scale-110 transition-all ease-out duration-300" src="https://res.cloudinary.com/do5foxghh/image/upload/v1664116959/portfolio/shic.png"/></div><h1 class="mt-5 text-3xl font-medium">SHIC</h1><h2 class="text-xl opacity-50">Smart Halal Investor Club (Finance &amp; Investment)</h2></div><div class="overflow-hidden rounded-lg p-2 laptop:p-4 first:ml-0 link"><div class="relative rounded-lg overflow-hidden transition-all ease-out duration-300 h-48 mob:h-auto" style="height:300px"><img alt="Natour" class="h-full w-full object-cover hover:scale-110 transition-all ease-out duration-300" src="https://res.cloudinary.com/do5foxghh/image/upload/v1664117226/portfolio/natour.png"/></div><h1 class="mt-5 text-3xl font-medium">Natour</h1><h2 class="text-xl opacity-50">Tourism</h2></div></div></div><div class="mt-10 laptop:mt-30 p-2 laptop:p-0"><h1 class="tablet:m-10 text-2xl text-bold">SERVICES.</h1><div class="mt-5 tablet:m-10 grid grid-cols-1 laptop:grid-cols-2 gap-6"><div class="w-full p-2 mob:p-4 rounded-lg transition-all ease-out duration-300 hover:bg-slate-50 hover:scale-105 link"><h1 class="text-3xl">GDG Ibadan Co-Organizer</h1><p class="mt-5 opacity-40 text-xl"> </p></div><div class="w-full p-2 mob:p-4 rounded-lg transition-all ease-out duration-300 hover:bg-slate-50 hover:scale-105 link"><h1 class="text-3xl">Mentoring</h1><p class="mt-5 opacity-40 text-xl"> </p></div></div></div><div class="mt-10 laptop:mt-40 p-2 laptop:p-0"><h1 class="tablet:m-10 text-2xl text-bolder">ABOUT.</h1><p class="tablet:m-10 mt-2 text-xl laptop:text-2xl w-full laptop:w-3/5">Experienced Frontend Developer adept in all stages of advanced web development. Knowledgeable in the user interface, and debugging processes. Bringing forth expertise in design, pixel-perfect code, and responsive web implementation. Equipped with a diverse and promising skill-set. Proficient in an assortment of technologies, including Javascript, (React, Vue, Nuxt), state management(Vuex, Context Api), Deployment Servers (Heroku, DigitalOcean and Netlify), CSS, Sass, and Bootstrap. Able to effectively self-manage during independent projects, as well as collaborate in a team setting.</p></div><div class="mt-5 laptop:mt-40 p-2 laptop:p-0"><div><h1 class="text-2xl text-bold">CONTACT.</h1><div class="mt-10"><h1 class="text-3xl tablet:text-6xl laptop:text-6xl laptopl:text-8xl text-bold">LET&#x27;S WORK</h1><h1 class="text-3xl tablet:text-6xl laptop:text-6xl laptopl:text-8xl text-bold">TOGETHER</h1><div class="mt-10"><div class="undefined flex flex-wrap mob:flex-nowrap link"><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Github</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">LinkedIn</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Blog</button><button type="button" class="cursor-none text-sm tablet:text-base p-1 laptop:p-2 m-1 laptop:m-2 rounded-lg flex items-center transition-all ease-out duration-300 hover:bg-slate-100 hover:scale-105 active:scale-100  tablet:first:ml-0 undefined link">Email</button></div></div></div></div></div><h1 class="text-sm text-bold mt-2 laptop:mt-10 p-2 laptop:p-0">Made With ❤ by<!-- --> <!-- --><a class="underline underline-offset-1" href="http://www.chetanverma.com">Chetan Verma</a></h1></div></div></div>

4<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"FjneJTgGCItTdsHSXee9h","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

4</body></html>