Modern Portfolio Website

This is a modern, interactive portfolio website featuring particle effects, 3D animations, and responsive design.

Features

• 🌟 Interactive particle background
• 💫 3D floating cubes with technology icons
• 📊 Skills visualization with radar chart
• 🌓 Dark/Light theme toggle
• 📱 Fully responsive design
• ✨ Custom cursor effects
• 📜 Scroll progress indicator
• 🎯 Project showcase with filtering
• 📝 Contact form
• 🎨 Animated sections with AOS library

Quick Start

1. Download and extract the ZIP file
2. Open the index.html file in a modern web browser (Chrome, Firefox, Safari, or Edge recommended)

That's it! No server setup required.

File Structure

portfolio/
├── index.html          # Main HTML file
├── css/
│   └── style.css      # Custom styles
├── js/
│   └── main.js        # Custom JavaScript
├── Caleb.jpg          # Profile image
└── Caleb Kariuki CV.pdf  # CV document

Dependencies (CDN-hosted, no installation needed)

• Bootstrap 5.3.0
• Font Awesome 6.4.0
• AOS Animation Library 2.3.1
• Particles.js
• Chart.js
• Isotope Layout

Browser Support

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

Customization

To customize the portfolio:

1. Replace Caleb.jpg with your own profile picture
2. Replace Caleb Kariuki CV.pdf with your own CV
3. Edit index.html to update:
   • Personal information
   • Project details
   • Social media links
   • Contact information
4. Modify css/style.css to change:
   • Color schemes
   • Animations
   • Layout preferences
5. Adjust js/main.js to modify:
   • Particle effects
   • 3D cube animations
   • Skills radar chart data

Notes

• All external dependencies are loaded via CDN, ensuring the portfolio works immediately without any package installation
• The website is static, meaning the contact form needs backend integration to actually send emails
• The particle effect might affect performance on lower-end devices

License

Feel free to use this template for your personal portfolio. Attribution is appreciated but not required.