Projects using CSS in RawalpindiProjects using CSS in Rawalpindi
Cover image for My newly designed Replo Page on Shopify https://smartplaygro...
My newly designed Replo Page on Shopify https://smartplayground.co/pages/3-reasons-why-page-magnetic-bricks
5
214
Cover image for Built a dynamic multi-viewport editorial
Built a dynamic multi-viewport editorial design showcase in Figma, brought to life through custom JavaScript and CSS animation pipelines with high-fidelity FFmpeg rendering to explore spatial hierarchy in UX research.
2
193
Cover image for Description
Pro Productivity is a Chrome
Description Pro Productivity is a Chrome extension designed to help users understand and improve their online habits. The extension automatically tracks the time spent on each website, providing detailed insights into daily browsing behavior. Users can create tasks, set focus timers, and receive reminders to stay productive throughout the day. The extension features real-time website activity tracking, task management, focus alarms, and productivity analytics in a clean and intuitive interface. By visualizing browsing patterns and tracking task progress, users can identify distractions, manage their time more effectively, and build better productivity habits. Key Features ✅ Website Time Tracking Automatically tracks time spent on every website. Displays real-time browsing activity. ✅ Task Management Create and manage productivity tasks. Monitor active and completed tasks. ✅ Focus Timers & Alarms Set custom focus sessions. Receive alerts when task timers expire. ✅ Activity Dashboard View browsing history and usage statistics. Analyze productivity trends over time. ✅ Clean User Interface Modern dark-themed design. Easy-to-use and distraction-free experience. Technologies Used React WXT Framework JavaScript Chrome Extension APIs Local Storage HTML5 CSS3 Problem Solved Many users underestimate how much time they spend online. Pro Productivity provides clear visibility into browsing habits while helping users stay focused on important tasks through time tracking and smart reminders. Results The extension enables users to: Track online activity accurately. Reduce distractions. Improve time management. Increase productivity through focused work sessions. Gain valuable insights into their daily digital behavior. Role: Full-Stack Chrome Extension Developer Project Type: Productivity & Time Management Tool Platform: Google Chrome Extension
1
58
Cover image for Showcasing my recent work, KO1HQ website. It’s designed with...
Showcasing my recent work, KO1HQ website. It’s designed with a focus on modern aesthetics, smooth performance, and a user-friendly experience. Interested in upgrading your site? Let’s connect and get started. #Webflow #WebflowDesign #WebDesign #UserExperience #WebsiteShowcase #DesignWithPurpose #BrandGrowth
1
65
Cover image for Kurstadt Taxi – Car Booking System | German Client
Kurstadt Taxi – Car Booking System | German Client
0
103
Cover image for Savora — Food Delivery Landing
Savora — Food Delivery Landing Page Designed and developed "Savora," a modern food-delivery landing page concept, built with HTML, CSS, and JavaScript, using GSAP for scroll-triggered and interactive animations. Key features: Animated hero section — a 3D-style orbiting animation where signature dishes (pasta, soup, salad, dessert) circle a central hero plate, complete with layered steam/smoke effects and floating particles for a premium, cinematic feel Scroll-triggered reveal animations throughout the page using GSAP, giving each section a smooth fade/slide-in effect as the user scrolls Interactive Sign In / Sign Up modal with tabbed switching between forms, styled input fields (name, email, password with show/hide toggle, address, phone), a consent checkbox, and smooth open/close transitions Horizontal Menu Grid carousel — food item cards with images, titles, descriptions, and cart icons, complete with hover states and pagination dots Promotional "Stats & Download" section with a call-to-action button, styled to match the overall dark/gold brand palette Fully responsive layout with a cohesive dark-brown and gold color scheme designed to feel premium and appetite-appealing Got a project in mind? Let's build it — message me anytime.
0
137
Cover image for 13-Week Cash Flow Forecast: Will
13-Week Cash Flow Forecast: Will Your Cash Last? Plenty of profitable businesses still run out of cash. Customers pay late, a big stock order lands in the wrong week, and suddenly the bank balance is the problem, not the profit. This forecast shows it coming, week by week, for the next 13 weeks. Set your opening cash, sales, growth, costs and ad spend, and choose how quickly customers pay you. The dashboard draws your cash balance week by week, marks the lowest point, and tells you in one plain-English sentence whether you’re safe or heading below zero. It’s a simplified demo with sample data. For a real business I build the forecast around your own sales, payment terms and costs, in the format your bank or investor expects. If you’d like a cash flow forecast for your numbers, send me a message.
0
66
Cover image for TopOneFuture – Corporate Website 

Developed
TopOneFuture – Corporate Website Developed a modern corporate website aimed at presenting services in a clear, structured, and professional way. Focused on performance, responsiveness, and clean UI to enhance user engagement. Built scalable frontend architecture to support future business expansion and feature integration. Tech Stack: Webflow
1
164