HairDay Salon

HairDay Salon is a simple landing page built using only HTML and CSS as a practice project. The goal was to focus on clean structure, semantic markup, and responsive styling without relying on frameworks.

View Code

Demo

Overview

HairDay is one of the very first projects I built using only HTML and CSS. Just like my React Todo App, this project represents an important milestone in my learning journey. It reminds me of the early days when everything was new, challenging, and exciting. I keep this project in my portfolio not because of its complexity, but because of what it symbolizes—growth, persistence, and the willingness to start from zero. Working on HairDay taught me the fundamentals of layout, styling, responsiveness, and structuring a clean HTML document. It also helped me appreciate the importance of design, spacing, and visual hierarchy long before I learned modern frameworks. I am grateful for this project because it marks the beginning of a journey that has taken me through React, Next.js, TypeScript, backend development, and full-stack engineering. It reminds me to stay humble, stay thankful, and keep moving forward.

Key Features

Static multi-section layout

Responsive design using pure CSS

Clean HTML structure

Basic styling and layout techniques

Simple, beginner-friendly UI

Challenges Faced

Learning how to structure HTML for the first time
Understanding CSS layout and spacing
Building a visually consistent page without frameworks

Solutions Implemented

Practiced writing semantic HTML
Used CSS flexbox and basic layout techniques
Experimented with colors, spacing, and typography

Future Improvements

1.Add responsive breakpoints
2.Improve layout and spacing
3.Add animations or transitions

Limitations

!Simple static design with no interactivity
!No responsiveness beyond basic CSS