Skip to content

kr-shobhit/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎭 Welcome to My Digital Stage

“Websites aren’t just code — they’re tiny universes, each telling a story.”

Hello, curious traveler! 🌍 You've just stumbled upon the source code of my portfolio website — a handcrafted blend of pixels, passion, and just a pinch of caffeine.

This isn’t just a homepage.
It’s my canvas, my code dojo, my corner of the internet where creativity meets <div>.


🚀 Features

  • Responsive Design: Mobile-first approach with smooth animations
  • Interactive Elements: Custom cursor, particle background, smooth scrolling
  • Performance Optimized: External CSS/JS files, optimized images, lazy loading
  • SEO Ready: Meta tags, Open Graph, Twitter Cards, Sitemap
  • Accessibility: ARIA labels, keyboard navigation, screen reader support
  • Modern UI: Dark theme with purple accent colors
  • Section Navigation: Smooth snap scrolling between sections

📁 Project Structure

portfolio/
├── index.html              # Main HTML file
├── assets/
│   ├── css/
│   │   └── styles.css      # External stylesheet
│   ├── js/
│   │   └── main.js         # External JavaScript
│   └── images/             # Image assets
├── vercel.json             # Vercel configuration
├── robots.txt              # Search engine directives
├── sitemap.xml             # Site structure for SEO
└── README.md               # This file

🛠️ Technologies Used

  • HTML5: Semantic markup
  • CSS3: Modern styling with Tailwind CSS
  • JavaScript (ES6+): Interactive functionality
  • Font Awesome: Icons
  • Google Fonts: Typography (Poppins)
  • Devicon: Technology icons

📱 Sections

  1. Hero: Introduction with call-to-action
  2. About: Personal information and social links
  3. Skills: Interactive technology showcase with filtering
  4. Projects: Portfolio projects with carousel
  5. Education: Academic background
  6. Certifications: Professional certifications

📊 SEO Features

  • Meta tags for search engines
  • Open Graph tags for social media
  • Twitter Card support
  • Structured data (sitemap.xml)
  • Semantic HTML markup
  • Alt text for images

🐛 Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Mobile browsers

📝 License

This project is available under the MIT License.

Contact

Acknowledgments


Built with ❤️ by Shobhit

About

Personal Portfolio

Topics

Resources

License

Stars

Watchers

Forks

Contributors