🚀 Himansh Sharma - Portfolio

💡 Live Demo

📱 GitHub Pages: https://himanshsharmaa.github.io/me

A modern, responsive portfolio website to showcase my journey as a Full-Stack Developer. Built with HTML5, CSS3, Bootstrap 5, and JavaScript, featuring a clean dark UI, smooth animations, and a consistent purple accent theme.

---

✨ Features

• 🎨 Modern Design: Clean, professional dark-themed interface with purple accent colors
• 📱 Fully Responsive: Optimized for all devices - desktop, tablet, and mobile
• 🚀 Interactive Elements: Smooth animations and hover effects using CSS3 and JavaScript
• 📧 Contact Integration: Direct email functionality and social media links
• 🎯 Project Showcase: Dynamic project gallery with live demos and GitHub links
• ⚡ Performance Optimized: Fast loading times with optimized assets
• 🕒 Timeline Section: Professional experience, education, and certifications in a vertical timeline
• 🍔 Mobile Navigation: Enhanced hamburger menu with smooth animations

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Framework: Bootstrap 5 for responsive design
• Icons: Font Awesome & Unicons
• Fonts: Google Fonts
• Animations: CSS3 transitions and keyframes
• Version Control: Git & GitHub

🚀 Getting Started

Prerequisites

• A modern web browser
• Git (for development)
• Basic knowledge of HTML/CSS/JS (for customization)

Local Development

1. Clone or download the repository

   git clone https://github.com/himanshsharmaa/me.git
   cd me

2. Open in your browser

   • Open index.html directly in your preferred browser
   • Or use a local server like Live Server in VS Code
   • Or use Python's built-in server:

     python -m http.server 8000

3. Customize as needed

   • Update content in index.html
   • Modify styles in css/style.css
   • Add your own images to the images/ folder
   • Replace Resume-1.pdf with your own resume

📁 Project Structure

portfolio/
├── index.html              # Main HTML file
├── README.md               # Project documentation
├── Resume-1.pdf            # Downloadable resume
├── css/
│   ├── bootstrap.min.css   # Bootstrap framework
│   ├── style.css           # Custom styles
│   └── unicons.css         # Icon fonts
├── js/
│   ├── custom.js           # Custom JavaScript
│   ├── bootstrap.min.js    # Bootstrap JS
│   ├── jquery-3.3.1.min.js
│   ├── popper.min.js
│   └── smoothscroll.js     # Smooth scrolling
├── images/
│   ├── project/            # Project screenshots
│   └── undraw/             # SVG illustrations
└── font/                   # Icon font files

🎨 UI/UX Highlights

• Purple Theme: Consistent purple color scheme (#a855f7) for accents and hover effects
• Smooth Animations: CSS transitions for all interactive elements
• Responsive Timeline: Experience, education, and certifications shown in a vertical timeline that adapts beautifully from desktop to mobile
• Enhanced Mobile Menu: Hamburger menu with smooth animation and improved visibility
• Hover Effects: Interactive buttons and links with purple glow effects
• Modern Typography: Clean, readable fonts with proper hierarchy
• Optimized Images: Compressed and responsive image loading

🔧 How to Use

This portfolio template is ready to use and easy to customize:

Customization Options

• Personal Information: Update your name, title, and bio in index.html
• Projects: Replace project images and descriptions with your own work
• Resume: Replace Resume-1.pdf with your updated resume
• Colors: Modify the purple theme colors in css/style.css
• Social Links: Update social media links to point to your profiles
• Images: Replace profile and project images with your own

Running Locally

• Open index.html directly in any modern browser
• Use VS Code with Live Server extension for development
• Or use Python's built-in server: python -m http.server 8000

📈 Recent Updates

• ✅ Enhanced mobile responsiveness and navigation
• ✅ Consistent purple color theme throughout
• ✅ Improved hamburger menu visibility and animation
• ✅ Fixed timeline layout for better mobile experience
• ✅ Added hover effects to all interactive elements
• ✅ Optimized images and loading performance
• ✅ Enhanced README documentation
• ✅ Added detailed customization instructions

📞 Contact

---

💜 Made with passion and purple theme 💜
© 2025 Himansh Sharma. All rights reserved.