Ritik Kumar - Portfolio Website

A professional, responsive portfolio website designed for Ritik Kumar, a Software Engineer specializing in embedded systems and backend development. This website showcases professional experience, projects, skills, and contact information in a modern, dark-themed interface.

🚀 Live Demo

https://ritik900.github.io/portfolio/

✨ Features

• Responsive Design: Fully responsive layout that looks great on Mobile, Tablet, and Desktop.
• Premium Dark Mode: Aesthetic dark theme with blue/purple gradient accents and glassmorphism effects.
• Interactive Elements:
  • Smooth scroll navigation.
  • Hover effects on cards and buttons.
  • Scroll-triggered fade-in animations.
• Content Sections:
  • Hero: Introduction with Profile Picture and CV Download.
  • About: Professional summary and key strengths.
  • Experience: Vertical timeline of work history.
  • Projects: Grid view of featured projects with thumbnails.
  • Skills: Categorized technical skills.
  • Contact: Quick contact links.

🛠️ Technologies Used

• HTML5: Semantic structure.
• CSS3: Custom styling, Flexbox/Grid layouts, CSS Variables, and animations.
• JavaScript: Mobile menu toggle, scroll spy navigation, and reveal animations.
• FontAwesome: Scalable vector icons.
• Google Fonts: 'Outfit' typeface.

📂 Folder Structure

portfolio/
├── images/          # Project assets (profile pic, thumbnails, etc.)
├── index.html       # Main HTML structure
├── style.css        # Global styles and responsive design
├── script.js        # UI logic and animations
└── README.md        # Project documentation

🚀 How to Run Locally

Since this is a static website, you don't need any complex build tools.

1. Clone the repository:

   git clone https://github.com/ritik900/portfolio.git

2. Open the project:
   • Simply double-click index.html to open it in your default web browser.
   • OR use an extension like Live Server in VS Code for a better development experience.

📝 Customization

• Images: Replace files in the images/ folder with your own.
• Colors: Edit the CSS Variables (--first-color, --hue, etc.) in style.css to change the theme.
• Content: Update the text in index.html.

📄 License

This project is open source and available for personal use.