Typography
Balance Sheet
Styled financial table using CSS pseudo-selectors for alternating rows and hover states.
Open project →
Typography
Cafe Menu
A warm, styled menu layout with custom fonts, image use, and clean semantic HTML.
Open project →
CSS Art
Cat Painting
A CSS-only cat portrait built with nested divs, gradients, and intermediate selectors.
Open project →
HTML
Cat Photo App
A foundational HTML-only project — my first steps with images, links, and semantic structure.
Open project →
Variables
City Skyline
A vector-style city skyline scene powered entirely by CSS custom properties (variables).
Open project →
CSS Art
Color Markers
Marker illustrations demonstrating layered gradients, box shadows, and color blending.
Open project →
Animation
Ferris Wheel
A fully CSS-animated Ferris wheel with rotating spokes and cabin movement — no JavaScript.
Open project →
HTML
Human Brain
Semantic HTML layout documenting human brain anatomy — focused on document structure and readability.
Open project →
HTML
Mahatma Gandhi Tribute
A respectful tribute page combining semantic HTML structure with clean, readable styling.
Open project →
Grid
Magazine Grid
A multi-column editorial layout built with CSS Grid — named areas, spans, and template tracks.
Open project →
Typography
Nutrition Label
A pixel-perfect FDA nutrition label replica focusing on advanced typography, borders, and layout.
Open project →
Flexbox
Photo Gallery
A responsive, fluid image gallery using Flexbox — wrap, alignment, and gap-based spacing.
Open project →
Flexbox
Piano
A responsive piano keyboard layout using Flexbox and media queries for viewport adaptation.
Open project →
Flexbox
Portfolio Page
A simple personal portfolio project page — early practice with layout, navigation, and sections.
Open project →
Accessibility
Quiz (Accessibility)
A form-based quiz emphasizing ARIA roles, label associations, tab order, and screen reader support.
Open project →
Forms
Registration Form
A styled sign-up form covering input types, validation attributes, fieldsets, and radio/checkbox groups.
Open project →
CSS Art
Rothko Painting
Abstract colour field art inspired by Mark Rothko — mastering the CSS box model, padding, and blur.
Open project →
Forms
Survey Form
A complete, accessible survey form with semantic HTML, fieldsets, legends, and diverse input types.
Open project →
Portfolio
Portfolio 1
Clean, simple HTML/CSS portfolio — foundational approach to showcasing projects and skills.
View site →
Portfolio
Portfolio 2
Full professional portfolio with cyberpunk-inspired terminal aesthetics, 3D visuals, and interactive animations.
View site →
Portfolio
Portfolio 3
Professional portfolio featuring modern cyberpunk design, glitch effects, dynamic animations, and full-stack showcase.
View site →
Portfolio
Portfolio 4
Premium full-stack portfolio for Abra, featuring a Lime and Orange theme, multi-page layout, and modern animations.
View site →
Portfolio
Portfolio 5
Minimalist frontend portfolio for Abra in Obsidian and Brown, focusing on clean UI and smooth interactions.
View site →
Portfolio
Portfolio 6
Modern Astro-based professional portfolio, featuring advanced React components, Tailwind styling, and interactive layouts.
View site →
Portfolio
Portfolio 7
Minimalist frontend developer portfolio for Mustafa Shaikh — obsidian and snowy white theme with subtle grain texture, smooth animations, and clean typography.
View site →
No projects match this filter.