Personal Portfolio

A personal portfolio page built with pure HTML and CSS across two files — an HTML file and an external CSS stylesheet. The page features a dark, minimalist design with a sticky glassmorphism header, a full-viewport hero section with a dot grid background and a fade-in animation, a skills section displaying core technologies as styled cards, a projects gallery showcasing real work with screenshots and hover effects, and a contact section with a LinkedIn call-to-action button featuring a sliding fill animation on hover.

The design uses CSS variables for consistent theming, Flexbox and CSS Grid for layout, fluid typography with clamp() for responsive scaling, and keyframe animations for smooth entrance effects. Typography uses Google Fonts: Bebas Neue for display headings and DM Sans for body text. Media queries ensure the layout adapts cleanly across desktop, tablet, and mobile screens.