Portfolio Website - Banar Pambudi

Modern portfolio website with futuristic design using HTML, CSS (Tailwind), JavaScript, and Google Apps Script.

🚀 Features

• Futuristic Design: Cyberpunk theme with engaging animations
• Responsive: Optimized for all devices (desktop, tablet, mobile)
• Interactive: Scroll animations, typewriter effect, particle system
• Modern: Uses Tailwind CSS and JavaScript ES6+
• Performance: Optimized for fast loading

🛠️ Tech Stack

• HTML5: Website structure
• Tailwind CSS: Styling dan responsive design
• JavaScript: Interactivity and animation
• Font Awesome: Icons
• Google Fonts: Typography (Orbitron)

🎨 Main Features

1. Hero Section

• Typewriter animation with multiple text
• Floating particles effect
• Gradient background with grid pattern
• Call-to-action buttons

2. About Section

• Animated skill bars
• Statistics cards
• Responsive grid layout

3. Projects Section

• Card hover effects with glow
• Technology tags
• Project showcase with buttons

4. Contact Section

• Contact form with validation
• Social media links
• Contact information cards

5. Interactive Features

• Smooth scrolling navigation
• Mobile-responsive menu
• Scroll-triggered animations
• Notification system
• Cursor trail effect (desktop)
• Loading animation

🎯 Optimizations

Performance

• Using a CDN for Tailwind CSS
• Minified CSS and JavaScript
• Optimized images (use WebP format)
• Lazy loading for images

SEO

• Meta tags for social media sharing
• Structured data markup
• Sitemap.xml
• Robots.txt

Accessibility

• ARIA labels
• Keyboard navigation
• Screen reader support
• Color contrast compliance

📞 Contact

If you have any questions or suggestions, please contact:

• Email: banarpambudi094@gmail.com
• LinkedIn: linkedin.com/in/banarpambudi
• GitHub: github.com/bnrpmbd

📄 License

MIT License - feel free to use this template for your own portfolio!

---

Happy Coding! 🚀