This is a simple portfolio website I built while learning HTML and CSS. The goal of this project was to practice layout, styling, and page navigation without using any frameworks or JavaScript.
I tried to make it look like a real landing page instead of just a basic assignment page.
- Navigation bar at the top
- Smooth scrolling between sections
- Hero section (intro area)
- About section
- Services cards
- Contact form UI
- Sticky navbar
- Hover effects on links and buttons
- Responsive layout structure
- HTML5
- CSS3 (Flexbox)
- Google Fonts
No frameworks, no Bootstrap, and no JavaScript were used. Everything is styled manually in CSS.
While making this project I understood:
- How to structure a webpage properly
- Linking CSS file to HTML
- Using classes and ids
- Flexbox alignment
- Hover effects and transitions
- Background images and gradients
- Creating a multi-section layout
- Internal page linking using anchor tags
- Smooth scrolling
portfolio/ │── index.html │── style.css
- Download or clone the repository
- Open the folder
- Double click
index.html
The website will open in your browser.
- Make it fully responsive for small mobile screens
- Add JavaScript for form validation
- Add project showcase section
- Add dark/light mode toggle
This project is part of my frontend learning journey.