https://pofology.vercel.app/works/1

1<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Work Detail - Pofology</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/a94b21c20b49793b.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a94b21c20b49793b.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>

1<script src="/_next/static/chunks/webpack-59c5c889f52620d6.js" defer=""></script>

1<script src="/_next/static/chunks/framework-7751730b10fa0f74.js" defer=""></script>

1<script src="/_next/static/chunks/main-e7a7892cb0edc024.js" defer=""></script>

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

1<script src="/_next/static/chunks/0c428ae2-25f9e44707feee13.js" defer=""></script>

1<script src="/_next/static/chunks/d64684d8-78c9ac73a59aff78.js" defer=""></script>

1<script src="/_next/static/chunks/842-8c69225becf20df1.js" defer=""></script>

1<script src="/_next/static/chunks/55-74c0cc540cdfa21f.js" defer=""></script>

1<script src="/_next/static/chunks/pages/works/%5Bid%5D-592d2afda71dd07a.js" defer=""></script>

1<script src="/_next/static/NYtrBbnf_T8mxg7vHQ5og/_buildManifest.js" defer=""></script>

1<script src="/_next/static/NYtrBbnf_T8mxg7vHQ5og/_ssgManifest.js" defer=""></script>

1</head><body><div id="__next"><div class="flex min-h-screen flex-col"><header class="header text-gray-700 dark:text-gray-200"><div class="mx-auto flex h-16 max-w-7xl items-center px-4 md:px-6"><a class="text-3xl font-bold" href="/"><span>Pofology</span><span class="text-primary-500">.</span></a><ul class="ml-auto hidden items-center md:flex"><li><a class="inline-block px-4 font-semibold  transition-colors duration-300 hover:text-primary-600 hover:underline" href="/works">Works</a></li><li><a class="inline-block px-4 font-semibold  transition-colors duration-150 hover:text-primary-600 hover:underline" href="/blog">Blog</a></li><li><a class="inline-block px-4 font-semibold  transition-colors duration-150 hover:text-primary-600 hover:underline" href="/contact">Contact</a></li></ul><button type="button" class="ml-auto transition-colors duration-150 hover:text-primary-500 md:-mt-0.5 md:ml-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"></path><path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path></svg></button><button type="button" class="ml-5 flex text-gray-700 dark:text-gray-200 md:hidden"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg></button></div></header><div class="mt-16"><div class="container"><div class="mt-24 flex flex-col items-center justify-center"><h1 class="text-center text-2xl font-semibold sm:text-3xl md:text-4xl">Personal Portfolio Website</h1><p class="mt-4 flex items-center text-gray-400"><span>01 July 2022</span><span class="mx-2 h-1.5 w-1.5 rounded-full bg-primary-500"></span><span>Web Development</span></p></div><div class="mt-10"><div class="slick-slider slick-initialized" dir="ltr"><button type="button" data-role="none" class="slick-arrow slick-prev slick-disabled" style="display:block"> <!-- -->Previous</button><div class="slick-list"><div class="slick-track" style="width:300%;left:0%"><div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:33.333333333333336%"><div><div class="overflow-hidden rounded-xl" tabindex="-1" style="width:100%;display:inline-block"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:56.25%"></span><img alt="Personal Portfolio Website" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Personal Portfolio Website" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fworks%2Fwork-01.png&amp;w=3840&amp;q=75" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div><div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:33.333333333333336%"><div><div class="overflow-hidden rounded-xl" tabindex="-1" style="width:100%;display:inline-block"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:56.25%"></span><img alt="Personal Portfolio Website" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Personal Portfolio Website" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fworks%2Fwork-02.png&amp;w=3840&amp;q=75" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div><div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:33.333333333333336%"><div><div class="overflow-hidden rounded-xl" tabindex="-1" style="width:100%;display:inline-block"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:56.25%"></span><img alt="Personal Portfolio Website" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Personal Portfolio Website" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fworks%2Fwork-03.png&amp;w=3840&amp;q=75" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div></div></div><button type="button" data-role="none" class="slick-arrow slick-next" style="display:block"> <!-- -->Next</button></div><div class="mt-6 flex justify-center"><a class="btn" href="https://pofology.bdlancers.com/">Live Preview</a></div></div><div class="my-10"><h3 class="text-xl font-semibold">Summary</h3><p class="mt-4">Cras id dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
2    Vivamus laoreet. Praesent turpis. Nunc nulla.Praesent nec nisl a purus blandit viverra. Nullam dictum felis
3    eu pede mollis pretium. Curabitur vestibulum aliquam leo. Sed libero. Praesent metus tellus, elementum eu,
4    semper a, adipiscing nec Vestibulum ullamcorper mauris at ligula. Phasellus consectetuer vestibulum elit.
5    Sed a libero. Vivamus consectetuer hendrerit lacus. Quisque ut nisi.Cum sociis natoque penatibus</p><h3 class="mt-10 text-xl font-semibold">Feature List</h3><ul class="mt-4 list-disc pl-4"><li>100% Fluid Responsive – Fits any device perfectly</li><li>Tested on real devices</li><li>Flexible Layout</li><li>
6        Use our demo layout or create your own visually different experience using page Vcamp and feature-rich
7        backend</li><li>Unlimited Sidebars</li><li>Retina Optimized</li><li>Advanced Admin Panel</li><li>Demo Import, Content and Sliders</li><li>Social Links</li><li>Bottom Footer Widgets</li><li>Clean &amp;amp; Commented Code</li><li>Advanced Typography</li><li>Google Fonts – 600+ Font families available</li><li>Custom Font Support</li><li>Custom Page Templates</li><li>Pixel Perfect Design</li><li>Quick &amp;amp; Easy Installation &amp;amp; Setup</li><li>Custom CSS Ready</li><li>HTML5 &amp;amp; CSS3</li><li>Easy Customization With Variable Content Sections</li><li>Custom Build Theme &amp;amp; Page Options</li><li>SEO Ready</li></ul></div><div class="my-10 rounded-lg bg-gray-50 py-3 shadow-md dark:bg-gray-700"><table class="w-full"><tbody><tr><td class="w-48 px-4 py-2 font-semibold">Client</td><td>Pofology</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">Start Date</td><td>01 July 2022</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">End Date</td><td>01 October 2022</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">Category</td><td>Web Development</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">Skills</td><td>Typescript, Next.js &amp; Tailwind CSS</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">Current Version</td><td>3.0.0</td></tr><tr><td class="w-48 px-4 py-2 font-semibold">Lisence</td><td>MIT</td></tr></tbody></table></div><div class="mb-10 flex h-48 flex-col items-center justify-center"><h2 class="text-4xl font-semibold">

7Want to Build a project like this?</h2><p class="mt-4">I can design and develop beautiful websites, apps for you</p><a class="mt-5 rounded-full bg-primary-500 px-8 py-2 font-semibold tracking-wide text-white hover:bg-primary-600 focus:ring-2 focus:ring-primary-200" href="/contact">Start a project</a></div></div></div><footer class="container mt-auto border-t border-gray-200 py-6 text-center text-gray-500 dark:border-gray-600">Copyright © <!-- -->2026<!-- -->. Md Mostafizur Rahman</footer></div></div>

7<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"work":{"id":1,"title":"Personal Portfolio Website","category":"Web Development","thumbnailUrl":"/images/works/portfolio-website.png","description":"Cras id dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.\n    Vivamus laoreet. Praesent turpis. Nunc nulla.Praesent nec nisl a purus blandit viverra. Nullam dictum felis\n    eu pede mollis pretium. Curabitur vestibulum aliquam leo. Sed libero. Praesent metus tellus, elementum eu,\n    semper a, adipiscing nec Vestibulum ullamcorper mauris at ligula. Phasellus consectetuer vestibulum elit.\n    Sed a libero. Vivamus consectetuer hendrerit lacus. Quisque ut nisi.Cum sociis natoque penatibus","publishedAt":"01 July 2022","images":["/images/works/work-01.png","/images/works/work-02.png","/images/works/work-03.png"],"previewUrl":"https://pofology.bdlancers.com/","featureList":["100% Fluid Responsive – Fits any device perfectly","Tested on real devices","Flexible Layout","\n        Use our demo layout or create your own visually different experience using page Vcamp and feature-rich\n        backend","Unlimited Sidebars","Retina Optimized","Advanced Admin Panel","Demo Import, Content and Sliders","Social Links","Bottom Footer Widgets","Clean \u0026amp; Commented Code","Advanced Typography","Google Fonts – 600+ Font families available","Custom Font Support","Custom Page Templates","Pixel Perfect Design","Quick \u0026amp; Easy Installation \u0026amp; Setup","Custom CSS Ready","HTML5 \u0026amp; CSS3","Easy Customization With Variable Content Sections","Custom Build Theme \u0026amp; Page Options","SEO Ready"],"attributes":[{"name":"Client","value":"Pofology"},{"name":"Start Date","value":"01 July 2022"},{"name":"End Date","value":"01 October 2022"},{"name":"Category","value":"Web Development"},{"name":"Skills","value":"Typescript, Next.js \u0026 Tailwind CSS"},{"name":"Current Version","value":"3.0.0"},{"name":"Lisence","value":"MIT"}]}},"__N_SSP":true},"page":"/works/[id]","query":{"id":"1"},"buildId":"NYtrBbnf_T8mxg7vHQ5og","isFallback":false,"gssp":true,"scriptLoader":[]}</script>

7</body></html>