🌐 Personal Portfolio Website

📖 Project Overview

This is a single-page responsive portfolio website created as part of a lab assignment. The website showcases personal information, projects, skills, and contact details. It is built using HTML, and CSS.

• URL Link to website portfolio: Click Here
• URL Link to website design: Click Here

🎯 Purpose

The goal of this project is to:

• Practice responsive web design techniques
• Learn how to structure and style a webpage
• Showcase personal or sample projects in a professional format

👥 Target Audience

This portfolio is designed for:

• [✅] Potential employers or recruiters

  Note: If you don't have a portfolio yet, please add a fake/sample portfolio first.

🧱 Technologies Used

• HTML5
• CSS3 (Flexbox, Box Models, Media Queries)

📐 Layout & Sections

The website includes the following sections:

• Header – Name and tagline
• About Me – Short bio and photo
• Projects – List of projects with descriptions and links
• Skills – Technical and soft skills
• Contact – Email, social media, or contact form
• Footer – Copyright and links

📱 Responsiveness

The site is optimized for:

• Desktop
• Tablet
• Mobile

Responsive design is achieved using media queries and flexible layouts.

🧪 How to Run Locally

1. Open your code editor (e.g., Visual Studio Code, etc.).
2. In your code editor, open the terminal.
3. Clone the repository:

   git clone https://github.com/your-username/portfolio-website.git

4. Open index.html in your browser, or run the website locally using the Live Server Extension.

📂 Folder Structure

portfolio-website/
│
├── index.html
├── style.css
├── images/
└── README.md

📄 Notes

• I used ChatGPT to help me structure the HTML layout and fix a CSS bug.
• I designed the color scheme and layout myself using Figma or Canva.
• I wrote the project descriptions and contact section manually.

📸 Screenshots

Add screenshots of your website on different devices here and website design created in Figma or Canva.