Portfolio Website

Modern responsive portfolio website with modular CSS architecture.

🛠️ Tech Stack

HTML5 • CSS3 • JavaScript • Font Awesome • Vercel

� Live Demo

🔗 View Live Portfolio

🚀 Setup

1. Clone repository
2. Open index.html in browser
3. For development: Use Live Server in VS Code

✨ Features

• Fully responsive design
• Modular CSS architecture
• Smooth animations
• Interactive elements
• Optimized for 720p/1080p/1200p displays

📂 Detailed Structure

portfolio-website/
├── index.html                # Main HTML file
├── styles.css                # Main CSS entry point
├── README.md                 # Project documentation
├── assets/                   # Images and media files
│   ├── favicon.png           # Website favicon
│   ├── peakhive.png          # project image 1
│   ├── epsilora.png          # project image 2
│   └── tictactoe.png         # project image 3
└── styles/                   # Modular CSS architecture
    ├── base.css              # CSS reset, typography, animations
    ├── responsive.css        # Media queries for all breakpoints
    ├── components/           # Reusable UI components
    │   ├── navigation.css    # Header and navigation styles
    │   ├── buttons.css       # Button styles and hover effects
    │   ├── cards.css         # Card layouts (skills, projects, about)
    │   └── forms.css         # Form inputs and validation styles
    └── sections/             # Page section-specific styles
        ├── intro.css         # Main section and profile styles
        ├── about.css         # Education and achievements layout
        ├── skills.css        # Skills grid and icons
        ├── projects.css      # Project showcase cards
        ├── contact.css       # Contact form section
        └── footer.css        # Footer and social links

---

Made with ❤️ by Chammy AI & ML Engineer | Full Stack Developer

📄 License

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