Open to freelance projects and frontend roles
Frontend Web Developer
I build modern, responsive and user-friendly websites that help businesses build a strong online presence.
I'm Hafiz Ghufran, a Frontend Web Developer from Karachi, Pakistan. I completed Web Development training with Bano Qabil, where I built a solid foundation in HTML, CSS and JavaScript.
I enjoy turning ideas into clean, responsive websites that are easy to use on any device. My main interests are frontend development, e-commerce websites, Shopify and freelance projects, and I'm familiar with the workflows behind online selling: product pages, categories and customer orders.
I'm open to freelance work and frontend developer roles, and I keep improving my skills with every project I build.
Let's talkHTML, CSS and JavaScript
Completed with Bano Qabil
Online stores and product pages
Freelance and full-time roles
The tools I use to build websites. The bars show where I am today, honestly, and I'm still growing in every area.
A selection of websites I've built. Filter by type to focus on what matters to you.
Showing all 3 projects
'/%3E%3Crect x='390' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='440' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='490' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='560' y='50' width='50' height='16' rx='8' fill='url(%23g)'/%3E%3Crect x='30' y='80' width='580' height='118' rx='16' fill='url(%23g)'/%3E%3Ccircle cx='520' cy='139' r='46' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='562' cy='118' r='26' fill='%23fff' opacity='.25'/%3E%3Crect x='54' y='104' width='210' height='16' rx='8' fill='%23fff'/%3E%3Crect x='54' y='130' width='150' height='8' rx='4' fill='%23fff' opacity='.7'/%3E%3Crect x='54' y='160' width='84' height='24' rx='12' fill='%230b1226'/%3E%3Crect x='30' y='214' width='130' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='40' y='224' width='110' height='90' rx='8' fill='url(%23g)' opacity='.55'/%3E%3Crect x='40' y='324' width='80' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='40' y='340' width='44' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='180' y='214' width='130' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='190' y='224' width='110' height='90' rx='8' fill='url(%23g)' opacity='.55'/%3E%3Crect x='190' y='324' width='80' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='190' y='340' width='44' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='330' y='214' width='130' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='340' y='224' width='110' height='90' rx='8' fill='url(%23g)' opacity='.55'/%3E%3Crect x='340' y='324' width='80' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='340' y='340' width='44' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='480' y='214' width='130' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='490' y='224' width='110' height='90' rx='8' fill='url(%23g)' opacity='.55'/%3E%3Crect x='490' y='324' width='80' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='490' y='340' width='44' height='8' rx='4' fill='%2333406a'/%3E%3C/svg%3E)
An online fashion and accessories store with product categories, product listings, responsive design and e-commerce features.
'/%3E%3Crect x='390' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='440' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='490' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='560' y='50' width='50' height='16' rx='8' fill='url(%23g)'/%3E%3Crect x='30' y='80' width='580' height='118' rx='16' fill='%23131d3a'/%3E%3Crect x='54' y='104' width='200' height='16' rx='8' fill='url(%23g)'/%3E%3Crect x='54' y='130' width='260' height='8' rx='4' fill='%23e6edf8' opacity='.6'/%3E%3Crect x='54' y='150' width='210' height='8' rx='4' fill='%23e6edf8' opacity='.35'/%3E%3Crect x='54' y='168' width='120' height='22' rx='11' fill='%2325d366'/%3E%3Crect x='470' y='108' width='52' height='70' rx='10' fill='url(%23g)'/%3E%3Crect x='484' y='92' width='24' height='16' rx='4' fill='%23e6edf8'/%3E%3Crect x='540' y='128' width='38' height='50' rx='8' fill='url(%23g)' opacity='.6'/%3E%3Crect x='550' y='116' width='18' height='12' rx='3' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='30' y='214' width='190' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='108' y='240' width='34' height='60' rx='8' fill='url(%23g)'/%3E%3Crect x='116' y='226' width='18' height='14' rx='3' fill='%23e6edf8'/%3E%3Crect x='75' y='330' width='100' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='46' y='348' width='56' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='148' y='344' width='56' height='16' rx='8' fill='%2325d366' opacity='.85'/%3E%3Crect x='225' y='214' width='190' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='303' y='240' width='34' height='60' rx='8' fill='url(%23g)'/%3E%3Crect x='311' y='226' width='18' height='14' rx='3' fill='%23e6edf8'/%3E%3Crect x='270' y='330' width='100' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='241' y='348' width='56' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='343' y='344' width='56' height='16' rx='8' fill='%2325d366' opacity='.85'/%3E%3Crect x='420' y='214' width='190' height='160' rx='12' fill='%23131d3a'/%3E%3Crect x='498' y='240' width='34' height='60' rx='8' fill='url(%23g)'/%3E%3Crect x='506' y='226' width='18' height='14' rx='3' fill='%23e6edf8'/%3E%3Crect x='465' y='330' width='100' height='8' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='436' y='348' width='56' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='538' y='344' width='56' height='16' rx='8' fill='%2325d366' opacity='.85'/%3E%3C/svg%3E)
A modern fragrance website designed to showcase perfume products with product information and WhatsApp ordering.
'/%3E%3Crect x='390' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='440' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='490' y='54' width='36' height='8' rx='4' fill='%2333406a'/%3E%3Crect x='560' y='50' width='50' height='16' rx='8' fill='url(%23g)'/%3E%3Crect x='30' y='80' width='580' height='130' rx='16' fill='%23131d3a'/%3E%3Ccircle cx='510' cy='145' r='46' fill='url(%23g)'/%3E%3Ccircle cx='530' cy='132' r='40' fill='%23131d3a'/%3E%3Ccircle cx='574' cy='108' r='4' fill='%23e6edf8'/%3E%3Ccircle cx='456' cy='104' r='3' fill='%23e6edf8' opacity='.7'/%3E%3Crect x='54' y='106' width='230' height='16' rx='8' fill='url(%23g)'/%3E%3Crect x='54' y='134' width='280' height='8' rx='4' fill='%23e6edf8' opacity='.6'/%3E%3Crect x='54' y='152' width='230' height='8' rx='4' fill='%23e6edf8' opacity='.35'/%3E%3Crect x='54' y='176' width='96' height='22' rx='11' fill='url(%23g)'/%3E%3Crect x='30' y='228' width='170' height='146' rx='12' fill='%23131d3a'/%3E%3Ccircle cx='64' cy='262' r='16' fill='url(%23g)' opacity='.8'/%3E%3Crect x='48' y='292' width='110' height='9' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='48' y='312' width='130' height='7' rx='3' fill='%2333406a'/%3E%3Crect x='48' y='328' width='96' height='7' rx='3' fill='%2333406a'/%3E%3Crect x='235' y='228' width='170' height='146' rx='12' fill='%23131d3a'/%3E%3Ccircle cx='269' cy='262' r='16' fill='url(%23g)' opacity='.8'/%3E%3Crect x='253' y='292' width='110' height='9' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='253' y='312' width='130' height='7' rx='3' fill='%2333406a'/%3E%3Crect x='253' y='328' width='96' height='7' rx='3' fill='%2333406a'/%3E%3Crect x='440' y='228' width='170' height='146' rx='12' fill='%23131d3a'/%3E%3Ccircle cx='474' cy='262' r='16' fill='url(%23g)' opacity='.8'/%3E%3Crect x='458' y='292' width='110' height='9' rx='4' fill='%23e6edf8' opacity='.8'/%3E%3Crect x='458' y='312' width='130' height='7' rx='3' fill='%2333406a'/%3E%3Crect x='458' y='328' width='96' height='7' rx='3' fill='%2333406a'/%3E%3C/svg%3E)
A simple and user-friendly website concept for online Quran teaching and student information.
How I can help your business or project get online and look professional.
Clean HTML, CSS and JavaScript for websites that load fast and work everywhere.
Layouts that adapt smoothly from small phones to large desktop screens.
Product listings, categories and ordering flows, including WhatsApp ordering.
Store setup, product uploads and basic theme changes to get your shop online.
Focused, quick-loading pages built to turn visitors into customers and enquiries.
Turning designs and ideas into polished, interactive interfaces.
Send a message, or reach me directly. I'll reply as soon as I can.
Karachi, Pakistan