🚀 Pratham Kumar | Full Stack Developer & Cybersecurity Enthusiast

---

A premium, Cybersecurity-themed portfolio website featuring modern glassmorphism UI, interactive animations, and adaptive layouts optimized for all devices.

---

✨ Features

🎨 Design & UI

• Glassmorphism Effects - Frosted glass cards with backdrop blur
• Dark Cyber Theme - Navy/black with neon cyan/blue accents
• Animated Gradient Text - Flowing gradients on headings
• Hover Glow Effects - Cyan glow on interactive elements

🎬 Animations & Effects

• Page Loader - Animated logo with progress bar
• Scroll Progress Bar - Visual scroll position indicator
• 3D Card Tilt - Mouse-following 3D perspective on cards
• Button Ripple Effect - Material Design-style ripple on clicks
• Staggered Reveal - Cards fade in sequentially on scroll
• Floating Elements - Gentle floating animation on icons
• Intersection Observer - Smooth fade-in as sections enter viewport

📱 Responsive Design

• Adaptive Layout - Vertical on desktop, horizontal scroll on mobile
• Mobile Navigation - Hamburger menu with slide-down overlay
• Touch-Friendly - Scroll-snap carousels for mobile
• 60FPS Performance - Optimized canvas particles on mobile

🛠️ Technical Features

• SEO Optimized - JSON-LD structured data, meta tags, robots.txt
• Custom 404 Page - Branded error page for GitHub Pages
• Lazy Loading - Deferred image loading for performance
• Scroll-to-Top - Smooth scroll button
• Working Contact Form - Web3Forms integration

---

🗂️ Project Structure

my-portfolio/
├── index.html              # Main HTML
├── style.css               # Core styles
├── script.js               # Main JavaScript
├── adaptive-layout.css     # Responsive layouts
├── animations.css          # Premium animations
├── scroll-top.css          # Scroll-to-top button
├── overlay-fix.css         # Overlay fixes
├── 404.html                # Custom error page
├── robots.txt              # SEO crawler config
└── assets/
    ├── images/             # Project & profile images
    └── documents/          # PDFs & presentations

---

🛠️ Tech Stack

Category	Technologies
Core	HTML5, CSS3, JavaScript (ES6+)
Fonts	Google Fonts (Poppins)
Icons	Font Awesome 6
Forms	Web3Forms API
Hosting	GitHub Pages

---

🚀 Quick Start

1. Clone the repository

   git clone https://github.com/rajpratham1/my-portfolio.git

2. Open locally

   cd my-portfolio
   # Open index.html in browser

3. Deploy to GitHub Pages

   • Push to main branch
   • Enable GitHub Pages in repository settings

---

📸 Sections

• Hero - Animated intro with profile photo
• About Me - Skills cards with horizontal scroll
• Featured Projects - Hardware & software projects
• My Websites - Live deployed web apps
• Certificates - Professional certifications
• Publications - Books & technical writing
• Contact - Social links & contact form

---

📄 License

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

---

👤 Author

Pratham Kumar

• GitHub: @rajpratham1
• LinkedIn: Pratham Kumar
• Portfolio: rajpratham1.github.io/my-portfolio

---

⭐ Star this repo if you found it helpful!