Personal Portfolio Website

Project Overview

A clean, responsive personal portfolio website built with HTML, CSS, and JavaScript. This project showcases my skills, projects, articles, and provides a way to get in contact.

Key Features

• Responsive Design: Works on all device sizes
• Dark/Light Mode: Toggle between color themes
• Multiple Pages:
  • Homepage with featured content
  • Projects showcase
  • Articles/blog section
  • Contact form
• Modern UI: Clean design with smooth animations
• Semantic HTML: Accessible and SEO-friendly structure

Live Demo

Check out the live version of this portfolio:
🌐 https://nurf21.github.io/personal-portfolio

Project Resources

This project is part of the Frontend Developer Roadmap:
📚 https://roadmap.sh/projects/portfolio-website

Pages

1. Home (index.html) - Overview with featured content
2. Projects (projects.html) - Showcase of completed work
3. Articles (articles.html) - Technical writings and blog posts
4. Contact (contact.html) - Contact form and information

Technologies Used

• HTML5
• CSS3 (Flexbox, Grid, Variables)
• JavaScript (DOM manipulation, localStorage)
• Font Awesome icons
• Google Fonts (Poppins, Open Sans)

How to Use

1. Clone the repository:

   git clone https://github.com/nurf21/personal-portfolio.git

2. Open any HTML file in your browser

Customization

To personalize this portfolio:

1. Update content in the HTML files
2. Modify colors in the CSS variables
3. Add your own projects/articles
4. Replace placeholder images

License

This project is open source and available under the MIT License.