I built a clean, multi-page personal site showcasing who I am, my academic background, my hobbies, and the people who inspire me. The site includes four pages connected by a simple navigation bar- homepage, interests, idols and about me. fixing layout shifts between tabs—specifically when the navigation menu temporarily turned into a vertical block on the About page due to list tag styling conflicts.
How to test the project?
Clone or download the repository to your local machine.
Ensure the main directory contains all necessary files: index.html, about.html, interests.html, idols.html, style.css, and the four image files (profile.jpg, jobs.jpg, verstappen.jpg, batman.jpg).
Open index.html directly in any web browser (Chrome, Edge, Firefox, or Safari).
Click through the top navigation links (Home, About Me, Interests, My Idols) to test tab switching, page alignment, and image sizing.
.png)
.png)