personal-portfolio

A modern, responsive personal portfolio webpage showcasing projects, skills, and contact information. Features a fixed navigation bar, welcome section, projects showcase, and social links. Includes live demo. Built with HTML and CSS as part of freeCodeCamp Responsive Web Design certification.

#beginner-project#brown-theme#demo-link#developer-portfolio#freecodecamp#frontend

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 1Stars

⑂ 0Forks

◯ 0Open issues

◉ 1Watchers

65/100

OPENREPOHUB HEALTH SIGNAL

Healthy signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

100

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

Personal Portfolio Webpage

A modern, fully responsive personal portfolio webpage designed to showcase projects, skills, and professional information.

Live Demo

Features

Fixed navigation bar for easy access
Full-screen welcome section with introduction
Projects showcase section
Contact section with GitHub profile link
Responsive design for all devices
Smooth scrolling navigation
Brown/copper color theme

Sections

Welcome Section - Full-height hero section with introduction
Projects Section - Displays portfolio projects with links
Contact Section - Social links and contact information

Technologies Used

HTML5
CSS3 (Flexbox, Media Queries)

Installation

Create a new folder on your computer
Save the following files in that folder:
- index.html (the HTML structure)
- styles.css (the styling)
Open index.html in any modern web browser

File Structure

personal-portfolio/
├── index.html
├── styles.css
├── README.md
├── LICENSE
└── .gitignore

Navigation Links

Welcome - Scrolls to welcome/hero section
Projects - Scrolls to projects showcase section
Contact - Scrolls to contact section

Browser Support

Works on all modern browsers including:

Google Chrome
Mozilla Firefox
Safari
Microsoft Edge

Customization

You can modify:

Personal name and welcome message
Project links and descriptions
GitHub profile URL
Color scheme in CSS
Add more project tiles
Add profile image or avatar

License

MIT License - see the LICENSE file for details

Acknowledgements

This project was built as part of my learning journey with freeCodeCamp. The requirements and concept are based on their Responsive Web Design certification.