Projects using CSS in IslamabadProjects using CSS in Islamabad
Projects
People
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
112
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
40
Cover image for A modern and responsive personal
A modern and responsive personal portfolio website designed to showcase professional experience, skills, projects, and services in a clean and engaging way. I focused on creating a polished frontend experience with responsive layouts, intuitive navigation, modern UI components, and a structure that makes it easy for visitors to explore the developer's work and get in touch. The website was built with a strong focus on responsive design, maintainable frontend code, and a smooth experience across different screen sizes. Key Focus Modern personal portfolio design Responsive web layout Project showcase Professional developer presentation Clean and reusable UI Mobile-friendly experience Contact and conversion-focused sections Tools & Technologies React · JavaScript . HTML5 & CSS3 Live Website https://my-portfolio-691fb.web.app/
0
164