Lalith Sai Kumar Portfolio

A modern, responsive personal portfolio website built with HTML, CSS (IBM Plex Mono), and JavaScript. Showcases projects, experience, education, and skills with a clean, developer-focused design.

---

🚀 Project Structure

/
├── index.html              # Main HTML file
├── css/
│   └── styles.css          # Custom CSS styles (IBM Plex Mono)
├── js/
│   └── main.js             # Main JavaScript functionality
├── assets/
│   └── favicon.svg         # Custom favicon (code brackets)
└── README.md               # This file

---

✨ Features

• Fully Responsive – Looks great on all devices (mobile, tablet, desktop)
• Dark/Light Mode – Toggle with persistent theme
• Smooth Animations – Subtle fade-ins and transitions
• Mobile Navigation – Collapsible menu for small screens
• Accessible – Keyboard navigation and focus states
• Performance – Optimized for fast loading
• Modern Typography – IBM Plex Mono throughout

---

🛠️ Technologies Used

• HTML5 – Semantic markup
• CSS3 – Custom styles, responsive design, IBM Plex Mono
• JavaScript (ES6+) – Interactivity and mobile menu
• Feather Icons – Clean icon set
• Google Fonts – IBM Plex Mono

---

📦 Sections

1. Hero – Name, title, and intro
2. About – Bio and skills
3. Projects – Portfolio highlights
4. Experience – Work history
5. Education – Academic background
6. Skills – Technical stack
7. Footer – Social links and copyright

---

🚀 Getting Started

1. Clone or download this repository
2. Open index.html in your browser
3. Customize your information, projects, and skills

Local Development

You can use any static server. For example:

# Python 3.x
python -m http.server 8000

# Or use VS Code Live Server extension

Then open http://localhost:8000 in your browser.

---

🌐 Deploy to GitHub Pages

1. Push your code to a GitHub repository (e.g., portfolio)
2. Go to Settings > Pages
3. Set Source to main branch, / (root) folder
4. Save and wait a minute
5. Your site will be live at: https://YOUR_USERNAME.github.io/YOUR_REPO_NAME/

---

🎨 Customization

• Edit content in index.html
• Change styles in css/styles.css
• Update scripts in js/main.js
• Replace favicon in assets/favicon.svg

---

📱 Browser Support

• Chrome, Firefox, Safari, Edge (latest)

---

📝 License

This project is open source under the MIT License.

---

Made with ❤️ by Lalith Sai Kumar