Projects using CSS in HarīpurProjects using CSS in Harīpur
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 Enhance Your Website with Subtle GSAP ScrollTrigger Animations
Not every animation needs to shout. Sometimes a simple object, moving gently with the scroll, is enough to make a page feel memorable. Crafted with GSAP ScrollTrigger.
2
214
Cover image for Maison Belle — Elegant Salon
Maison Belle — Elegant Salon & Beauty Website Design 🌸 An elegant, modern salon website concept created to showcase how a beauty business can present its services and brand through a polished online experience. Designed by Ubaid Web Studio, this project features a soft, luxurious color palette, refined typography, and a stylish layout inspired by the beauty and aesthetics industry. ✨ Key Features Elegant UI Design: A sophisticated visual style with soft colors and modern typography. Beauty Services: Sections for presenting salon treatments and services. Service Pricing: A clear layout for showcasing sample service prices. Team Profiles: Space to introduce beauty professionals. Contact & Booking Sections: Convenient ways for visitors to explore contact and booking information. Responsive Design: Designed for browsing on desktop and mobile devices. 🎯 Project Goal To demonstrate how thoughtful web design can help salons present their services, communicate their brand identity, and create a welcoming first impression for potential customers. Project Type: Salon Website Design & Development Demo Demo Website: https://masionbelleastheticbyubaidwebstudio.netlify.app/ Note: Maison Belle is a demonstration project created to showcase my web design and development skills. It is not a commissioned client project.
1
407
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 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 I designed and developed a modern, fully responsive WordPres...
I designed and developed a modern, fully responsive WordPress website for Hope Garden... Responsive WordPress Website for Garden & Green-Space Initiative
0
43
Cover image for Luminary is a living design
Luminary is a living design OS built entirely with Google Stitch. It demonstrates streaming canvas generation, in-place AI edits, native motion & hover states, .fig import, and Netlify export — all wrapped in a motion-rich interface where every component breathes, floats, and responds.
1
2
218
Cover image for www.inboxtickets.com (https://www.inboxtickets.com) Check ou...
www.inboxtickets.com (https://www.inboxtickets.com) Check out my work!
2
36
Cover image for Aegis CyberSec - Digital Risk & Scam Analysis Platform
Aegis CyberSec - Digital Risk & Scam Analysis Platform
0
31