Projects using CSS3 in StaffordProjects using CSS3 in StaffordRia Braids Studio — Luxury Brand Website
A fully responsive, motion-designed website built for Ria Braids Studio, a braiding salon serving Royse City and Dallas, Texas. The brief called for a luxury aesthetic that matched the brand's existing visual identity — warm rose, coral, and gold tones extracted directly from the client's logo and marketing materials.
Key features: Fixed glassmorphism navigation with mobile hamburger menu, animated hero section with twinkling star field and rotating SVG badge, scroll-triggered reveal animations throughout, service cards with hover micro-interactions, three-tier pricing layout, a step-by-step booking flow, and a contact form that pre-populates and opens WhatsApp for instant client communication.
Design approach: Paired Cormorant Garamond (luxury display) with DM Sans (clean body copy) to balance old-world elegance with modern readability. Custom SVG braid-pattern dividers echo the brand's craft. All motion respects prefers-reduced-motion for accessibility.
Tech: Vanilla HTML, CSS, JavaScript — no frameworks, no dependencies. Fully self-contained single file. Designed and developed a full single-page marketing website for Elite Barbers, a 4.9-star rated barbershop located in Bloomsbury, London. The site was built from scratch with a premium dark-and-gold aesthetic to match the brand's upscale positioning.
What was delivered:
Custom HTML/CSS single-page website — no templates, no frameworks
Responsive layout optimised for desktop and mobile
Embedded real customer photos (shopfront, haircut gallery)
Google Reviews integration (ratings, quotes, star display)
Full services section covering all 9 offered treatments
Location section with address, hours, phone number, and Google Maps link
Fixed navigation with smooth scroll and a call-to-action button
Performance-optimised with all images embedded inline (no external dependencies)
Tech Stack: HTML5, CSS3 (custom properties, grid, flexbox), Google Fonts
Industry: Local Business / Grooming & Wellness
Location: London, UK (Remote) 
