Skip to content

bnrpmbd/Portfolio-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

📄 License

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


Happy Coding! 🚀

About

Personal portfolio website featuring my projects, skills, and experiences during my undergraduate studies in Electrical Engineering. Built with JavaScript, Tailwind CSS, and Google Apps Script.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors