Personal Portfolio Website

A clean, responsive portfolio website built with HTML, CSS, and Bootstrap 5.

How to Open

1. Simple Method: Double-click on index.html to open it in your default web browser.

2. Alternative Method:

   • Right-click on index.html
   • Select "Open with" → Choose your preferred browser (Chrome, Firefox, Edge, etc.)

File Structure

My Personal/
├── index.html          # Main HTML file
├── css/
│   └── styles.css     # Custom CSS styles
├── js/
│   └── script.js      # Minimal JavaScript
├── assets/
│   └── README.md      # Instructions for adding images
└── README.md          # This file

Customization Guide

1. Personal Information

• Open index.html in a text editor
• Look for comments that say <!-- EDIT: ... -->
• Replace placeholder text with your information:
  • Name
  • Intro text
  • About me content
  • Education details
  • Skills
  • Projects
  • Contact information
  • Social media links

2. Images

• Add your profile photo as assets/profile.jpg
• Add project images as assets/project1.jpg, project2.jpg, etc.
• Update image paths in index.html if you use different filenames

3. Colors & Styling

• Edit css/styles.css to change colors, fonts, or spacing
• The primary color is currently Bootstrap's default blue (#0d6efd)
• You can change it by modifying CSS variables or class names

4. Sections

• All sections are clearly marked in index.html
• You can add/remove sections as needed
• Each section has comments explaining what to edit

Features

• ✅ Fully responsive (mobile, tablet, desktop)
• ✅ Smooth scrolling navigation
• ✅ Modern, clean design
• ✅ Bootstrap 5 framework
• ✅ Minimal JavaScript
• ✅ Easy to customize

Browser Compatibility

Works on all modern browsers:

• Chrome
• Firefox
• Edge
• Safari
• Opera

Notes

• This is a static website (no backend required)
• All Bootstrap and icons are loaded via CDN (internet connection needed)
• No build process or installation required
• Just edit the HTML/CSS files and refresh your browser!

Need Help?

1. Check that all file paths are correct
2. Ensure images are in the assets/ folder
3. Make sure you have an internet connection (for Bootstrap CDN)
4. Open browser developer tools (F12) to check for errors