https://afridaportfolio.netlify.app/illustration

1<!DOCTYPE html><html  lang="en"><head><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=cca94ba8-95ef-4341-b139-efe2848223e0
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport" content="width=device-width, initial-scale=1"><title>Afrida Mehzabin</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:[email protected]&family=Poppins:wght@400;600&display=swap"><style>.overlay[data-v-2cc350f5]{background:#fff;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:500}.lightbox-container[data-v-2cc350f5]{height:100%;overflow-y:auto;scroll-behavior:smooth}.lightbox-header[data-v-2cc350f5]{background:#0d9488;color:#fff;margin-bottom:10px;padding:8px;position:relative;width:100%;z-index:1000}.lightbox-toolbar[data-v-2cc350f5]{cursor:pointer;height:auto;padding:10px;position:absolute;right:0;top:0;width:auto}.gallery-name[data-v-2cc350f5]{margin-bottom:0;text-align:center}.image-wrapper[data-v-2cc350f5]{align-items:center;display:flex;height:95%;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-wrapper[data-v-2cc350f5]:has(.bts-wrapper){flex-direction:column;height:auto}.image-wrapper:has(.bts-wrapper) .arrow-down[data-v-2cc350f5]{display:none}.image-wrapper:has(.bts-wrapper) .next[data-v-2cc350f5],.image-wrapper:has(.bts-wrapper) .prev[data-v-2cc350f5]{padding:4px;position:fixed}.image-container[data-v-2cc350f5]{align-items:center;display:flex;height:100%;justify-content:center;width:90%}img[data-v-2cc350f5]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.arrow-down[data-v-2cc350f5],.next[data-v-2cc350f5],.prev[data-v-2cc350f5]{background:#0d9488;border-radius:20px;cursor:pointer;padding:8px;position:absolute;top:50%;transform:translateY(-50%)}.prev[data-v-2cc350f5]{right:calc(100% - 50px)}.arrow-down[data-v-2cc350f5],.next[data-v-2cc350f5]{left:calc(100% - 50px)}.arrow-down[data-v-2cc350f5]{background:transparent;border:1px solid #11bfb1;top:90%;transform:rotate(90deg)}@media screen and (max-width:576px){.image-wrapper[data-v-2cc350f5]{height:auto}.arrow-down[data-v-2cc350f5]{display:none}.next[data-v-2cc350f5],.prev[data-v-2cc350f5]{padding:4px;position:fixed}.prev[data-v-2cc350f5]{right:calc(100% - 35px)}.next[data-v-2cc350f5]{left:calc(100% - 35px)}}</style><link rel="stylesheet" href="/_nuxt/entry.DWmSgI83.css" crossorigin><link rel="stylesheet" href="/_nuxt/LightBox.Dust7Yt4.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CHawwk7c.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cx-Qhn5U.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DgzmL_Ws.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CDXPkK3Z.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D6m8WygO.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C9gvvVI-.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/2b922efc-e2e8-413d-aada-bc91027ecdcd.json">

4<script type="module" src="/_nuxt/CHawwk7c.js" crossorigin></script>

4<meta name="author" content="Afrida Mehzabin"><meta hid="description" name="description" content="Afrida Mehzabin, artist, illustrator, animator, filmmaker, working on vr.">

4<script id="unhead:payload" type="application/json">{"title":"Afrida Mehzabin"}</script>

4</head><body><div id="__nuxt"><div><!--[--><div></div><div class="max-w-7xl mx-auto px-4 sm:px-2 lg:px-8 py-8"><section><h2 class="text-3xl md:text-4xl poppins-semibold mb-8 text-teal-600 flex items-center gap-4"><a href="/" class=""><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" width="24" height="24" fill="#11bfb1"><path d="M277.8 8.6c-12.3-11.4-31.3-11.4-43.5 0l-224 208c-9.6 9-12.8 22.9-8 35.1S18.8 272 32
5    272l16 0 0 176c0 35.3 28.7 64 64 64l288 0c35.3 0 64-28.7 64-64l0-176 16 0c13.2 0 25-8.1
6    29.8-20.3s1.6-26.2-8-35.1l-224-208zM240 320l32 0c26.5 0 48 21.5 48 48l0 96-128 0 0-96c0-26.5
7    21.5-48 48-48z"></path></svg></a><span>Illustration</span></h2><div class="filter-badge mb-8"><button class="text-teal-600 text-md px-6 py-2 rounded-full border border-teal-600 mr-2"> 3D </button><button class="text-teal-600 text-md px-6 py-2 rounded-full border border-teal-600"> 2D </button></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><div class="md:row-span-1 md:col-span-3 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/beetle.webp?updatedAt=1698192000000" alt="Beetle" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Beetle</h3></div></div></div><div class="md:row-span-2 md:col-span-3 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/wip_1.webp" alt="Girl In Pond(WIP)" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Girl In Pond(WIP)</h3></div></div></div><div class="md:row-span-2 md:col-span-2 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/soup.webp" alt="Soup" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Soup</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/ravens.webp" alt="Raven" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Raven</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/riya.webp" alt="Riya" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Riya</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/underwater.webp" alt="Underwater" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">

7Underwater</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/Limbs.webp" alt="Limbs" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Limbs</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/potrait.webp" alt="Portrait" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Portrait</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/purple_tiger.jpg?tr=f-auto" alt="Purple Tiger" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Purple Tiger</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/fishes.webp" alt="A head full of fishes" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">A head full of fishes</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/inktober.webp" alt="Untied Shoelaces" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Untied Shoelaces</h3></div></div></div><div class="md:row-span-1 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/lotus.webp" alt="Lotus" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Lotus</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/posters.webp" alt="Music Posters" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Music Posters</h3></div></div></div><div class="md:row-span-3 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/language_poster.webp" alt="Language Competition Poster" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Language Competition Poster</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/children_film_festival.webp" alt="Film Festival Poster" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Film Festival Poster</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/ema.webp" alt="Tin Shed Room" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Tin Shed Room</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/bird_1.png?tr=f-auto" alt="Creature" 

7class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Creature</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/bird_2.png?tr=f-auto" alt="Chonchon" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Chonchon</h3></div></div></div><div class="md:row-span-2 md:col-span-1 group cursor-pointer rounded-md overflow-hidden fade-up"><div class="relative w-full h-full"><img src="https://ik.imagekit.io/8nyszdblwle/muna/monster.png?tr=f-auto" alt="Frank" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"><h3 class="text-xl font-semibold text-white">Frank</h3></div></div></div><!--]--></div></section><!----></div><!--]--><footer class="mt-8"><p class="text-gray-500 text-sm mb-4 md:mb-0 text-center"> © 2026 Afrida Mehzabin. All rights reserved.</p></footer></div></div><div id="teleports"></div>

7<script>window.__NUXT__={};window.__NUXT__.config={public:{motion:{}},app:{baseURL:"/",buildId:"2b922efc-e2e8-413d-aada-bc91027ecdcd",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>

7<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":4,"once":6,"_errors":7,"serverRendered":9,"path":10},["ShallowReactive",3],{},["Reactive",5],{},["Set"],["ShallowReactive",8],{},true,"/illustration"]</script>

7</body></html>